/** Shopify CDN: Minification failed Line 93:15 Expected ")" to end URL token Line 94:13 Expected ")" to end URL token Line 99:15 Expected ")" to end URL token Line 100:13 Expected ")" to end URL token Line 106:15 Expected ")" to end URL token Line 107:13 Expected ")" to end URL token Line 113:15 Expected ")" to end URL token Line 114:13 Expected ")" to end URL token Line 122:15 Expected ")" to end URL token Line 123:13 Expected ")" to end URL token ... and 7 more hidden warnings **/ /* CUSTOM THEME EDITS -- SAWSAN GAD -- MARCH 2022*/ /*************************************************************************************/ /* HOMEPAGE AND HERO BUTTON */ /***********************************************************************************/ /* For the first shop now button - */ #shopify-section-hero-1 .btn.hero__btn{ width: 200px; height: 50px; font-size: 18px; padding: 12px 18px; } /* For the Mega Title Above the Button, Currently Deactivated .hero .mega-title { color: #fc0fc0 !important; font-size: 20px !important; font-weight: bold !important; font-style: italic !important; text-align: center !important; align-items: flex-start !important; justify-content: center !important; } */ /* MOBILE LAYOUT ////////////////////////////////////////////////////////*/ /* Changes size of Hero Button on Mobile Layout */ @media only screen and (max-width: 749px) { .hero__btn { position: relative; bottom: -200px; left: 20px; } /* .hero .mega-title { margin-bottom: -110px !important; Help: need to make it closer to the hero button }*/ } /*************************************************************************************/ /* CUSTOM FONTS */ /***********************************************************************************/ /* FONTS COME FROM OMAR HOUSSEIN - https://drive.google.com/drive/folders/1K-WND4dUxq6VDSDIZUwVmM78x93imX0d Omar Houssein's Brand Book lists the following EIGHT fonts: MIGHA : For headlines, always capitalized EXO: For subheadlines and body text Brand Book: https://drive.google.com/drive/folders/1K-WND4dUxq6VDSDIZUwVmM78x93imX0d */ /* MIGHA TITLES */ @font-face { font-family: "Migha-ThinExpanded"; /*Thick but Sleek*/ src: url({{ "Migha-ThinExpanded.otf" | asset_url }}) format("otf"), url({{ "Migha-ThinExpanded.otf" | asset_url }}) format("otf"); } @font-face { font-family: "Migha-ExpandedCNTR"; /*Regular not Bolded*/ src: url({{ "Migha-ExpandedCNTR.otf" | asset_url }}) format("otf"), url({{ "Migha-ExpandedCNTR.otf" | asset_url }}) format("otf"); } @font-face { font-family: "Migha-BoldExpandedCNTR"; /*Thickest but Thinner than BlackExpaded*/ src: url({{ "Migha-BoldExpandedCNTR.otf" | asset_url }}) format("otf"), url({{ "Migha-BoldExpandedCNTR.otf" | asset_url }}) format("otf"); } @font-face { font-family: "Migha-BlackExpanded"; /*Thickest Fattest*/ src: url({{ "Migha-BlackExpanded.otf" | asset_url }}) format("otf"), url({{ "Migha-BlackExpanded.otf" | asset_url }}) format("otf"); } @font-face { font-family: "Exo-Thin"; src: url({{ "Exo-Thin.otf" | asset_url }}) format("otf"), url({{ "Exo-Thin.otf" | asset_url }}) format("otf"); } @font-face { font-family: "Exo-Regular"; src: url({{ "Exo-Regular.otf" | asset_url }}) format("otf"), url({{ "Exo-Regular.otf" | asset_url }}) format("otf"); } @font-face { font-family: "Exo-DemiBold"; src: url({{ "Exo-DemiBold.otf" | asset_url }}) format("otf"), url({{ "Exo-DemiBold.otf" | asset_url }}) format("otf"); } @font-face { font-family: "Exo-ExtraBold"; src: url({{ "Exo-ExtraBold.otf" | asset_url }}) format("otf"), url({{ "Exo-ExtraBold.otf" | asset_url }}) format("otf"); } /***********************************************************************************/ /* CUSTOM FONT FORMATTING */ /**********************************************************************************/ h1 { font-family: 'Migha-ThinExpanded' !important; text-transform: uppercase !important;} h2 { font-family: 'Migha-ThinExpanded' !important; text-transform: uppercase !important;} /* TITLE OF THE FEATURED PRODUCT */ h3 { font-family: 'Migha-ThinExpanded' !important; text-transform: uppercase !important;} h4 { font-family: 'Migha-ThinExpanded' !important; text-transform: uppercase !important; font-size: 16px !important;} /* BENEFITS + HOW TO USE */ a { font-family: 'Exo-ExtraBold' !important;} .site-footer__linklist-item a, .site-nav__label { text-transform: uppercase !important;} /*These are header and footer links*/ div .rte { font-family: 'Exo-Regular' !important; font-size: 20px !important;} /*div .rte is the text in Contact Us Page*/ div .contact-form { font-family: 'Exo-Regular' !important; font-size: 20px !important;} /* ABOUT US PAGE */ div .lh-wrap-description { font-family: 'Exo-Regular' !important; font-size: 20px !important;} /* PRODUCTS GRID PAGE */ div .h4 { font-family: 'Exo-ExtraBold' !important;} /* make div.h4 = a in font layout div.h4 is product listing titles on the product page and Quick Links + Newsletter */ /* SINGLE PRODUCT PAGE + FEATURED PRODUCT ON HOMEPAGE*/ div .product__policies { font-family: 'Exo-Regular' !important; font-size: 14px !important;} p { font-family: 'Exo-Regular' !important; font-size: 16px !important;} /* p i single product page and featured products on the homepage */ .spr-header-title { font-family: 'Exo-Regular' !important; font-size: 20px !important; color: #dd665b;} .spr-summary.rte { font-family: 'Exo-Regular' !important; font-size: 15px !important;} .spr-review-header-title { font-family: 'Exo-Regular' !important; text-transform: lowercase !important; font-size: 15px !important;} .spr-icon {color: #de9f20 !important;) /* customer reviews and stars*/ /* HYPERLINKS */ input { font-family: 'Exo-Thin' !important;} /*The empty field to input an email*/ select { font-family: 'Exo-Thin' !important; } /*Alphabetically or Most Popular*/ /*FILTER AND SORTING BAR ON TOP OF PRODUCTS GRID PAGE */ div .filters-toolbar-wrapper { font-family: 'Exo-Thin' !important;} /* BLOG HYPERLINKS -- FIX THIS, INCORRECT, NOT WORKING*/ /* unvisited link .rte a:not(.btn) { text-decoration: line-through !important; } /* visited link .template-article a:visited { color: #a8acaf; } /* mouse over link .template-article a:hover { color: #dd665b; } /* selected link .template-article a:active { color: #dd665b; } */ /***********************************************************************************/ /* Product Accordion - ADDED BY SG SOURCE: https://gist.github.com/richard-DigitalCake/d6f6a99d83c7a97425cdcf74db68ea72 */ /**********************************************************************************/ #details h5 { padding-bottom: 5px; border-bottom: 1px solid #f0f0f0; font-family: Exo-ExtraBold !important; font-size: 16px; font-weight: 600; display: flex; justify-content: space-between; align-items: center; cursor:pointer; } #details h5:hover{ /*color:{{settings.accent-color}};*/ color: #dd665b !important;} } #details [open] h5 span.cross-icon{ transform: rotate(45deg); } #details h5 span.cross-icon { transition: transform .2s linear; position: relative; display: block; width: 10px; height: 10px; } #details span.cross-icon::before { top: 0; bottom: 0; left: 50%; width: 1px; transform: translateX(-50%); } #details span.cross-icon::after { left: 0; right: 0; top: 50%; height: 1px; transform: translateY(-50%); } #details span.cross-icon::after, #details span.cross-icon::before { position: absolute; background-color: #000000; content: ''; } #details summary::-webkit-details-marker { display: none; } #details summary:focus { outline: none; }