/*---------------------------------------------------------------------------------------------------------------------- Maintenance Log ----------- --- Date Description 2020/09/23 Fixed the strike-through on the swatches that don't have inventory - JP 2020/11/11 Using CSS star rating instead of Yotpo for the product ratings in the collections. - JP 2020/11/20 Removed bullets from cart drawer payment options - RD 2021/09/07 Added Findmine styling so that the letters are bigger. -JP 2022/02/07 Center the search bar. - JP 2022/09/12 Basecamp: https://3.basecamp.com/3094111/buckets/1358758/todos/5301330605 Added final sale styling for items with tag "final sale" - JP 2023/10/02 Replaced "globale-hide" CSS class with "ge-hide" -JP ----------------------------------------------------------------------------------------------------------------------*/ /* Pride Colored Nav Link */ /* .site-nav .site-nav__link:nth-child(9){ background: linear-gradient( to right, red, orange, yellow, green, blue, indigo, violet ); -webkit-background-clip: text; color:transparent; -webkit-text-fill-color: transparent; font-size: 2rem; font-family: sans-serif; font-weight: bold; display: inline !important; } */ .site-header--stuck{ box-shadow: 1px 9px 38px -9px rgba(0,0,0,0.25); -webkit-box-shadow: 1px 9px 38px -9px rgba(0,0,0,0.25); -moz-box-shadow: 1px 9px 38px -9px rgba(0,0,0,0.25); } /* temp Fix for Menu issue - 11/20/23 */ /* Hide the search in the nav on PLP & PDP pages for now until we can fix this */ .site-header--stuck .site-search-inline .site-header__search-form, .template-product .site-header--stuck .site-search-inline{ display:none!important; } /* Show PDP main page search */ .template-product .site-search-inline:nth-child(4){ display:block!important; } /* Hide PDP nav search desktop and mobile since it needs work */ .template-product .site-nav__icons .site-search-inline{ display:none!important; } @media only screen and (max-width: 768px){ a.site-nav__link.site-nav__link--icon.js-search-header.js-no-transition { opacity: 0 !important; /* had to use this because it has an overwrite of important for display:inital in aonther style sheet */ } /* show the page search on PDP page */ .template-product .medium-up--hide .site-search-inline { display: block!important; } } /* center our logo on smaller screens */ @media only screen and (max-width: 1332px){ .header-item--navigation div{ margin:6px auto 0 auto; } .site-header--stuck .header-item--navigation div{ margin:1px auto 0 auto; } } /* END Temp Fix ------------ */ /* Increase site width */ .page-width{ max-width: 1920px; } /* Header and Nav tweaks */ .site-header--heading-style .site-nav__link{ font-weight:600; padding-left:5px; } .site-header a.site-nav__dropdown-link{ font-weight:600; } .megamenu div.h5 { font-size: .9rem; font-weight: 600; letter-spacing: 1px; } .site-header-sticky{ height:100% !important; } .site-header__search-container{ height: 0 !important; z-index: 0 !important; } .site-header__search-container.is-active{ position: initial; } .toolbar{ marging:8px 8px 0 8px; } @media only screen and (min-width: 769px){ .site-header{ padding: 0 0 8px 0; } } /* Hide User Way play button on promo bar*/ #AnnouncementSlider .uw-pp {display:none !important} @media only screen and (min-width: 769px){ padding: 0 20px; } /* Remove bullets from cart drawer payment options */ #dynamic-checkout-cart ul{ margin-left: 0; } #dynamic-checkout-cart ul li{ list-style: none; } /* Badge Tags */ /*Back In Stock ======= Stock:Back */ /*Doorbuster ======= Doorbuster */ /*Coming Soon ======= comingsoon */ /*Sold Out ======= soldout*/ /*Best Seller ======= Best Seller*/ /*Re Originals ======= LineReoriginals*/ /*Eco Swim ======= ecoswim*/ /*Limited Edition ======= limitededition*/ /*SUSTAINABLE MATERIALS ======= sustainable*/ /*PRE-BLACK FRIDAY DEAL ======= Specials*/ /*ONLINE EXCLUSIVE ======= onlineexclusive*/ /*Cameron Smith ======= camsmith*/ /*JUST ADDED ======= justadded */ /*BIG & TALL ======= Gender:Men's Big & Tall */ /* FREE SHIPPING CART PROGRESS */ .cart-discount-progress.shipping { display: block !important; background-color: white; } .cart__discount { color: #0d2340; font-weight: bold; font-size: small; } .grid-product__price--markdown { display: none; } /* .preblackfriday .grid-product__percent--sale { display:inline-block; } */ .product__price_bold { font-weight: bold; } .product__price-savings{ display:inline-block; } /* .Petes .grid-product__price--sale { color: red; } */ /* .Petes.Deals .grid-product__price--markdown { display: none; } */ /* .Petes.Deals .grid-product__percent--sale { display: none !important; } */ .Sale .product__price-savings{ display:inline-block; } /* Show the callout in the PDP page */ .pdp-swatch-callout { text-align: left; font-size: .85rem; line-height: .65rem; font-weight: bold!important; color: red; display: inline; margin-top: 5px; margin-left: 10px; /* padding: 5px 5px 5px 0; */ /* margin: 5px 5px 5px 0; */ } .boost-pfs-filter-products .prideallout .collection_callout1:after { content: "❤️ 100% of the proceeds of this shirt will go to ALL OUT - a nonprofit organization working to help improve global conditions and support rights for LGBTQ+ communities."; text-align: center; font-size: .7em; font-weight: 400; color: #000; display: block; margin-top: 10px; white-space: pre-wrap; text-align: center; } /* ===================== */ /* Promo PRIDE 25 % OFF */ /* ===================== */ /* .pride-content .grid-product div:first-child:after { content: "EXTRA 25% OFF - Applied at Checkout"; font-weight: 600; font-size: .7rem; padding: 3px; margin-top:1px; color: red; display: block; line-height: 1; text-align: center; } .pride-content .grid-product .yotpo-reviews-star-ratings-widget{ display:none!important; } .boost-pfs-filter-products .Pride .collection_callout1:after { content: "EXTRA 25% OFF"; font-weight: 600; font-size: .7rem; padding: 3px; margin-top:1px; color: red; display: block; line-height: 1; text-align: center; } .boost-pfs-filter-products .Pride .collection_callout2:after { content: "Prices as Marked"; text-align: center; font-size: .7rem; font-weight: 300; line-height: 1; margin-bottom: 10px; color: red; display: block; text-align: center; } */ /* =========================================================== */ /* Promo Callouts FOR COLLECTION */ /* =========================================================== */ /** PLP PAGES **/ /* .boost-pfs-filter-products .EOS25 .collection_callout1:after { content: "END OF SEASON SALE"; font-weight: 600; font-size: .7rem; padding: 3px; margin-top:1px; color: red; display: block; line-height: 1; text-align: center; } .boost-pfs-filter-products .EOS25 .collection_callout2:after { content: "Prices as Marked"; text-align: center; font-size: .7rem; font-weight: 300; line-height: 1; margin-bottom: 10px; color: red; display: block; text-align: center; } */ /** PDP CALLOUT EOS25 **/ /* .EOS25 .product-single__title:after { content: "END OF SEASON SALE - Prices as Marked"; color: red; background: #fff; font-size: .85rem; line-height: 1.2; padding: .5 0rem; text-align: left; font-weight: 700; width: 100%; display: block; } */ /* Extra 25% off CLEARANCE */ /* .boost-pfs-filter-products .Clearance .collection_callout1:after { content: "Clearance"!important; font-weight: 600; font-size: .7rem; padding: 3px; margin-top:1px; color: red; display: block; line-height: 1; text-align: center; } */ /* BIG AND TALL BADGE */ /* PLP Page */ .GenderMens.Big.and.Tall .grid-product__image-mask::after { color: #FFF; background: #111; display: block; z-index: 1; content: "BIG & TALL"; font-size: xx-small; text-align: center; line-height: 1; position: absolute; top: 1%; left: 8%; padding: 7px 10px; margin: 0; text-transform: uppercase; letter-spacing: 1px; } /* PDP Page */ .GenderMens.Big.and.Tall .product__main-photos::after { color: #FFF; background: #111; display: block; z-index: 1; content: "BIG & TALL"; font-size: xx-small; text-align: center; line-height: 1; position: absolute; top: 1%; left: 0; padding: 7px 10px; margin: 0; text-transform: uppercase; letter-spacing: 1px; } /* =================== */ /* CLEARANCE BADGE */ /* =================== */ /* PLP Pages */ /* .Clearance .grid-product__image-mask:after { color: #000; display: block; z-index: 1; content: "CLEARANCE"!important; font-size: .65em; text-align: center; line-height: 1; position: absolute; top: 1%; left: 10%; padding: 4px 0; margin: 0; text-transform: uppercase; letter-spacing: 1px; width: 90px; background-color:#fff!important; color:red!important; } */ /* PDP PAGES */ .Clearance .product__main-photos::after { color: #000; display: block; z-index: 1; content: "CLEARANCE"; font-size: .65em; text-align: center; line-height: 1; position: absolute; top: 1%; left: 10%; padding: 4px 0; margin: 0; text-transform: uppercase; letter-spacing: 1px; width: 90px; background-color:#fff; color:red; } /* hide other badges if this one is shown */ /* .EOS25 .product__main-photos:after{ display:none!important; } */ /* .boost-pfs-filter-products .Clearance .collection_callout2:after { content: "prices as marked"!important; text-align: center; font-size: .7rem; font-weight: 300; line-height: 1; margin-bottom: 10px; color: red; display: block; text-align: center; } */ /* EXCLUDED FROM SITEWIDE OFFER */ /* .template-product .EXCLUDEDFF25 .product-single__title:after { content: "EXCLUDED FROM SITEWIDE OFFER"; text-align: left; font-size: .85em; font-weight: bold; padding: .5rem 0; color: #000; display: block; } */ /* .boost-pfs-filter-products .EXCLUDEDFF25 .collection_callout1:after { content: "EXCLUDED FROM SITEWIDE OFFER"; font-weight: 600; font-size: .7rem; padding: 3px; margin-top:1px; color: #000; display: block; line-height: 1; text-align: center; } */ .boost-pfs-filter-products .excludedblackfriday .collection_callout2:after { content: ""; text-align: center; font-size: .7rem; font-weight: 300; line-height: 1; margin-bottom: 10px; color:#000; display: block; text-align: center; } /* LIMITED TIME SPECIALS */ .template-product .womensspecials .product-single__title:after { content: "LIMITED TIME SPECIALS - Prices as Marked"!important; text-align: left; font-size: .85em; font-weight: bold; padding: .5rem 0; color: #cf1f2e; display: block; } .boost-pfs-filter-products .womensspecials .collection_callout1:after { content: "LIMITED TIME SPECIALS"!important; font-weight: 600; font-size: .7rem; padding: 3px; margin-top:1px; color: #cf1f2e; display: block; line-height: 1; text-align: center; } .boost-pfs-filter-products .womensspecials .collection_callout2:after { content: "Prices as Marked"; text-align: center; font-size: .7rem; font-weight: 300; line-height: 1; margin-bottom: 10px; color: #cf1f2e; /* margin-top: 2px; */ display: block; text-align: center; } /***************** MAIN PROMO CALLOUT misc *************************/ /* 48-HOUR FLASH SALE */ /* .boost-pfs-filter-products .Specials .collection_callout1:after, .boost-pfs-filter-products .preblackfriday .collection_callout1:after, .boost-pfs-filter-products .blackfridayfullprice .collection_callout1:after{ content: "FINAL HOLIDAY WRAP-UP"; font-weight: 600; font-size: .7rem; padding: 3px; margin-top:1px; color: red; display: block; line-height: 1; text-align: center; } .boost-pfs-filter-products .Specials .collection_callout2:after, .boost-pfs-filter-products .preblackfriday .collection_callout2:after, .boost-pfs-filter-products .blackfridayfullprice .collection_callout2:after{ content: "Prices as Marked"; text-align: center; font-size: .7rem; font-weight: 300; line-height: 1; margin-bottom: 10px; color: red; display: block; text-align: center; } */ /* Exclusions .boost-pfs-filter-products .excludedblackfriday .collection_callout1:after{ content: "EXCLUDED FROM"; font-weight: 600; font-size: .7rem; padding: 3px; margin-top:1px; color: black; display: block; line-height: 1; text-align: center; } .boost-pfs-filter-products .excludedblackfriday .collection_callout2:after{ content: "SITEWIDE OFFER"; text-align: center; font-size: .7rem; font-weight:bold; line-height: 1; margin-bottom: 10px; color: black; display: block; text-align: center; } */ /* Overwrite for Cleareance Sale */ /* .boost-pfs-filter-products .outlet .collection_callout1:after { content: "END OF SEASON SALE"!important; font-weight: 600; font-size: .7rem; padding: 3px; margin-top:1px; color: red; display: block; line-height: 1; text-align: center; } .boost-pfs-filter-products .outlet .collection_callout2:after { content: "Prices as marked"!important; text-align: center; font-size: .7rem; font-weight: 300; line-height: 1; margin-bottom: 10px; color: red; //margin-top: 2px; display: block; text-align: center; } .boost-pfs-filter-products .Clearance .collection_callout1:after { content: "EXTRA 35% OFF"!important; font-weight: 600; font-size: .7rem; padding: 3px; margin-top:1px; color: darkred; display: block; line-height: 1; text-align: center; } .boost-pfs-filter-products .Clearance .collection_callout2:after { content: "Prices as Marked"!important; text-align: center; font-size: .7rem; font-weight: 300; line-height: 1; margin-bottom: 10px; color: darkred; //margin-top: 2px; display: block; text-align: center; } */ /** PDP CALLOUT Brian Mex coming soon tag: brianmexico **/ .brianmexico .product_price_section:after { content: "AVAILABLE SOON - SIGN UP TO BE NOTIFIED" !important; color: red; border: 2px solid red; background: #fff; font-size: 1.1rem; line-height: 1.2; padding: .5rem; text-align: center; font-weight: 700; width: 85%; display: block; } /* AUS Notice */ .boost-pfs-filter-products .ausopen .collection_callout1:after { content: "SIGN UP TO BE NOTIFIED "!important; font-weight: 600; font-size: .7rem; padding: 3px; margin-top:1px; color: #455ca9; display: block; line-height: 1; text-align: center; } .boost-pfs-filter-products .ausopen .collection_callout2:after { content: "AVAILABLE END OF FEBRUARY"!important; text-align: center; font-size: .7rem; font-weight: 300; line-height: 1; margin-bottom: 10px; color: #455ca9; //margin-top: 2px; display: block; text-align: center; } /* TheOpen Notice */ .boost-pfs-filter-products .theopen .collection_callout1:after { content: "SIGN UP TO BE NOTIFIED "!important; font-weight: 600; font-size: .7rem; padding: 3px; margin-top:1px; color: #455ca9; display: block; line-height: 1; text-align: center; } .boost-pfs-filter-products .theopen .collection_callout2:after { content: "AVAILABLE END OF JULY"!important; text-align: center; font-size: .7rem; font-weight: 300; line-height: 1; margin-bottom: 10px; color: #455ca9; //margin-top: 2px; display: block; text-align: center; } /* BUNDLEBELTS PROMO - 2 for $40 */ .boost-pfs-filter-products .bundlebelts .collection_callout1:after { content: "2 FOR $40"; font-weight: 600; font-size: .7rem; padding: 3px; margin-top:6px; color:red; display: block; line-height: 1; text-align: center; } .boost-pfs-filter-products .bundlebelts .collection_callout2:after { content: "APPLIED AT CHECKOUT"; text-align: center; font-size: .7rem; font-weight: 300; line-height: 1; color: red; //margin-top: 2px; display: block; text-align: center; } /******************* 3 for XX (can all be deleted) *****************************************************/ .boost-pfs-filter-products .bundlefleeceshort .collection_callout1:after { content: "2 for $40"; font-weight: 600; font-size: .7rem; padding: 3px; margin-top:1px; color: red; display: block; line-height: 1; text-align: center; } .boost-pfs-filter-products .bundlefleeceshort .collection_callout2:after { content: "Applied at cart"; text-align: center; font-size: .7rem; font-weight: 300; line-height: 1; margin-bottom: 10px; color: red; //margin-top: 2px; display: block; text-align: center; } /* BUNDLE TIES - Promo 2 for $30 */ .boost-pfs-filter-products .Bundleties .collection_callout1:after{ content: "2 for $30"!important; font-weight: 600; font-size: .7rem; padding: 3px; margin-top:1px; color: red; display: block; line-height: 1; text-align: center; } .boost-pfs-filter-products .Bundleties .collection_callout2:after { content: "Applied at cart"; text-align: center; font-size: .7rem; font-weight: 300; line-height: 1; margin-bottom: 10px; color: red; //margin-top: 2px; display: block; text-align: center; } /* Tennis AVAILABLE END OF AUGUST */ /* .boost-pfs-filter-products .fakeinventory .collection_callout1:after, .boost-pfs-filter-products .tiedyecam .collection_callout1:after { content: "AVAILABLE SEPTEMBER \A SIGN UP TO GET NOTIFIED"; text-align: center; font-size: .7em !important; font-weight: bold; color:#0d2340; display: block; margin-top: 10px; white-space: pre-wrap; line-height: 1.1; } */ /** FAMILY LOGOS **/ .family-logos-wrap { text-align: center !important; overflow: hidden; position: relative; display: block; vertical-align: top; background-color: #fff; } .family-logos-bar { max-width: 1000px; margin: 0 auto; } .family-logos-bar h3 { color: #111; margin: 1.5rem 0 0 0; font-size: 1.3rem; font-weight: 900; } .family-logo { position: relative; float:left; width: 20%; padding: 1% 3% 1% 3%; } .family-logo a{ border-bottom: none !important; } /* mobile */ @media screen and (max-width: 39.9375em) { .family-logo { padding:1% 0 0 0; } } /* Sitewide Exclude */ /* #bc-sf-filter-products .PromotionExclusions .grid-product__meta::after { content: ""; display: none; } */ /* Hide on masks */ .boost-pfs-filter-products .comingsoon .grid-product__meta:after { content: none; } .boost-pfs-filter-products .soldout .grid-product__meta:after { content: none; } /* MASKS "EACH" */ .ProductGroupHEN95K07 .grid-product__price--sale::after { content: " Each"; } .ProductGroupHEFM0001 .grid-product__price--sale::after { content: " Each"; } .ProductGroupHEFM0002 .grid-product__price--sale::after { content: " Each"; } .ProductGroupHEKM0001 .grid-product__price--sale::after { content: " Each"; } #solid-10-pack-protective-face-mask-black-hekm0001-002 .grid-product__price--sale::after { content: " Each"; } #solid-10-pack-protective-face-mask-gray-hekm0001-039 .grid-product__price--sale::after { content: " Each"; } .endofsummer .grid-product__price--markdown, .Specials .product__price.on-sale:before { display: inline-block !important; } /* .hidemid .grid-product__price--markdown, .hidemid .product__price.on-sale:before { display: none !important; } */ /* .Extra.Forty.Tops .grid-product__price2--markdown, .Extra.Forty.Tops .product__price.on-sale:before { display: inline-block !important; } */ /* .Extra.Fifty.Accessories .grid-product__price3--markdown, .Extra.Fifty.Accessories .product__price.on-sale:before { display: inline-block !important; } */ /* DISCOUNT CALLOUT */ .discount-callout { color: #111; background:#FFF; border: 1px solid #111; /* background-image: url("/cdn/shop/files/20200622-banner-bg.jpg?v=1592867475"); */ /* background: linear-gradient(180deg, rgba(247,182,0,1) 0%, rgba(248,207,0,1) 35%, rgba(249,231,32,1) 100%); */ font-size: small; line-height: 1.4; padding: .5rem; text-align: center; font-weight: 600; width: 50%; margin: .5% auto; } .discount-callout span { display: block; font-weight: 300; } .discount-callout-extra, .discount-callout-extra-extra { color: red; background: #fff; border: 2px solid red; font-size: small; line-height: 1.4; padding: .5rem; text-align: center; font-weight: 600; width: 50%; margin: .5% auto; } .discount-callout-extra-orange{ color: #e37700; max-width:200px; margin:0 auto 1rem auto; border:solid 1px #e37700; background: #fff; font-size: small; line-height: 1.4; padding: .5rem; text-align: center; font-weight: 600; width: 50%; } .discount-callout-extra-orange span { display: block; font-weight: 300 !important; } .discount-callout-extra span, , .discount-callout-extra-extra span { display: block; font-weight: 300 !important; } .discount-callout-extra-extra{ color: red; background: #FFF; border: 2px solid red; } .discount-callout-extra-plain { color:#0070cb; background: #fff; /*border: 2px solid red;*/ font-size: small; line-height: 1.4; padding: .5rem; text-align: center; font-weight: 600; width: 50%; margin: .5% auto; } .discount-callout-extra-plain span { display: block; font-weight: 300 !important; } /* =================DISCUNT PDP CALL OUT SECOND COLOR */ .discount-callout-extra, .discount-callout-extra-extra-blue { color: #111162 !important; background: #fff; border: 2px solid #111162 !important; font-size: small; line-height: 1.4; padding: .5rem; text-align: center; font-weight: 600; width: 50%; margin: .5% auto; } .discount-callout-extra span, , .discount-callout-extra-extra-blue span { display: block; font-weight: 300 !important; } .discount-callout-extra-extra-blue{ color: #111162 !important; background: #FFF; border: 2px solid #111162 !important; } /* =================DISCUNT PDP CALL OUT GREEN COLOR */ .discount-callout-extra, .discount-callout-extra-extra-green { color: #008000 !important; background: #fff; border: 2px solid #008000 !important; font-size: small; line-height: 1.4; padding: .5rem; text-align: center; font-weight: 600; width: 50%; margin: .5% auto; } .discount-callout-extra span, .discount-callout-extra-extra-green span { display: block; font-weight: 300 !important; } .discount-callout-extra-extra-green{ color: #008000 !important; background: #FFF; border: 2px solid #008000 !important; } /* =================DISCUNT PDP CALL OUT THIRD COLOR */ .discount-callout-extra, .discount-callout-extra-extra-LIGHT-blue { color: #006fbb !important; background: #fff; border: 2px solid #006fbb !important; font-size: small; line-height: 1.4; padding: .5rem; text-align: center; font-weight: 600; width: 50%; margin: .5% auto; } .discount-callout-extra span, , .discount-callout-extra-extra-LIGHT-blue span { display: block; font-weight: 300 !important; } .discount-callout-extra-extra-LIGHT-blue{ color: #006fbb !important; background: #FFF; border: 2px solid #006fbb !important; } /* =================DISCUNT PDP CALL OUT forth COLOR */ .discount-callout-extra, .discount-callout-extra-extra-purple { color: #cc026c !important; background: #fff; border: 2px solid #cc026c !important; font-size: small; line-height: 1.4; padding: .5rem; text-align: center; font-weight: 600; width: 50%; margin: .5% auto; } .discount-callout-extra span, , .discount-callout-extra-extra-purple span { display: block; font-weight: 300 !important; } .discount-callout-extra-extra-purple{ color: #cc026c !important; background: #FFF; border: 2px solid #cc026c !important; } /* =================DISCUNT PDP CALL OUT COLOR MAROON */ .discount-callout-extra, .discount-callout-extra-extra-maroon { color: #a50c0c !important; background: #fff; border: 2px solid #a50c0c !important; font-size: small; line-height: 1.4; padding: .5rem; text-align: center; font-weight: 600; width: 50%; margin: .5% auto; } .discount-callout-extra span, , .discount-callout-extra-extra-maroon span { display: block; font-weight: 300 !important; } .discount-callout-extra-extra-maroon{ color: #a50c0c !important; background: #FFF; border: 2px solid #a50c0c !important; } /* =================DISCUNT PDP CALL OUT fift COLOR */ .discount-callout-extra, .discount-callout-extra-extra-black { color: #cc026c !important; background: #fff; border: 2px solid black !important; font-size: small; line-height: 1.4; padding: .5rem; text-align: center; font-weight: 600; width: 50%; margin: .5% auto; } .discount-callout-extra span, , .discount-callout-extra-extra-black span { display: block; font-weight: 300 !important; } .discount-callout-extra-extra-black{ color: black !important; background: #FFF; border: 2px solid black !important; } .discount-callout-tennis { color: #FFF; background: #0d2340; font-size: small; line-height: 1.4; padding: .5rem; text-align: center; font-weight: 600; width: 50%; margin: .5% auto; } .discount-callout-extra span { display: block; font-weight: 600; } .discount-callout-pride { color: #000; /* background: #000; */ font-size: 11px; line-height: 1.4; padding: .8rem; text-align: center; font-weight: 600; width: 50%; margin:1% auto .5% auto; border: 1px solid #000; } @media screen and (max-width: 39.9375em) { .discount-callout, .discount-callout-extra{ width: 80%; } .discount-callout-pride{ width: 80%; } } a.open-popup-link.promo-callout.tc-text-link.text-link-pdp { color: #FFF; font-size: small; line-height: 1.2; text-align: center; padding-top: 1%; display: block; } /* .Doorbuster .discount-callout, .Doorbuster .discount-callout-extra { display: none !important; visibility: hidden !important; height: 0; } */ /*********** FLEX FILTERED BANNER CSS **************/ .filterbanner-cta { font-family: Roboto, sans-serif; background: #000; padding: 0 0 0 0; text-align: center; margin: 0rem 0 .3rem 0; } .filterbanner-cta .items { display: flex; flex-wrap: wrap; margin-left: -1px; margin-top: -7px; background-color: white; } .filterbanner-cta .items .item { flex: 1 0 200px; box-sizing: border-box; background: #d23087; border-bottom: 1px solid #fff; color: #fff; padding: 10px; margin-left: 1px; text-align: center; margin-top: 1px; } .filterbanner-cta .items .item.full { flex: 0 0 100%; background: #d23087; border-bottom: 1px solid #000; color: #000; font-weight: bold; } .filterbanner-cta .items .item:hover, .filterbanner-cta .items .item:active { background: #bf2678; } /*********** END FLEX FILTERED BANNER CSS **************/ /*********** FLEX MERRY PENGUIN SALE BANNER CSS **************/ .merrypenguin { /* font-family: Roboto, sans-serif; */ /*background: #000;*/ padding: 0 0 0 0; text-align: center; margin: 0rem 0 .3rem 0; } .merrypenguin h2 { color: #fff; font-size: 2.5rem; letter-spacing: 2px; font-weight: 600; line-height: 1; margin-bottom: .8rem; letter-spacing: 1px; text-transform: uppercase; } .merrypenguin p { color: #fff; } @media only screen and (max-width: 500px) { .merrypenguin h2 { font-size: 1.7rem; margin: .50rem .25rem .25rem; } } .merrypenguin .items { display: flex; flex-wrap: wrap; margin-left: -1px; margin-top: -7px; background-color: white; } .merrypenguin .items .item { flex: 1 0 200px; box-sizing: border-box; background: #000; border-bottom: 1px solid #fff; color: #fff; padding: 10px; margin-left: 1px; text-align: center; margin-top: 1px; } .merrypenguin .items .item.full { flex: 0 0 100%; background: #193571; border-bottom: 1px solid #000; color: #000; font-weight: bold; } .merrypenguin .items .item:hover, .merrypenguin .items .item:active { background: #121212; } @media only screen and (max-width: 400px) { .merrypenguin .items .item { flex: 1 0 150px; font-size: .6rem; } } .banner-bg { font-family: montserrat, sans-serif; background: #000; text-align: center; padding: 0 0} /* CUSTOM CSS FOR THEME *******************************************************************/ body, input, textarea, button, select, h5, .h5, h6, .h6 { letter-spacing: normal; } html { scroll-behavior: smooth; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .page-content--top { /*margin-top: 1%;*/ } .btn--secondary, .rte .btn--secondary { border: 1px solid #ccc; } .announcement-bar{ font-size: 12px; } .product-single__meta .btn--full{ padding: 20px; } /* BADGES */ /* 70th ANNIVERSARY BADGE */ .site-nav a[href*="/pages/the-70th-anniversary-sale"], .site-nav a[href*="/pages/the-70th-anniversary-sale"]:hover{ color: #af8d27!important; font-weight:bold; } .grid-product{ position:relative; } /* .grid__item.LineGolf::after { content: ""; position: absolute; left: 4vw; top: 30px; width: 45px; height: 47px; background: url("/cdn/shop/files/opg-70th-anniversary-black.svg?v=1745850258") no-repeat; background-size: contain; z-index: 1; } */ .opanniversary .grid-product::after { content: ""; position: absolute; left: 3vw; top: 8px; width: 45px; height: 47px; background: url("/cdn/shop/files/opg-70th-anniversary-black.svg?v=1745850258") no-repeat; background-size: contain; z-index: 1; } /*.LineGolf .product__main-photos::after, */ .OPG70TH .product__main-photos::after { content: ""; position: absolute; left: 3.2vw; top: 8px; width: 75px; height: 72px; background: url("/cdn/shop/files/opg-70th-anniversary-black.svg?v=1745850258") no-repeat; background-size: contain; z-index: 1; } @media screen and (max-width: 1000px) { .OPG70TH .grid-product__image-mask::after{ left: 08%; width:45px; height:42px; } } @media screen and (max-width: 720px) { .opanniversary .grid-product::after { left: 6.5vw; } /* .grid__item.LineGolf::after { left: 7.2vw; top: 25px; width: 35px; height:36px; } */ } div.grid__item.grid-product.StockBack { position: relative; } div.grid__item.grid-product.StockBack:before { content: ""; position: absolute; left: 22px; top: 0; width: 30%; height: 30%; background: url("/cdn/shop/files/badge-backinstock.svg?13363") no-repeat; background-size: contain; z-index: 1; } .Doorbuster .grid-product__image-mask::before { color: #FFF; background: #e2271a; display: block; z-index: 1; content: "★ SPECIALS"; font-size: xx-small; text-align: center; line-height: 1; position: absolute; top: 2%; left: 2%; padding: .30rem .5rem; margin: 0; border-radius: 25px; text-transform: uppercase; letter-spacing: 1px; } .Doorbuster .product__main-photos::after { color: #FFF; background: #e2271a; display: block; z-index: 1; content: "★ SPECIALS"; font-size: xx-small; text-align: center; line-height: 1; position: absolute; top: 1%; left: 0; padding: 7px 10px; margin: 0; border-radius: 25px; text-transform: uppercase; letter-spacing: 1px; } .Newmarks .grid-product__image-mask::before { color: #FFF; background: #d25589; display: block; z-index: 1; content: "NEW MARKDOWNS"; font-size: xx-small; text-align: center; line-height: 1; position: absolute; top: 2%; left: 2%; padding: .30rem .5rem; margin: 0; border-radius: 25px; text-transform: uppercase; letter-spacing: 1px; } .Newmarks .product__main-photos::after { color: #FFF; background: #d25589; display: block; z-index: 1; content: "NEW MARKDOWNS"; font-size: xx-small; text-align: center; line-height: 1; position: absolute; top: 1%; left: 0; padding: 7px 10px; margin: 0; border-radius: 25px; text-transform: uppercase; letter-spacing: 1px; } .comingsoon .grid-product__image-mask::after { width: 200px; background: #111; position: absolute; content: "COMING SOON"; font-size: x-small; text-align: center; line-height: 40px; letter-spacing: 1px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .comingsoon .product__main-photos::after { width: 200px; background: #111; position: absolute; content: "COMING SOON"; font-size: x-small; text-align: center; line-height: 40px; letter-spacing: 1px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* OUTLET BADGE */ /* PLP Page */ .outlet .grid-product__image-mask:after { color: #000; display: block; z-index: 1; content: "Outlet Original"; font-size: 0.75em; text-align: center; line-height: 1; position: absolute; top: 1%; left: 10%; padding: 7px 10px; margin: 0; text-transform: uppercase; letter-spacing: 1px; width:40px; } @media screen and (max-width: 780px) { .outlet .grid-product__image-mask:after{ left:8%; } } /* PDP PAGE */ .outlet .product__main-photos::after { color: #000; display: block; z-index: 1; content: "Outlet Original"; font-size: 0.75em; text-align: center; line-height: 1; position: absolute; top: 1%; left: 8%; padding: 7px 10px; margin: 0; text-transform: uppercase; letter-spacing: 1px; width:100px; } @media screen and (max-width: 780px) { .outlet .product__main-photos::after{ left:15%; } } /* LIMITED TIME SPECIALS BADGE */ /* .Specials .grid-product__image-mask:after{ color: #fff; display: block; z-index: 1; content: "LIMITED TIME SPECIALS"; font-size: 0.6em; text-align: center; line-height: 1; position: absolute; top: 1%; left: 0; padding: 7px 10px; margin: 0; text-transform: uppercase; letter-spacing: 1px; width:80px; background-color:#000; } .Specials .product__main-photos::after{ color: #fff; display: block; z-index: 1; content: "LIMITED TIME SPECIALS"; font-size: 0.6em; text-align: center; line-height: 1; position: absolute; top: 1%; left: 0; padding: 7px 10px; margin: 0; text-transform: uppercase; letter-spacing: 1px; width:80px; background-color:#000; } */ /* LAST SEASON'S STYLES */ .lastseason .grid-product__image-mask:after { color: #fff; background-color:#10457e; display: block; z-index: 1; content: "LAST SEASON STYLE"; font-size: 0.6em; text-align: center; line-height: 1; position: absolute; top: 1%; left: 0; padding: 7px 10px; margin: 0; text-transform: uppercase; letter-spacing: 1px; width:80px; } .lastseason .product__main-photos::after { color: #fff; background-color:#10457e; display: block; z-index: 1; content: "LAST SEASON STYLE"; font-size: 0.6em; text-align: center; line-height: 1; position: absolute; top: 1%; left: 0; padding: 7px 10px; margin: 0; text-transform: uppercase; letter-spacing: 1px; width:80px; } /* CYBER SPECIALS STYLES */ /* .Specials .grid-product__image-mask:after { color: #fff; background-color:#10457e; display: block; z-index: 1; content: "CYBER SPECIALS"; font-size: 0.6em; text-align: center; line-height: 1; position: absolute; top: 1%; left: 0; padding: 7px 10px; margin: 0; text-transform: uppercase; letter-spacing: 1px; width:80px; } .Specials .product__main-photos::after { color: #fff; background-color:#10457e; display: block; z-index: 1; content: "CYBER SPECIALS"; font-size: 0.6em; text-align: center; line-height: 1; position: absolute; top: 1%; left: 0; padding: 7px 10px; margin: 0; text-transform: uppercase; letter-spacing: 1px; width:80px; } */ @media only screen and (max-width: 740px) { .outlet .grid-product__image-mask:after, .outlet .product__main-photos::after{ font-size: 0.6em; font-weight:500; } } /* NEW SALE BADGE */ .PromotionNEWSALE .grid-product__image-mask::after { color: #FFF; background: #111; display: block; z-index: 1; content: "New Sale"; font-size: xx-small; text-align: center; line-height: 1; position: absolute; top: 3%; left: 12%; padding: 7px 4px; margin: 0; text-transform: uppercase; letter-spacing: 1px; width:70px; } .Promotion_NEWSALE .product__main-photos::after { color: #FFF; background: #111; display: block; z-index: 1; content: "New Sale"; font-size: xx-small; text-align: center; line-height: 1; position: absolute; top: 1%; left: 10%; padding: 7px 4px; margin: 0; text-transform: uppercase; letter-spacing: 1px; width:70px; } @media screen and (max-width: 780px) { .Promotion_NEWSALE .product__main-photos::after{ left: 18%; } /* PLP */ .PromotionNEWSALE .grid-product__image-mask::after{ left: 10%; top:3%; font-size: 0.55em; padding: 0px; width:55px; height:20px; line-height:20px; } } /* BESTSELLER BADGE */ .bestseller .grid-product__image-mask::after { color: #000; background: #fff; display: block; z-index: 1; content: "Best Seller"; font-size: xx-small; text-align: center; line-height: 1; position: absolute; top: 1%; left: 10%; padding: 7px 4px; margin: 0; text-transform: uppercase; letter-spacing: 1px; width:80px; } .bestseller .product__main-photos::after { color: #000; background: #fff; display: block; z-index: 1; content: "Best seller"; font-size: xx-small; text-align: center; line-height: 1; position: absolute; top: 1%; left: 10%; padding: 7px 4px; margin: 0; text-transform: uppercase; letter-spacing: 1px; width:80px; } @media screen and (max-width: 780px) { .bestseller .product__main-photos::after{ left: 18%; } .bestseller .grid-product__image-mask::after{ left: 10%; top:3%; font-size: 0.55em; padding: 0px; width:65px; height:18px; line-height:18px; letter-spacing: 0; } } /* .Final.Sale .grid-product__image-mask::before { color: #FFF; background: #111; display: block; z-index: 1; content: "FINAL SALE"; font-size: xx-small; text-align: center; line-height: 1; position: absolute; top: 2%; left: 2%; padding: .30rem .5rem; margin: 0; border-radius: 25px; text-transform: uppercase; letter-spacing: 1px; } .Final.Sale .product__main-photos::after { color: #FFF; background: #111; display: block; z-index: 1; content: "FINAL SALE"; font-size: xx-small; text-align: center; line-height: 1; position: absolute; top: 1%; left: 0; padding: 7px 10px; margin: 0; border-radius: 25px; text-transform: uppercase; letter-spacing: 1px; } .final.sale .grid-product__image-mask::after { color: #FFF; background: #111; display: block; z-index: 1; content: "FINAL SALE"; font-size: xx-small; text-align: center; line-height: 1; position: absolute; top: 1%; left: 0; padding: 7px 10px; margin: 0; text-transform: uppercase; letter-spacing: 1px; } .final.sale .product__main-photos::after { color: #FFF; background: #111; display: block; z-index: 1; content: "FINAL SALE"; font-size: xx-small; text-align: center; line-height: 1; position: absolute; top: 1%; left: 0; padding: 7px 10px; margin: 0; text-transform: uppercase; letter-spacing: 1px; } */ /* .Newmarks .grid-product__image-mask::after { width: 200px; background: #d25589; position: absolute; content: "NEW MARKDOWNS"; font-size: x-small; text-align: center; line-height: 40px; letter-spacing: 1px; color: #FFF; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .Newmarks .product__main-photos::after { width: 200px; background: #d25589; position: absolute; content: "NEW MARKDOWNS"; font-size: x-small; text-align: center; line-height: 40px; letter-spacing: 1px; color: #FFF; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } */ .soldout .grid-product__image-mask::after { width: 200px; background: red; position: absolute; content: "SOLD OUT"; font-size: x-small; text-align: center; line-height: 40px; letter-spacing: 1px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .soldout .product__main-photos::after { width: 200px; background: red; position: absolute; content: "SOLD OUT"; font-size: x-small; text-align: center; line-height: 40px; letter-spacing: 1px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .bundletees .grid-product__image-mask, .Specials .grid-product__image-mask { position: relative; } /*************************/ /* PRODUCT BADGE */ /************************/ /* .Specials .grid-product__image-mask::before { color: #FFF; background: #000; display: block; z-index: 4; content: "LIMITED \A TIME \A SPECIAL"; font-size: xx-small; font-weight: 600; text-align: left; line-height: 1.2; position: absolute; top: 2%; left: 0; padding: .30rem .5rem; margin: 0; text-transform: uppercase; letter-spacing: 1px; white-space: pre-wrap; } .Specials .product__main-photos::after { color: #FFF; background: #000; display: block; z-index: 4; content: "LIMITED \A TIME \A SPECIAL"; font-size: x-small; font-weight: 600; text-align: left; line-height: 1.2; position: absolute; top: 2%; left: 0; padding: .30rem .5rem; margin: 0; text-transform: uppercase; letter-spacing: 1px; white-space: pre-wrap; } */ /* .Best.Seller .grid-product__image-mask::after { width: 200px; background: #07d1cf; position: absolute; content: "BEST SELLER"; font-size: x-small; text-align: center; line-height: 30px; letter-spacing: 1px; color: #FFF; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .Best.Seller .product__main-photos::after { width: 200px; background: #07d1cf; position: absolute; content: "BEST SELLER"; font-size: x-small; text-align: center; line-height: 30px; letter-spacing: 1px; color: #FFF; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } */ .limitededition .grid-product__image-mask { position:relative; } .limitededition .grid-product__image-mask::before { color: #111; background: RGBA(255,255,255,0.74); display: block; z-index: 5; content: "limited Edition"; font-size: x-small; font-weight: 500; text-align: center; line-height: 1; position: absolute; bottom: 0; left: 0; padding: 3% 0; margin: 0; /* border-radius: 25px; */ text-transform: uppercase; letter-spacing: 1px; width: 100%; } .sustainable .grid-product__image-mask{ position:relative; } .sustainable .grid-product__image-mask::before { color: #111; background: RGBA(255,255,255,0.74); display: block; z-index: 5; content: "SUSTAINABLE MATERIALS"; font-size: xx-small; font-weight: 700; text-align: center; line-height: 1; position: absolute; bottom: 0; left: 0; padding: 1% 0; margin: 0; /* border-radius: 25px; */ text-transform: uppercase; letter-spacing: 1px; width: 100%; } .lts-button-grid .template-product .sustainable .product__main-photos:before { color: #111; background: RGBA(255,255,255,.74); display: block; z-index: 5; content: "SUSTAINABLE MATERIALS"; font-size: small; font-weight: 700; text-align: center; line-height: 1; position: absolute; bottom: 0; left: 0; padding: 1% 0; margin: 0; text-transform: uppercase; letter-spacing: 1px; width: 100%; top: 95%; } .camsmith .grid-product__image-mask{ position:relative; } .camsmith .grid-product__image-mask::after { color: #111; background: RGBA(255,255,255,0.74); display: block; z-index: 1; content: "CAMERON SMITH"; font-size: xx-small; font-weight: 700; text-align: center; line-height: 1; position: absolute; bottom: 40px; left: 0; padding: 1% 0; margin: 0; /* border-radius: 25px; */ text-transform: uppercase; letter-spacing: 1px; width: 100%; } .template-product .camsmith .product__main-photos:after { color: #111; background: RGBA(255,255,255,.74); display: block; z-index: 1; content: "CAMERON SMITH"; font-size: small; font-weight: 700; text-align: center; line-height: 1; position: absolute; bottom: 0; left: 0; padding: 1% 0; margin: 0; text-transform: uppercase; letter-spacing: 1px; width: 100%; top: 75%; height: 28px; } .justadded .grid-product__image-mask{ position:relative; } .justadded .grid-product__image-mask::after { color: #111; background: RGBA(255,255,255,0.74); display: block; z-index: 5; content: "JUST ADDED"; font-size: xx-small; font-weight: 700; text-align: center; line-height: 1; position: absolute; bottom: 0; left: 0; padding: 1% 0; margin: 0; /* border-radius: 25px; */ text-transform: uppercase; letter-spacing: 1px; width: 100%; } .template-product .justadded .product__main-photos:after { color: #111; background: RGBA(255,255,255,.74); display: block; z-index: 5; content: "JUST ADDED"; font-size: small; font-weight: 700; text-align: center; line-height: 1; position: absolute; bottom: 0; left: 0; padding: 1% 0; margin: 0; text-transform: uppercase; letter-spacing: 1px; width: 100%; top: 95%; } .onlineexclusive .grid-product__image-mask{ position:relative; } .onlineexclusive .grid-product__image-mask::before { color: #111; background: RGBA(255,255,255,0.74); display: block; z-index: 5; content: "ONLINE EXCLUSIVE"; font-size: xx-small; font-weight: 700; text-align: center; line-height: 1; position: absolute; bottom: 0; left: 0; padding: 1% 0; margin: 0; /* border-radius: 25px; */ text-transform: uppercase; letter-spacing: 1px; width: 100%; } .template-product .onlineexclusive .product__main-photos:before { color: #111; background: RGBA(255,255,255,.74); display: block; z-index: 5; content: "ONLINE EXCLUSIVE"; font-size: small; font-weight: 700; text-align: center; line-height: 1; position: absolute; bottom: 0; left: 0; padding: 1% 0; margin: 0; text-transform: uppercase; letter-spacing: 1px; width: 100%; top: 95%; } .bc-sf-filter-product-item.Best.Seller { position: relative; } .bc-sf-filter-product-item.Best.Seller:before { content: ""; position: absolute; left: 26px; top: 6px; width: 50px; height: 50px; background: url("/cdn/shop/files/best-badge.svg?v=1603370913") no-repeat; background-size: contain; z-index: 1; } .LineReoriginals .grid-product__image-mask { position: relative; } .LineReoriginals .grid-product__image-mask::before { content: ""; position: absolute; left: 26px; top: 6px; width: 40px; height: 40px; background: url("/cdn/shop/files/eco-badge.png?v=1617329335") no-repeat; background-size: contain; z-index: 4; } /* .Specials .grid-product__image-mask { position: relative; } .Specials .grid-product__image-mask::before { color: #FFF; background: #000; display: block; z-index: 4; content: "PRE-BLACK \A FRIDAY DEAL"; font-size: x-small; text-align: center; line-height: 1; position: absolute; top: 2%; left: 2%; padding: .30rem .5rem; margin: 0; text-transform: uppercase; letter-spacing: 1px; white-space: pre-wrap; } */ .template-product .LineRe-originals .product__main-photos:before { content: ""; position: absolute; left: 0; top: 0; width: 10%; height: 10%; background: url("/cdn/shop/files/eco-badge.png?v=1617329335") no-repeat; background-size: contain; z-index: 1; } .bc-sf-filter-product-item.ecoswim { position: relative; } .bc-sf-filter-product-item.ecoswim:before { content: ""; position: absolute; left: 26px; top: 6px; width: 40px; height: 40px; background: url("/cdn/shop/files/eco-swim-badge.png?v=1618430399") no-repeat; background-size: contain; z-index: 4; } .Sale .grid-product__price--markdown { display: none; } /* Header Announement Bar ******************************************************************/ .announcement-link .announcement-link-text{ text-decoration: none !important; } @media only screen and (max-width: 769px) { .announcement-slider--compact .announcement-text, .announcement-slider--compact .announcement-link-text { display:inline-block; } } /* Pride Banner */ .pride-wrap{ background: url(/cdn/shop/files/20200512-pride-bgD.jpg?v=1589296719); background-position: center; background-repeat: no-repeat; background-size: cover; } .pride-text{ margin: 0 auto; text-align: center; padding: 2% 4%; } .pride-logo{ max-width: 490px; margin: 0 auto; } .pride-wrap p{ color: #FFF; font-size: 1.2em; font-weight: 600; max-width: 50%; text-align: center; margin: 0 auto; } .floating { animation: 5s ease-in-out 0s normal none infinite running Floating; border: none; } @-webkit-keyframes Floating { from { -webkit-transform: translate(0, 0px) rotate(0.01deg); } 65% { -webkit-transform: translate(0, -15px) rotate(0.01deg); } to { -webkit-transform: translate(0, 0px) rotate(0.01deg); } } @keyframes Floating { from { -webkit-transform: translate(0, 0px) rotate(0.01deg); transform: translate(0, 0px) rotate(0.01deg); } 65% { -webkit-transform: translate(0, -15px) rotate(0.01deg); transform: translate(0, -15px) rotate(0.01deg); } to { -webkit-transform: translate(0, 0px) rotate(0.01deg); transform: translate(0, 0px) rotate(0.01deg); } } @media only screen and (max-width: 769px) { .pride-text { min-height: 100px; padding: 4% 4%; } .pride-logo{ max-width: 280px; } .pride-wrap p{ font-size: 1em; max-width: 90%; } } /* 75 - 25 Banner */ .ss-split-wrap { margin: 0 auto; display: flex; flex-wrap: inherit; text-align: center !important; flex-direction: row-reverse; margin-top: 16px; } .ss-split-a { line-height: 0 !important; } .ss-split-b { line-height: 0 !important; position: relative; } @media screen and (max-width: 39.9375em) { .ss-split-wrap { display: block; text-align: center !important; flex-direction: row; } } /* Button Banner */ .btn-banner-wrapper { width: 100%; text-align: center; margin: 20px auto 10px auto; } .btn-banner-box { display: flex; flex-wrap: inherit; } .btn-banner-box>* { flex: 1 1 300px; margin: 5px !important; } .btn-banner { display: inline-block; color: #af191f; border: 2px solid #af191f; text-transform: uppercase; padding:18px 2px; margin: 18px auto; font-weight: 800; letter-spacing: 1px; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; font-size: 12px; } .btn-banner:hover { background-color: #af191f; } .btn-banner-green{ border: 2px solid #249659; background-color: #249659; color:#fff; } .btn-banner-green:hover { background-color: #fff; color:#249659; } @media screen and (max-width: 39.9375em) { .btn-banner-box { flex-wrap: wrap; } .btn-banner { margin-bottom: 0 !important; } } /* Button Banner B */ .btn-banner-wrapper-b { width: 100%; text-align: center; padding:10px 2% 20px; background-color: #f4f4f4; } .btn-banner-box-b { display: flex; flex-wrap: inherit; margin: -15px; } .btn-banner-box-b>* { flex: 1 1 300px; margin: 5px !important; } .btn-banner-b { display: inline-block; color: #FFF; background-color: #ff504f; text-transform: uppercase; padding: 14px 8px; margin: 18px auto; font-weight: 800; letter-spacing: 2px; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; font-size: 12px; } .btn-banner-b:hover { background: -moz-linear-gradient(-45deg, #f9d223 0%, #fca82c 29%, #fe6e42 58%, #ff504f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #f9d223 0%,#fca82c 29%,#fe6e42 58%,#ff504f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #f9d223 0%,#fca82c 29%,#fe6e42 58%,#ff504f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d223', endColorstr='#ff504f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: #FFF; } @media screen and (max-width: 39.9375em) { .btn-banner-wrapper-b { padding: 0 6% 6%; } .btn-banner-box-b { flex-wrap: wrap; } .btn-banner-b { margin-bottom: 0 !important; } } /* UNDER SALE AMOUNT BANNER */ .under-container { display: flex; margin-bottom: 3%; } .under-item { flex-grow: 1; } .under-item+.under-item { margin-left: 2%; } /* mobile */ @media screen and (max-width: 39.9375em) { .under-container { display: flex; flex-wrap: wrap; justify-content: space-between; } .under-item { width: 48%; margin-bottom: 2%; } div.under-item.third { margin-left: 0 !important; } } /* 3 BUTTON FILTERS BANNER */ .three-inline-buttons .button { margin-left: 15px; margin-right: 15px; padding: 1% 4%; background: #EEE; transition: 0.3s; letter-spacing: 1px; font-size: 16px !important; } .three-inline-buttons .button:hover { background: #0d2340; color: #FFF; } .three-inline-buttons { margin: 0 auto; text-align: center; } @media only screen and (max-width: 960px) { .three-inline-buttons .button { width: 100%; margin: 5px; text-align: center; display: inline-block } } /* EARLY ACCESS CATEGORY BANNER */ .flex-access-wrap { margin: 0 auto; display: inline-block; padding: 0 2%; } .flex-access-container { width: 100%; min-height: 20px; margin: 0 auto; display: -webkit-flex; /* Safari */ display: flex; /* Standard syntax */ } .early-access-loyal { padding: 1% 0 .3% 0; text-align: center !important; margin-bottom: 1rem; background-color: #0d2340 !important; /* background:url(/cdn/shop/files/20200304-banner-bgB.jpg?v=1583273429) center/cover no-repeat; */ } .early-access-banner { padding:.3% 0; text-align: center !important; margin-bottom: 1rem; background-color: #1f4f8a !important; /* background:url(/cdn/shop/files/20200304-banner-bgB.jpg?v=1583273429) center/cover no-repeat; */ } .early-access-banner h3, .early-access-loyal h3 { color: #fff; font-size: 1.2rem !important; letter-spacing: 1px !important; font-weight: 400 !important; line-height: 1 !important; margin-bottom: .6rem !important; margin-top: 0 !important; text-align: center !important; } .early-access-banner h2, .early-access-loyal h2 { color: #fff; font-size: 1.8rem !important; font-weight: 700 !important; line-height: 1.2 !important; margin-bottom: .5rem !important; text-align: center !important; margin-top: .4rem; margin-right: 1rem; } .early-access-banner h4, .early-access-loyal h4 { color: #fff; font-size: 1rem !important; letter-spacing: 1px !important; font-weight: 300 !important; line-height: 1 !important; margin-bottom: 0 !important; margin-top: 0 !important; text-align: center !important; } .early-access-banner a { color: #fff; text-decoration: none; font-size: .7rem; background: none; border: 1px solid #FFF; text-align: center; display: block; width: 150px; padding: 6px; margin-left: 10px; } .early-access-banner a:hover { color: #1f4f8a; background: #FFF; border: 1px solid #FFF; } /* tablet */ @media screen and (min-width: 40em) and (max-width: 63.9375em) { .early-access-banner h3, .early-access-loyal h3 { font-size: .8rem !important; } .early-access-banner h2, .early-access-loyal h2 { font-size: 1em !important; font-weight: 700 !important; } .early-access-banner h4, .early-access-loyal h4 { font-size: .8rem !important; } } /* mobile */ @media screen and (max-width: 39.9375em) { .early-access-banner, .early-access-loyal { padding: 2% 0 1% 0 !important; } .flex-access-container { display: inline-block; } .early-access-banner h3, .early-access-loyal h3 { font-size: 1rem !important; margin-bottom: .4rem !important; } .early-access-banner h2, .early-access-loyal h2 { font-size: 1rem !important; margin-right: 0; } .early-access-banner h4, .early-access-loyal h4 { font-size: 1rem !important; } .early-access-banner a { font-size: .6rem; margin: 0 auto; margin-bottom: 8px; width: 100%; } div.column.or-btn-a { float: left; width: 40%; margin-left: 8%; } div.column.or-btn-b { float: right; width: 40%; margin-right: 8%; } } /* SPLIT BANNER */ .split-wrap { width: 100%; text-align: center; color: #FFF; display: inline-block; /* background-image: url("/cdn/shop/files/20191211-sale25-bg.jpg?v=1576009347"); */ background-repeat: repeat; margin-bottom: 0 !important; } .split-wrap h3 { font-size: 2rem; font-weight: 800; margin-bottom: 0; line-height: 1; } .split-wrap h4 { font-size: 1rem; font-weight: 400; margin-top: 0; margin-bottom: 0; } .split-wrap p { font-size: .8rem; font-weight: 800; line-height: 1; letter-spacing: 2px; margin-top: 14px; } .split-a { width: 50%; float: left; padding: 1% 0; background-image: url("/cdn/shop/files/20191211-sale25-bg.jpg?v=1576009347"); background-repeat: repeat; } .split-b { width: 50%; float: right; border-left: 1px solid #FFF; padding: 1% 0; background-image: url("/cdn/shop/files/20191211-sale40-bg.jpg?v=1576009347"); background-repeat: repeat; } .split-wrap a { display: block !important; color: #FFF !important; border-bottom: none !important; } /* mobile */ @media screen and (max-width: 39.9375em) { .split-a { padding: 2% 0; } .split-b { padding: 2% 0; } .split-wrap h3 { font-size: 1.2rem; } .split-wrap h4 { font-size: .8rem; margin-bottom: 10px; } .split-wrap p { font-size: .6rem; } } /* WOMEN BANNER */ .collection-content.women { padding-top: 0; } .container-women { margin-bottom: 2%; } .item-women { width: 100%; } .item-copy-women { text-align: center; margin-top: 1.2% } .item-copy-women h1 { margin-bottom: .4%; text-transform: uppercase; font-weight: 500; font-size: 3vw; } /* Product grid to 3 on desktop */ @media print, screen and (min-width:64em) {} /* tablet */ @media screen and (min-width: 40em) and (max-width: 63.9375em) { .item-copy-women { margin-top: 5%; } .item-copy-women h1 { font-size: 4vw; } } /* mobile */ @media screen and (max-width: 39.9375em) { .container-women { padding: 2% 0; } .item-copy-women { margin-top: 1%; } .item-copy-women h1 { font-size: 6vw; } } /* MASK BANNER */ .banner-masks{ max-width: 1420px; margin: 0 auto; } /* SALE BANNER - HTML */ /* a.textbanner { display: block !important; border: none !important; padding: 0 !important; } */ .textbanner { background-image: url("/cdn/shop/files/20200514-banner-bg.jpg?v=1589482357"); background-repeat: repeat; background-color: #073e79; padding: 1% 2% .5%; text-align: center; margin-bottom: 0 !important } .textbanner h2 { color: #FFF; font-size: 2rem; letter-spacing: 1px !important; font-weight: 800; line-height: 1; margin-bottom: .8rem; margin-top: 0; letter-spacing: 1px; text-transform: uppercase; } .textbanner h3 { color: #FFF; font-size: 1.2rem; line-height: 1; margin-bottom: 1rem; letter-spacing: 3px; text-transform: uppercase; margin-top: 0 !important; font-weight: 400; } .textbanner h4 { color: #FFF; font-weight: 400; margin-bottom: .8rem; font-size: 1.2rem; letter-spacing: 2px; } a.textbanner-extra { display: block !important; border: none !important; padding: 0 !important; } .textbanner-extra { /*background-image: url("/cdn/shop/files/20200129-sale-bg.jpg?v=1580247951");*/ background-color: #c39c4e; padding: .8% 2.5%; text-align: center; margin-bottom: 0 !important } .textbanner-extra h2 { color: #FFF; font-size: 2.5rem; letter-spacing: 2px !important; font-weight: 600; line-height: 1; margin-bottom: .8rem; margin-top: 0; letter-spacing: 1px; text-transform: uppercase; } .textbanner-extra h3 { color: #000; font-size: .8rem; letter-spacing: 3px; line-height: 1; letter-spacing: 1px; text-transform: uppercase; margin-bottom:0 !important; margin-top: 0 !important; font-weight: 900; } .textbanner-extra h4 { color: #FFF; font-weight: 300; font-size: .6rem; letter-spacing: 3px; } @media only screen and (max-width: 500px) { .textbanner, .textbanner-extra { padding: 1.5% 3%; } .textbanner h2, .textbanner-extra h2 { font-size: 1.4rem; margin: 0 0 4.5% 0; } .textbanner h3, .textbanner-extra h3 { font-size: .6rem; } .textbanner h4, .textbanner-extra h4 { } } a.sb-btn { display: inline-block; padding: 0.35em 1.2em; border: 0.1em solid #FFFFFF; margin: 0 0.3em 0.3em 0; border-radius: 0.12em; box-sizing: border-box; text-decoration: none; font-weight: 300; color: #FFFFFF; text-align: center; transition: all 0.2s; } a.sb-btn:hover { color: #000000; background-color: #FFFFFF; } @media all and (max-width:30em) { a.sb-btn { display: block; margin: 0.4em auto; } } /* SALE BANNER - IMAGE */ .salebanner-img a { display: block !important; border: none !important; } .salebanner-img { /* background-image: url("/cdn/shop/files/20200306-sale-bg.jpg?v=1583509382"); */ background-position: left center; background-repeat: no-repeat; /* background-color: #48a051; */ background-repeat: repeat; text-align: center; margin-bottom: 0 !important; padding: 0; } .salebanner-img-b a { display: block !important; border: none !important; } .salebanner-img-b { text-align:center; /* background:#b6cbd2; */ } @media only screen and (max-width: 500px) { .salebanner-img {} } /* No LAYING UP BANNER - IMAGE */ .nlu-img a { display: block !important; border: none !important; } .nlu-img { background-image: url("/cdn/shop/files/nlu-bg2.jpg?v=1581094501"); background-position: center center; background-repeat: no-repeat; background-color: #000; text-align: center; margin-bottom: 0 !important; padding: 0 3%; } /* 50/50 Banner */ .banner-container { display: flex; margin-top: 2%; } .left-half { flex: 1; } .right-half { flex: 1; } /* mobile */ @media screen and (max-width: 39.9375em) { .banner-container { display: block; margin-top: 0; } } /* TCs POPUP */ a.open-popup-link.promo-callout.tc-text-link.text-link { color: #FFF !important; font-size: 11px !important; text-align: right; display: block !important; padding: .5em; position: absolute; bottom: -12px; right: 7px; z-index: 1; } /* mobile */ @media screen and (max-width: 39.9375em) { a.open-popup-link.promo-callout.tc-text-link.text-link { bottom: -14px !important; /* left: 17px !important; right: auto; */ } } /* EMAIL POPUP */ #NostoPopUp .NostoTitle { line-height: 1; } #NostoPopUp .NostoDescription { font-weight: 600 !important; } /* TOP NAVIGATION BAR: Toolbar Menu */ .toolbar { margin: 8px; } .toolbar .login, .toolbar .register { color: #000; line-height: 2; border-right: 1px solid #e8e8e1; padding-right: .5rem; margin-right: .5rem; } .toolbar .login svg, .toolbar .register svg { margin-right: .5rem; } .toolbar .store-locator { /* position: absolute; left: 0; padding-left: 3em; */ } .mobile-nav__item [href="/account/register"]:before { content: "❯"; margin: 0 .25rem 0 0; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } .mobile-nav__item [href="/account"]:before { content: "❯"; margin: 0 .25rem 0 0; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } .mobile-nav__item:not(.mobile-nav__item--secondary)+.mobile-nav__item--secondary { margin-top: 0; background: #f1f1f1; padding: .5rem; } .mobile-nav__social-item { border: 0; } .mobile-nav__social-item, .rte a:not(.btn)::after, .rte-setting a:not(.btn)::after { border: 0; } /* Header Search bar center */ /* @media screen and (min-width: 601px) { .toolbar__content :nth-child(2) { order: 3;} .toolbar__content :nth-child(3) { order: 4; } .toolbar__content :nth-child(4) { order: 5; } */ /* .toolbar__content :nth-child(4) { order: 1; margin: auto 20% auto -10%; display: flex;} */ /* .toolbar__content :nth-child(5) { order: 2; margin: auto auto auto auto; display: flex; width: 40%; } .toolbar__content :nth-child(6) { order: 6; } .toolbar__content :nth-child(7) { order: 7; } #producttitledt{ display: none;} } */ /* SEARCH */ .site-header .js-search-header, .site-header .site-search-inline { display:none; } .site-header.site-header--stuck .site-search-inline .site-header__search-form { width: 200px; } .site-header__search-input { line-height: normal; font-size: 100%; background-color: #f4f4f4; border-radius: 20px; padding-left: 1em; } .site-search-inline .site-header__search-btn svg { vertical-align: baseline; } .site-header.site-header--stuck .js-search-header { display: inline; } @media only screen and (max-width: 768px) { .site-nav__link--icon.js-search-header { margin-right: 5px; } .site-search-inline { background: #fff; margin: 10px; /* border-bottom: 1px solid #e8e8e1; */ } } .site-search-inline { background: #fff; } @media only screen and (min-width: 769px) { .site-search-inline { margin: auto auto auto auto; width: 40%; display: flex; } } @media only screen and (min-width: 769px) { .site-search-inline .site-header__search-form { padding: 0; border: 0px solid #e8e8e1; background: #fff; /* width: 350px; */ color: #000; margin: .25rem; padding: 0; } } .site-search-inline .site-header__search-btn { padding: 0 15px; color: #fff; background: #0d2340; border-radius: 25px; width: 30px; height: 30px; margin: .25rem; text-align: center; padding: .25rem; /* animation: shake-animation 4.72s ease infinite;*/ } .bc-sf-search-box:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* SMALL - MOBILE */ @media only screen and (max-width: 768px) { .bc-sf-search-suggestion, .bc-sf-search-suggestion-wrapper { width: 100vw !important; } } @keyframes shake-animation { 0% { transform: translate(0, 0) } 1.78571% { transform: translate(5px, 0) } 3.57143% { transform: translate(0, 0) } 5.35714% { transform: translate(5px, 0) } 7.14286% { transform: translate(0, 0) } 8.92857% { transform: translate(5px, 0) } 10.71429% { transform: translate(0, 0) } 100% { transform: translate(0, 0) } } /* NAVIGATION */ /* gift guide */ /* .site-header [href="/pages/gift-guide"] { font-weight: 800 !important; color:red !important; } */ .site-header [href="/pages/gift-guide"]{ margin-left:1.5em; display:inline-block; } .site-header [href="/pages/gift-guide"]::before { display: inline-block; position: absolute; top: 4px; left: -12px; content: url("/cdn/shop/files/20221103-gift.png?v=1667489264"); } .text-center .megamenu .grid .grid__item [href="/pages/gift-guide"]::before{ content:none; } /* end gift guide */ /* no laying up */ .header-layout a[href="/pages/no-laying-up"] { margin-left: 10px; } .header-layout a[href="/pages/no-laying-up"]::before { display: inline-block; position: absolute; top: -8px; left: -15px; content: url("/cdn/shop/files/nolayingup-logo.gif?v=1580825793") } /* end no laying up */ /* re originals */ .site-header a.site-nav__dropdown-link[href="/pages/re-originals"] { font-weight: 800; color: #459253 !important; } .site-header a.site-nav__dropdown-link::before [href="/pages/re-originals"] { display: inline-block; position: absolute; top: -2px; left: -23px; content: url("/cdn/shop/files/re-icon.png?v=1587536350") } /* end no re originals */ /* pride */ /* ul.site-nav li.site-nav__item a[href*="/collections/pride-collection"]::before { content: ''; display: block; position: absolute; bottom: -5px; left: 0; right: 100%; margin: 0 15px; } ul.site-nav li.site-nav__item a[href*="/pages/pride-collection"] { box-sizing: border-box; background: url(/cdn/shop/files/pride-logo-c.png?v=1588911905) center/contain no-repeat; text-indent: -999999px; width: 4vw; } .site-header a.site-nav__dropdown-link[href*="/pages/pride-collection"] { margin-bottom:10px; } */ /* end pride */ /* .header-layout a[href="/collections/sale"] { color: red !important; } */ .site-header a.site-nav__dropdown-link[href="https://www.originalpenguin.com/pages/final-holiday-wrap-up"] { color: red !important; font-weight: bold !important; } /* .site-header a.site-nav__dropdown-link[href="/collections/sale"] { color: red !important; font-weight: bold !important; } */ /* .site-header a.site-nav__dropdown-link[href="/collections/clearance"] { color: red !important; font-weight: bold !important; } */ /* .site-header a.site-nav__dropdown-link[href="/collections/doorbuster-deals"] { color: red !important; font-weight: bold !important; } */ /* .site-header a.site-nav__dropdown-link[href="/collections/petes-deals"] { color: red !important; font-weight: bold !important; } */ /* .site-header a.site-nav__dropdown-link[href="/collections/sale"] { color: red !important; font-weight: bold !important; } */ /* .site-header a.site-nav__dropdown-link[href="/collections/sale"] { color: red !important; font-weight: bold !important; } */ /* .site-header a.site-nav__dropdown-link[href="/collections/sale"] { color: red !important; } */ /* .site-header a.site-nav__dropdown-link { color: #000 !important } */ .site-nav__link--underline::after { border-bottom: none; } .site-nav__link { color: #000; -webkit-transition: all .15s cubic-bezier(.35, .9, .5, 1); transition: all .15s cubic-bezier(.35, .9, .5, 1); } .site-nav__link:hover, .site-nav--has-dropdown:hover>a, a.site-nav__dropdown-link.site-nav__dropdown-link--second-level:hover, a.site-nav__dropdown-link:hover { color: #AAAAAA !important; } .site-nav--has-dropdown.is-focused>a { color: #0D2340 !important; } /* MEGA MENU */ .megamenu div.h5 { font-size: .8rem; font-weight: 600; } /* PROMO RIBBON */ /* .announcement-slider__slide { border-right: 1px solid #FFF; } */ .announcement-slider__slide .announcement-link-text { text-decoration: none; } /* #AnnouncementSlide-1568097108141 span.announcement-text { box-sizing: border-box; background: url(/cdn/shop/files/klarna-white-logo.gif?11404) center/contain no-repeat; text-indent: -999999px; width: 5vw; margin: 0 auto; } */ #AnnouncementSlide-1580740497595 .announcement-text { color: red !important; } @media only screen and (max-width: 768px) { .announcement-slider__slide { border-right: none; } /* #AnnouncementSlide-1568097108141 span.announcement-text { width: 12vw; } */ } /* QUICKVIEW */ .modal { z-index: 100; } .mwgroupedproduct .quick-product__btn, .modal .shopify-payment-button__more-options { display: none; } .quick-product__btn { background-color: #0d2340; } .modal .product-link { font-size: small; } .modal--square .modal__close { right: 15px; } .modal-open .modal:before { background-color: #000; } .modal__close .icon { border: 1px solid #000; border-radius: 25px; } .modal__close .icon:hover { border: 1px solid #eee; background: #eee } /* HOEMPAGE */ .hero { background: transparent; } /* PAGE */ .page-content { padding-top: .5rem; } /* seo copy */ #seo-top { font-style: normal; font-size: 11px; line-height: 1.5; text-align: center; color: #707070; width: 600px; margin: 0 auto; } #seo-bottom { text-align: center; margin: 0 auto; padding: 0 !important; padding-bottom: 2rem !important; } #seo-bottom h2 { font-style: normal; font-size: .8rem !important; line-height: 1.5; line-height: 22px; text-align: center; margin-bottom: 1rem !important; color: #666 !important; border-top: 1px solid #e5e5e5; padding-top: 2rem; } #seo-bottom p { font-style: normal; font-weight: 400; font-size: 11px !important; text-align: left; color: #707070; margin-bottom: 8px; padding: 0 20% !important; } @media screen and (max-width: 39.9375em) { #CollectionSection .rte { width: 90%; } #seo-top, #seo-bottom p { width: 100%; margin: 0 auto; padding: 1rem 5% 0 !important; } #seo-bottom h2 { padding: 2rem 2rem 0 2rem; } #seo-bottom p { padding-top: 0 !important; margin-bottom: 6px !important; } } /* nostros category banner */ .nosto-product-brand { display: none !important; } div#categorypage-nosto-1.nosto_element { margin-top: 0; } .template-page .inline-list.payment-icons { margin: 1rem 0 2rem; } .section-header__title { color: #0D2340; font-weight: bold; letter-spacing: 1px; margin-top: 16px; font-size: 1.5em; margin-bottom: 10px; } /* PRODUCT PAGE - DROPDOWN ***************/ /* .product-single__variants { display: inline-block; margin: 1em 0; } */ /* .variant-wrapper--button:not(.color) { display: none !important; } */ /* PRODUCT PAGE - PDP */ .new-product { font-weight: bold; color: #000; } .main-content { min-height: 0; } .product-single__title { font-size: 1.2em; margin-top: 10px; margin-bottom: 10px !important; font-weight: 600; margin: 0; } .variant-input-wrap input[type='radio']:checked+label { font-weight: bold; background: #0d2340; color: #fff; } .variant-input-wrap label.disabled { color: #777; } .variant-input-wrap label.disabled:after { border-left: 1px solid; border-color: #777; transform: rotate(45deg); } .variant-input-wrap label:hover { box-shadow: 0 0 0 2px #777; } .variant-input-wrap label { box-shadow: 0 0 0 2px #ccc; } .pr-review-snippet-container.pr-no-reviews { display: none; } @media only screen and (min-width: 769px) { .hr--medium { margin: 0px auto; border-top: 0; } .product__thumbs--beside { margin-top: .5rem; } } /* MOBILE */ @media screen and (max-width: 39.9375em) { /* COLLECTION: collection-filter sticky */ /* #bc-sf-filter-tree-mobile button { margin: 10px 0 !important; } */ .site-header--opening { transform: translate3d(0, 0, 0); transition: transform 0s cubic-bezier(0.165, 0.84, 0.44, 1); } .collection-filter { position: sticky; top: 59px; z-index: 20; background: #fff; box-shadow: 0 2px 5px -6px #000; } .collection-filter__item { margin-bottom: 0; } .collection-filter__item--count { display: none; } } .page-content--product p { margin-bottom: .5rem; } .shopify-payment-button__more-options { font-size: x-small !important; border: 1px solid #e8e8e1 !important; display: block !important; text-decoration: none !important; margin: 1rem auto !important; width: 200px !important; text-transform: capitalize !important; } .variant-wrapper--button .color-swatch { background-size: 400% !important; background-position: 50% !important; } .product__thumb-item { border-color: #eee; } .product__thumb-item:hover { border-color: #ddd; } /* COLLECTION - SCROLL TO TOP */ /* @media only screen and (min-width: 769px) { .scroll-to-top { display: block; text-align: center; line-height: 45px; background-color: #fff; z-index: 99; width: 45px; height: 45px; border-radius: 50%; position: fixed; right: 70px; bottom: 20px; cursor: pointer; margin: 0; overflow: hidden; font-size: 0; -webkit-box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.25); box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.25); animation: fadeIn 1s ease-in both; animation-delay: 6s; } .scroll-to-top:before { display: block; font-size: 16px; color: #000; content: "▲"; } } */ /* NOSTO - SHOP THE LOOK */ .nosto_element .section-header__title { font-size: 1rem; padding: 1rem; border-top: 1px solid #e8e8e1; } .nosto_element .section-header { margin: 0; } #nosto-bundle { /* display: none !important;*/ border-bottom: 1px solid #e8e8e1; margin: 0 0 1rem; } #nosto-bundle:empty { border-bottom: 0; margin: 0; } #nosto-bundle .grid-product { margin: 0; padding: 0; } #nosto-bundle .page-width { padding: 0; margin: 0; } #nosto-bundle .product-single__related { display: flex; } #nosto-bundle .product-single__related .grid__item { flex-grow: 1; } #nosto-bundle .product-single__related .grid__item+.grid__item { margin-left: 2%; } #nosto-bundle .product-single__related .grid__item .grid-product__title, #nosto-bundle .product-single__related .grid__item .grid-product__price { font-size: xx-small; } #nosto-bundle .product-single__related .grid__item .grid-product__meta { padding: .25rem 1rem; } #nosto-bundle .product-single__related .grid__item .grid-product__price { color: red; } #nosto-bundle .product-single__related .grid__item .grid-product__price--original { color: #000; } #nosto-bundle .product-single__related .grid__item .grid__image-ratio--portrait:before { padding-bottom: 100%; } /* SMALL - MOBILE */ @media only screen and (max-width: 768px) { #nosto-bundle .product-single__related { display: flex; flex-wrap: wrap; } } /* Remove to allow white swatches to be shown with a border - JP - 10/21/2020 .collection-content .grid-product__colors { display: block; } .color-swatch { box-shadow: none; } */ .product-section-master .master-swatch img { border: 2px #ccc solid; } .product__price.final.sale { font-weight: bold; color: red; } .product__price.on-sale { font-weight: bold; } .product__video-wrapper { padding-bottom: 100% !important; } /* breadcrumb */ .breadcrumb { font-size: 12px; text-align: left; } /* reviews */ #pr-image-display { display: none; } .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet { text-align: center; margin: 2% 0; } .pr-snippet .pr-snippet-write-review-link { background: #aaa; color: #FFF !important; padding: 6px 8px !important; text-decoration: none; } .pr-snippet .pr-snippet-write-review-link:hover { text-decoration: none !important; } .product-single__meta #pr-reviewsnippet .pr-snippet-stars-reco-reco, .product-single__meta #pr-reviewsnippet .pr-snippet-slider-root { display: none; } #pr-reviewdisplay { color: #FFF !important; } a.pr-snippet-write-review-link { background: #aaa; color: #FFF !important; padding: 8px 12px !important; } a.pr-snippet-write-review-link:hover { text-decoration: none !important; } section#pr-review-display.pr-review-display { margin-bottom: 1%; } /* in stock call out */ .product__inventory { font-weight: 800; color: #3389fb !important; text-align:left!important; } /* remove color swatch */ .page-content--product [name="Color"] { display: none; } .page-content--product .variant__label[for] { padding: .5rem 0; font-weight: bold; } /* remove color swatch end */ .payment-buttons .add-to-cart { background: #0d2340; color: #FFF; } .payment-buttons .btn[disabled] { background: #FFF; color: #000; border: 1px solid; border-right: none; border-left: none; width: 200px; } .product-barcode, .product-single__sku { font-size: x-small; } div.product-single__description.rte { font-size: .8rem; } .shopify-payment-button__more-options { padding: 10px 20px; font-size: .8rem !important; text-transform: uppercase; } /* social sharing btns */ .social-sharing { text-align: center; padding-left: 45px; margin-top: 20px; } /* EMAIL WHEN AVAILIBLE */ button.btn.swym-button.swym-add-to-watchlist { background: #111 !important; text-indent: 15px !important; padding: 10px 20px 10px 10px !important; font-size: .7rem !important; height: auto !important; line-height: 20px !important; } #swym-plugin .swym-tab-modal.swym-remind-me, #swym-hosted-plugin .swym-tab-modal.swym-remind-me { text-align: center; } #swym-plugin .swym-product-view-swiper .swym-title h2, #swym-hosted-plugin .swym-product-view-swiper .swym-title h2 { color: #0d2340 !important; font-weight: 600; } button#swym-remind-email-auth-button { background: #0d2340; } /* SIZE CHART */ .size-chart-btn { text-align: center; font-size: .90rem; font-weight: 700; } /*.size-chart-btn img { margin: 0 auto 1rem; }*/ .size-chart-btn span, .size-chart-btn span:hover { display: block; color: #000; } /* COLLECTION / CATEGORY */ .grid-product__price { font-size: 1.0em; } .grid-product__price--sale{ font-weight:bold } .Sale .grid-product__price--sale, .Clearance .grid-product__price--sale, .outlet .grid-product__price--sale{ color:#111; font-weight: bold; } .Sale .product__price.on-sale{ color:#111; } .final.sale .grid-product__price--sale { color: #e20b0b; } .final.sale .product__price.on-sale { color: #e20b0b; } /******** up to % off for MISC non sale with tag **********/ .collection-content .grid-product__percent--sale{ color: red; font-size: 1em; text-transform: capitalize !important; display: inline; padding-left: 5px; } .collection-content .grid-product__percent--sale:after{ content: " off"; } .product__price-savings { display: inline; color: red; } .product__price-savings:after { display: inline; content: " off"; } .product__price.on-sale { color: #000; } /*********** UP TO % OFF *********** .grid-product__percent--sale { font-weight: 400; color: #ff4e4e; white-space: nowrap; padding-left: .25rem; } */ .grid-product__percent--sale { display:none; } .grid-product__image-mask { background: #fafafa; } .grid-product__title { /* font-size: .90rem; */ font-size: .75rem; } .grid-product__title:hover { text-decoration: underline; } #CollectionSection .rte { font-size: .85rem; } #seo-bottom { font-size: .85rem; padding: 0 2rem 1rem 2rem; } #seo-bottom h2 { font-size: 1rem; font-weight: bold; } /* COLLECTION: IMAGE TILES */ .collection-tile { display: flex; flex-direction: column; align-items: stretch; position: relative; } .collection-tile img { /* filter: brightness(85%); */ width: 100%; height: auto; } .collection-tile .copy { text-align: center; color: #fff; position: absolute; top: 50%; left: 50%; margin: 0 auto; transform: translate(-46%, -40%); width: 80%; text-shadow: -1px -1px 1px rgba(255, 255, 255, .1), 1px 1px 1px rgba(0, 0, 0, .5); } .collection-tile .copy ul { list-style-type: none; } .collection-tile .copy .title { font-size: 1.5rem; line-height: 1; width: 100%; text-align: center; font-weight: bold; color: #fff; text-transform: uppercase; } .collection-tile .copy .btn { color: #000; background: #fff; font-weight: bold; font-size: 1rem; letter-spacing: normal; border: 0; text-shadow: none; padding: .5rem 1rem; border: 2px solid #fff; -webkit-box-shadow: -1px 4px 5px -1px rgba(0, 0, 0, 0.15); -moz-box-shadow: -1px 4px 5px -1px rgba(0, 0, 0, 0.15); box-shadow: -1px 4px 5px -1px rgba(0, 0, 0, 0.15); } .collection-tile:hover .copy .btn, .collection-tile .copy .btn:hover { color: #fff; background: #000; border: 2px solid #000; } @media only screen and (max-width: 768px) { .collection-tile .copy .title { font-size: 1rem; } .collection-tile .copy ul { font-size: .75rem; } a.btn { padding: .25rem; font-size: .8rem; } } /* COLLECTION: SIDEBAR - REFINEMENTS */ /* .grid__item--sidebar { overflow-y: visible; max-height: 100%; } */ .collection-filter__item--drawer .js-drawer-open-collection-filters { display: none; opacity: 0; visibility: hidden; } .hr--clear { border: 0; padding: 0; margin: 0; } .bc-sf-filter-option-block .bc-sf-filter-block-content ul li a { font-size: .65rem; } /* #bc-sf-filter-scroll-to-top { background-color: #fff !important; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); font-size: initial !important; border-radius: 25px !important; } #bc-sf-filter-scroll-to-top span:before { color: #000; } #bc-sf-filter-tree-mobile button { color: #000 !important; background: #fff !important; text-transform: capitalize !important; font-size: 16px !important; border: 1px solid #e8e8e1 !important; border-radius: 0 !important; } #bc-sf-filter-tree-mobile button svg { margin: 0 1rem; } */ .bc-sf-filter-selection-wrapper h3 span { font-size: 80%; } .collapsible-trigger { font-weight: bold; } .boost-pfs-filter-option-content .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.circle-grid li .boost-pfs-filter-option-swatch-image { border: 2px solid #fff !important; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); margin: .1rem; } span.boost-pfs-filter-option-swatch-image[title="Beige"], .color-swatch--pei-beige { background-color: #deb887 !important; } span.boost-pfs-filter-option-swatch-image[title="Black"], .color-swatch--pei-black { background-color: #141414 !important; } span.boost-pfs-filter-option-swatch-image[title="Blue"], .color-swatch--pei-blue { background-color: #3c4c6c !important; } span.boost-pfs-filter-option-swatch-image[title="Brown"], .color-swatch--pei-brown { background-color: #a0522d !important; } span.boost-pfs-filter-option-swatch-image[title="Gray"], .color-swatch--pei-gray { background-color: #acacac !important; } span.boost-pfs-filter-option-swatch-image[title="Green"], .color-swatch--pei-green { background-color: #0c5c4c !important; } span.boost-pfs-filter-option-swatch-image[title="Orange"], .color-swatch--pei-orange { background-color: #dc7c3c !important; } span.boost-pfs-filter-option-swatch-image[title="Pink"], .color-swatch--pei-pink { background-color: #e8bdce !important; } span.boost-pfs-filter-option-swatch-image[title="Purple"], .color-swatch--pei-purple { background-color: #cc94cc !important; } span.boost-pfs-filter-option-swatch-image[title="Red"], .color-swatch--pei-red { background-color: #bc2c34 !important; } span.boost-pfs-filter-option-swatch-image[title="White"], .color-swatch--pei-white { background-color: #f3eef4 !important; } span.boost-pfs-filter-option-swatch-image[title="Yellow"], .color-swatch--pei-yellow { background-color: #e4cc74 !important; } /* SHOW BOTH SWATCH AND NAME + COUNT .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch.circle-grid li a span:not(.bc-sf-filter-option-swatch-image) { display: inline-block !important; } .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch.circle-grid li { width: 48%; } .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch li a .bc-sf-filter-option-swatch-image { width: 25px !important; height: 25px !important; margin-right: 4px; } .bc-sf-filter-option-block .bc-sf-filter-block-content ul li a { font-size: .6rem; } */ /* MOBILE */ /* @media screen and (max-width: 39.9375em) { .bc-sf-filter-option-block .bc-sf-filter-block-content ul li a { font-size: .7rem; } .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch li a.bc-sf-filter-option-swatch-image { width: 30px !important; height: 30px !important; } .bc-sf-filter-tree-mobile-full-width .bc-sf-filter-option-amount { right: 6px !important; top: 4px; } } */ /* FOOTER */ .site-footer { border-top: none; } .h4.footer__title { font-size: 15px; font-weight: bold; color: #0D2340; } .site-footer a { -webkit-transition: all .15s cubic-bezier(.35, .9, .5, 1); transition: all .15s cubic-bezier(.35, .9, .5, 1); } .site-footer__linklist a:hover { color: #AAAAAA; } .site-footer .footer__collapsible { font-size: 12px; } .site-footer__linklist{ display:table; margin:0 auto; text-align:center; } .site-footer .grid .grid__item:nth-child(5) .collapsible-content{ border:solid 1px #c9c9c9; padding:1rem; margin:0 0.5rem 0.5rem 0.5rem; text-align:center; } .site-footer .grid .grid__item:nth-child(5) .footer__item-padding{ padding-right:0px; } .site-footer .grid .grid__item:nth-child(5) .btn{ padding: 5px 10px; } .chat__support { padding-left: 15px; font-size:1.1em; } .footer__support_bar{ /* max-width: 600px; */ margin: 0 auto!important; padding: 2rem 1rem!important; } .footer__support_bar .btn--small::after{ content:""; display:block; width:2px; height:auto; background-color:#ccc; } @media screen and (max-width: 640px) { .site-footer .grid .grid__item:nth-child(5) .btn{ display:block; padding: 5px 10px; margin-bottom:1.5rem; } .footer__support_bar .btn--small{ margin-bottom: 1.5em; display: block; } } /* store locator a[href="/pages/store-locator"] { font-size: .75rem; color: #006857; font-weight: bold; border: 1px solid #0D2340; background-color: transparent; padding: 8px 14px; background-position: 150% 45%; min-width: 90px; } a[href="/pages/store-locator"]:hover { color: #fff; background-color: #0D2340; } */ .form-validation .error { width: 100%; padding: 3%; display: block; color: red; margin: 0; background: #ffebeb; text-transform: capitalize; letter-spacing: normal; position: relative; } label:not(.variant__button-label), .label { letter-spacing: 0.05em; } /* SITEMAP */ .flex-container-sitemap h2 { border-bottom: 2px solid #ddd; padding: .5rem; } .flex-container-sitemap ul { list-style: none; margin: 0; } .flex-container-sitemap ul li { font-size: inherit; border-bottom: 1px dotted #ddd; padding: .5rem; } .flex-container-sitemap { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .flex-container-sitemap .flex-item { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; padding: 1rem; text-align: center; border: 1px solid #eee; margin: 1rem; min-width: 49%; } /* Small */ @media screen and (max-width: 40em) { .flex-container-sitemap { flex-direction: column; margin: 0 .25rem; } } /* LOYALTY */ .loyalty-rewards-banner { background-color: #0d2340; text-align: center; color: #fff; padding: 1rem 0.5rem 0.5rem 0.5rem; margin: 0 auto; } .loyalty-rewards-banner a { color: #fff; width: 80%; display: block; margin: 0 auto; } .loyalty-rewards-banner .loyaltylogo { color: #fff; line-height: initial; display: inline-block; margin: 0; vertical-align: middle; text-transform: uppercase; font-size: 3rem; } .loyalty-rewards-banner .loyaltylogo span { font-weight: bold; } .loyalty-rewards-banner p { color: #fff; line-height: 1.3; display: inline-block; margin: 0 3rem; vertical-align: middle; text-transform: uppercase; font-size: 1.1rem; } .loyalty-rewards-banner .btn { background: #fff; color: #000; text-transform: uppercase; letter-spacing: 1px; } .loyalty-rewards-banner .btn:hover { background: #000; color: #fff; } @media only screen and (max-width: 768px) { .loyalty-rewards-banner { padding: 0.75rem 0 0.5 0; margin: 1rem auto; } .loyalty-rewards-banner .loyaltylogo { font-size: 1.6rem; } .loyalty-rewards-banner .copy span { letter-spacing: 1px; } .loyalty-rewards-banner p { margin: 0 0 10px 0; font-size: .7rem; letter-spacing: 1px; } .loyalty-rewards-banner .btn { margin: 0; } .loyalty-rewards-banner a { padding: 0 0 1rem; } } /* FOOTER*/ [data-type="newsletter"] a.btn { color: #fff; background-color: #0d2340; } /* FOOTER: SUPPORT BAR */ .footer__support_bar { display: block; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: .5rem 1rem; margin: 1rem 0; } .footer__support_bar .footer__support_buttons { display: inline-block; text-align: center; } .footer__support_bar .telephone { display: inline-block; margin: 0 1rem; vertical-align: sub; } .footer__support_bar .footer__social { display: inline-block; text-align: right; float: right; } .footer__support_bar .footer__social .title { margin: 0 1rem 0 0; display: inline-block; vertical-align: sub; font-size: 1rem } .footer__support_bar .footer__social li { display: inline-block; margin: 0 15px 0 0; } .footer__support_bar .footer__social .icon { width: 16px; height: 16px; } /* Small: Mobile */ @media only screen and (max-width: 768px) { .footer__support_bar { border-bottom: 0; line-height: 2rem; } .footer__support_bar .footer__social { float: none; } .footer__support_bar .footer__social .title { margin: 0.75rem auto 0 auto; display: block; text-align:center; } .chat__support{ padding:0; font-size:0.9em; line-height: 1em; } .chat__support strong{ display:block; font-size:1.4em; margin-top:0.5em; } } /* VIDEO */ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* CART PROGRESS BAR */ .cart-discount-progress { /* border-bottom: 1px solid #e8e8e1;*/ padding-bottom: .25rem; display: none !important; } .template-cart .cart__row .cart-discount-progress { margin-top: .75rem; /* border-top: 1px solid #e8e8e1;*/ } .cart-discount-progress .refresh-icon { float: right; } .cart-discount-progress .refresh-icon svg { width: 20px; height: 20px; display: inline-block; background: #fff; border-radius: 25px; text-align: center; vertical-align: middle; border: 1px solid #eee; padding: 3px; cursor: pointer; } .cart-discount-progress .refresh-icon svg:hover { background: #000; fill: #fff; border: 1px solid #000; } .cart-discount-progress .total { color: #2461b2; font-size: 12px; } .cart-discount-progress .title { font-weight: bold; font-size: 11px; text-align: center; background: #fafafa; padding: .25rem; margin: 3px 0; } .cart-discount-progress .title .btn { font-size: xx-small; padding: 4px 8px; border-radius: 25px; margin: 0 5px; background: #2461b2; } .cart-discount-progress .progress-bar { border-radius: 60px; overflow: hidden; width: 98%; margin: 0 3px; text-align: center; } .cart-discount-progress .progress-bar span { display: block; -webkit-transition: width 2s; transition: width 2s; } .cart-discount-progress .bar { background: rgba(0, 0, 0, 0.05); } .cart-discount-progress .progress { background: #2461b2; color: #fff; padding: 5px 0; width: 0; } /* CART DRAWER */ .template-cart .section-header .rte a { border: 1px solid #aaa; padding: .5rem 1rem; } .drawer__title a { font-weight: bold; } .cart-link__bubble--visible { width: 20px; height: 20px; font-size: 8px; font-weight: bold; color: #fff; text-align: center; line-height: 2; } #CartDrawer { z-index: 22147483638; } .ajaxcart__note { text-align: center; padding: 0 2rem; font-size: x-small; } @media only screen and (min-width: 769px) { .drawer__close-button { right: -10px } .drawer__header { height: auto; } } #CartDrawer .drawer__inner { /* top: 112px; */ top: 65px !important; } #CartDrawer #CartContainer .drawer__inner { top: 0; } /* FINDMINE - PRODUCT RECOMMENDATIONS*/ [id^=findmine-container] { margin: 1rem 0; } [id^=findmine-container] .fm-wrap { border-top: 1px solid #e8e8e1; border-bottom: 1px solid #e8e8e1; margin: 0 auto; padding: 1rem 0; width: 100%; } [id^=findmine-container] .fm-wrap header { margin: 0 0 1rem; position: relative; } [id^=findmine-container] .fm-wrap header button { display: inline-block; width: 20%; padding: .5rem; margin: .5rem .25rem; border: 1px solid #e8e8e1; font-size: .7rem; cursor: pointer; position: relative; } [id^=findmine-container] .fm-wrap header button.fm-prev-set { position: absolute; top: -8px; left: 0; } [id^=findmine-container] .fm-wrap header button.fm-next-set { position: absolute; top: -8px; right: 0; } [id^=findmine-container] .fm-wrap header button:hover { background: #f1f1f1; } [id^=findmine-container] .fm-wrap .fm-header { font-size: 1.1rem; text-transform: uppercase; color: #000; font-weight: bold; letter-spacing: 1px; text-align: center; } [id^=findmine-container] .fm-wrap .fm-sets { list-style: none; margin: 0; } [id^=findmine-container] .fm-wrap .fm-items { list-style: none; margin: 0; } [id^=findmine-container] .fm-sets li .fm-items li .fm-image { width: 120px; height: 160px; display: block; margin: 0 auto; background-size: contain !important; } [id^=findmine-container] .fm-sets li .fm-items li .fm-details .fm-title { padding: 0 1rem; line-height: 1 } [id^=findmine-container] .fm-sets li .fm-items li .fm-details .fm-title a { font-size: xx-small; text-align: center; letter-spacing: 1px; } [id^=findmine-container] .fm-sets li .fm-items li { vertical-align: top; text-align: center; width: 24.5%; display: inline-block; margin: 0; } /* Small */ @media screen and (max-width: 40em) { [id^=findmine-container] .fm-wrap header button { width: 40%; font-size: .75rem; } [id^=findmine-container] .fm-wrap header button.fm-prev-set, [id^=findmine-container] .fm-wrap header button.fm-next-set { margin: 1rem .25rem 0; position: relative; } [id^=findmine-container] .fm-sets li .fm-items li { width: 50%; margin: 0 0 2rem 0; } [id^=findmine-container] .fm-sets li .fm-items li .fm-details .fm-title { padding: .25rem 2rem; } } /* POWERREVIEWS - REVIEWS*/ #pr-reviewdisplay { color: #555; max-width: 1500px; margin: 0 auto; } #pr-reviewdisplay .pr-headline { color: #777 !important; font-size: 1.25rem !important; letter-spacing: 1px; } .p-w-r .pr-review-snapshot .pr-review-snapshot-header-intro { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block .pr-review-snapshot-block-headline, .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block .pr-review-snapshot-tags dt, .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq-histogram .pr-histogram-msq-headline { font-size: 1rem !important; color: #777 !important; } #pr-reviewdisplay .pr-subheadline { display: none; } .p-w-r a, .p-w-r .pr-read-review a, .p-w-r .pr-review-display a { color: #000; } .p-w-r .pr-accordion .pr-accordion-btn .pr-caret-icon__line { stroke: #000 !important; } .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-stars-container .pr-snippet-stars .pr-snippet-rating-decimal { border: 3px solid #000 !important; color: #000 !important; } .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write .pr-snippet-review-count { color: #777 !important; font-style: normal !important; } .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write .pr-snippet-write-review-link { background: #000; color: #fff !important; padding: .25rem 1rem; border-radius: 25px; font-weight: bold; text-decoration: none; } .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block .pr-review-snapshot-tags .pr-snapshot-tag-def .pr-filter-btn--active .pr-filter-btn__voteCount, .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block .pr-review-snapshot-tags .pr-snapshot-tag-def:active .pr-filter-btn__voteCount, .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block .pr-review-snapshot-tags .pr-snapshot-tag-def:hover .pr-filter-btn__voteCount { background-color: #333 !important; } .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write .pr-snippet-write-review-link:hover { background: #000 !important; } .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-ratings-histogram-barValue, .p-w-r .pr-slider-root .pr-slider .pr-slider-node-group .pr-slider-node.pr-active { background: #000 !important; } .p-w-r .pr-read-review.pr-rd-display-desktop .pr-review, .p-w-r .pr-read-review.pr-rd-display-tablet .pr-review, .p-w-r .pr-review-display.pr-rd-display-desktop .pr-review, .p-w-r .pr-review-display.pr-rd-display-tablet .pr-review { padding: 0 1rem; } .p-w-r .pr-star-v4-0-filled { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNDQ0NDQ0MiIGQ9Ik0xMC4wMDEsMC44MzNsMi43MTEsNi4zOTVsNi45MzYsMC41OTVsLTUuMjYxLDQuNTZsMS41NzksNi43ODRsLTUuOTY1LTMuNTk3bC01Ljk2MywzLjU5N2wxLjU3OC02Ljc4NA0KCWwtNS4yNjMtNC41Nmw2LjkzOC0wLjU5NkwxMC4wMDEsMC44MzMiLz4NCjwvc3ZnPg0K") !important; } .p-w-r .pr-star-v4-25-filled { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNDQ0NDQ0MiIHBvaW50cz0iMTkuNjQ3LDcuODIzIDEyLjcxMiw3LjIyOCAxMC4wMDEsMC44MzMgNy4yOTEsNy4yMjcgNy4yNSw3LjIzIDcuMjUsMTcuMjI5IDEwLjAwMSwxNS41NyANCgkxNS45NjYsMTkuMTY3IDE0LjM4NywxMi4zODMgIi8+DQo8cG9seWdvbiBwb2ludHM9IjAuMzUzLDcuODIzIDUuNjE2LDEyLjM4MyA0LjAzOCwxOS4xNjcgNy4yNSwxNy4yMjkgNy4yNSw3LjIzICIvPg0KPC9zdmc+DQo=") !important; } .p-w-r .pr-star-v4-50-filled { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iMTkuNjQ3LDcuODIzIDEyLjcxMiw3LjIyOCAxMC4wMDEsMC44MzMgMTAuMDAxLDE1LjU3IDE1Ljk2NiwxOS4xNjcgMTQuMzg3LDEyLjM4MyAiLz4NCjxyZWN0IHg9IjEwIiB5PSIwLjgzNSIgd2lkdGg9IjAuMDAxIiBoZWlnaHQ9IjE0LjczNSIvPg0KPHBvbHlnb24gZmlsbD0iI0NDQ0NDQyIgcG9pbnRzPSI3LjI5MSw3LjIyNyAwLjM1Myw3LjgyMyA1LjYxNiwxMi4zODMgNC4wMzgsMTkuMTY3IDEwLDE1LjU3MSAxMCwwLjgzNiAiLz4NCjwvc3ZnPg0K") !important; } .p-w-r .pr-star-v4-75-filled { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNDQ0NDQ0MiIHBvaW50cz0iMTQuMzg3LDEyLjM4MyAxOS42NDcsNy44MjMgMTIuNzUsNy4yMzEgMTIuNzUsMTcuMjI4IDE1Ljk2NiwxOS4xNjcgIi8+DQo8cG9seWdvbiBwb2ludHM9IjEyLjcxMiw3LjIyOCAxMC4wMDEsMC44MzMgNy4yOTEsNy4yMjcgMC4zNTMsNy44MjMgNS42MTYsMTIuMzgzIDQuMDM4LDE5LjE2NyAxMC4wMDEsMTUuNTcgMTIuNzUsMTcuMjI4IA0KCTEyLjc1LDcuMjMxICIvPg0KPC9zdmc+DQo=") !important; } .p-w-r .pr-star-v4-100-filled { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik0xNS45NjYsMTkuMTY3bC01Ljk2NS0zLjU5N2wtNS45NjMsMy41OTdsMS41NzgtNi43ODRsLTUuMjYzLTQuNTZsNi45MzgtMC41OTZsMi43MS02LjM5NGwyLjcxMSw2LjM5NWw2LjkzNiwwLjU5NQ0KCWwtNS4yNjEsNC41NkwxNS45NjYsMTkuMTY3eiIvPg0KPC9zdmc+DQo=") !important; } .p-w-r .pr-review-display .pr-rd-inner-side-content-block .pr-rd-details, .p-w-r .pr-review-display .pr-rd-side-content-block .pr-rd-details { line-height: 1.25rem !important; } .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-main-footer { border-bottom: 0 !important; } .p-w-r .pr-read-review .pr-review, .p-w-r .pr-review-display .pr-review { padding: 0 1rem !important; } /* POWERREVIEWS - WRITE A REVIEW */ .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars { float: none !important; } .p-w-r .pr-war { max-width: 100% !important; } #pr-write { border-top: 1px solid rgba(0, 0, 0, 0.1); } #pr-write .pr-header-title { font-weight: bold !important; color: #aaa !important; } .p-w-r .pr-header .pr-header-product-img img { border: 5px solid rgba(0, 0, 0, 0.1) !important; } .p-w-r .pr-header { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } .p-w-r .pr-btn-add-tag a:after { color: #000 !important; left: 3px !important; top: 35% !important; } .p-w-r .pr-btn-fileinput { color: #000 !important; } [href="http://www.powerreviews.com"] { display: none !important; } .p-w-r .pr-accessible-btn { background-color: #000 !important; border-bottom: 2px solid #000 !important; width: 100% !important; text-align: center !important; display: block !important; padding: 1rem !important; font-size: 1.15rem !important; } /* Small */ @media screen and (max-width: 40em) { #pr-reviewdisplay { max-width: 95% !important; border-top: 1px solid #e8e8e1; } .p-w-r .pr-review-snapshot .pr-review-snapshot-header-intro { margin: 0 !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-header-intro { border-bottom: 0 !important; } .p-w-r .pr-review-snapshot.pr-review-enhanced.pr-snapshot-mobile .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline { align-items: center !important; } .p-w-r .pr-review-display .pr-rd-pagination { border-top: 0 !important; border-bottom: 0 !important; } } /* LOYALTY HEADER */ .loyalty .toolbar .login svg { background: #eee; fill: black; margin-right: .25rem; border-radius: 25px; padding: 4px; width: 25px; height: 25px; } .loyalty.gold .toolbar .login svg { background: #ffea8a; } /* Hide optin options for members */ /* .accepts_marketing .cf-field-container.email-signup { display: none; } .loyalty .cf-field-container.loyalty-signup { display: none; } */ /* .cf-form-step .cf-fields-container .loyalty-signup { display: none; } */ /* ACCOUNNT REGISTRATION - LOYALTY SIGNUP */ #create_account { padding-top: 2rem; } #create_account input, #customer-fields input { border: 3px solid #e8e8e1; } #customer-fields .action-icon { margin: 1rem 0 !important; display: block !important; height: 40px !important; width: 100% !important; } #customer-fields .action-icon.loading:before { display: none !important; background-image: url(/cdn/shop/files/icon-loader.svg?16727) !important; background-size: 75% !important; background-repeat: no-repeat !important; background-color: #000 !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; padding: 1rem !important; width: 100%; } .customr-field-file.uploading label:after { background: url(/cdn/shop/files/icon-loader.svg?16727) !important; background-size: contain !important; } #customer-fields .action-icon.success:before { background-image: url(/cdn/shop/files/icon-check.svg?16727) !important; background-size: contain !important; } .customr-field.loyalty-signup .customr-control-label, .customr-field.email-signup .customr-control-label { display: none !important; visibility: hidden; } .email-signup .cf-enum-field__choice input[type=checkbox], .loyalty-signup .cf-enum-field__choice input[type=checkbox] { display: none !important; } .email-signup span, .loyalty-signup span { margin-left: 30px; } .email-signup input[type="checkbox"]+span::before, .loyalty-signup input[type="checkbox"]+span::before { content: ''; position: relative; left: -10px; top: 4px; border-radius: 50%; border: 2px solid #000; width: 20px; height: 20px; display: inline-block; background: #fff; } .email-signup input[type="checkbox"]:checked+span::before, .loyalty-signup input[type="checkbox"]:checked+span::before { background: #0d2340; border: 2px solid #fff; box-shadow: 0 0 2px #000; } #customer-fields label { font-weight: bold; } #customer-fields .form-footer { margin-top: 0 !important; border-top: 0 !important; padding-top: 2rem !important; background: none !important; } #customer-fields input[type="submit"] { width: auto; color: #fff; background: #0D2340; width: 100% !important; border: 0; } #customer-fields input[type="submit"]:hover { background: #1a4680; } .form-footer .cancel-form { display: none; visibility: hidden; } .template-customers-register #create_customer label, .template-customers-login label, .template-customers-account label { font-size: 1rem; font-weight: bold; width: 100%; cursor: pointer; } .template-customers-register #create_customer label small, .template-customers-account #create_customer label small { display: inline; text-transform: capitalize; letter-spacing: normal; color: #777; font-weight: normal; padding-left: 5px; width: 100%; } .template-customers-register h2 { line-height: 1.2 !important; } .cf-enum-field__choices { width: 100%; } .cf-field.email-signup, .cf-field.loyalty-signup { background: #e8e8e1; padding: .25rem 1rem; border: 4px solid #fff; padding: 1rem; border-radius: 10px; } .cf-field.loyalty-signup .cf-enum-field__choice { margin: 0; } #create_account .cf-form-actions .btn.button { display: none; } #create_account .cf-form-actions .btn.button.cf-submit-form { display: block; width: 100%; } .email-signup .customr-control label .radio-text, .loyalty-signup .customr-control label .radio-text { background: #fff; border: 3px solid #e8e8e1; padding: .5rem 2rem; text-align: left; position: relative; cursor: pointer; display: block; } .email-signup .customr-control label .radio-text:hover, .loyalty-signup .customr-control label .radio-text:hover { border: 3px solid #000; } .email-signup .customr-control label input[type=checkbox]:checked+.radio-text, .loyalty-signup .customr-control label input[type=checkbox]:checked+.radio-text { background: #e8e8e1; } .email-signup .customr-control label .radio-text::before, .loyalty-signup .customr-control label .radio-text::before { color: #fff; content: ''; border: 3px solid #e8e8e1; position: absolute; top: 15%; right: 3%; height: 25px; width: 25px; line-height: 26px; text-align: center; border-radius: 50%; background: #fff; } .email-signup .customr-control label input[type="checkbox"]:checked+.radio-text::before, .loyalty-signup .customr-control label input[type="checkbox"]:checked+.radio-text::before { background: #fff url(/cdn/shop/files/icon-check.svg?16727); border-color: #fff; background-size: contain; } .template-customers-register #create_customer p.terms, .template-customers-register #create_account p.terms, .template-customers-account #create_account p.terms, .template-customers-login p.terms { border-top: 1px solid rgba(0, 0, 0, .15); padding: 1rem 0; margin: 0; font-size: x-small; text-align: center; } .template-customers-register #create_customer p.terms a, .template-customers-register #create_account p.terms a, .template-customers-account #create_account p.terms a, .template-customers-login p.terms a { text-decoration: underline; } .template-customers-register #create_customer .submit-button { margin: 1rem 0 0; } .loyalty-benefits { margin: 7% 5%; background: #f1f1f1; padding: 2rem; } .loyalty-benefits h2 { font-size: 1em; line-height: 1rem; font-weight: bold; } @media only screen and (max-width: 700px) { .template-customers-register #create_customer section { flex-direction: column; } } /* CUSTOMER ACCOUNTS - PROFILES */ .template-customers-account .customer-details { background: #f1f1f1; margin-top: 2rem; padding: 2rem; border: .5rem solid #fff; } [class*="template-customers-"] .section-header__title, [class*="template-customers-"] h2, [class*="template-customers-"] h3 { text-align: left; font-size: 1.5rem; font-weight: bold; } .template-customers-account .loyalty-status, .template-customers-account .profile { border: 1px solid #f1f1f1; padding: 1rem; } .template-customers-account .loyalty-status { background: #fafafa; border-bottom: 0px; } .template-customers-account .main-content a { font-weight: bold; } .template-customers-account .main-content a:hover { color: #777; } .template-customers-account .loyalty-status-tier .tier { font-size: 11px; background-color: #ccc; color: #444; padding: .15rem .5rem; border-radius: 25px; text-transform: uppercase; margin: 0 .15rem; } .template-customers-account .loyalty-status-tier .tier.gold { font-size: 11px; background-color: #ffea8a; color: #8a6116; padding: .15rem .5rem; border-radius: 25px; text-transform: uppercase; margin: 0 .15rem; } .template-customers-account .accepts_marketing { font-size: 12px; background-color: #ddd; color: #444; margin: 0; padding: .25rem 1rem; border: 1px solid #ddd; } .template-customers-account h2, .template-customers-account h3, .template-customers-account .h5 { font-size: 1rem; font-weight: bold; } .template-customers-account .h5 { letter-spacing: 1px; } .template-customers-account h2, .template-customers-account h3 { margin-bottom: 2rem; letter-spacing: 1px; } [class*="template-customers-"] table tr:nth-child(odd) td { background-color: #f1f1f1; } @media only screen and (max-width: 768px) { [class*="template-customers-"] h2, [class*="template-customers-"] h3 { margin: 2rem 0; } .template-customers-account .table--responsive td { padding: .5rem; } [class*="template-customers-"] .table__section+.table__section { margin-top: 0; padding-top: 0; } [class*="template-customers-"] .table__section+.table__section:after { left: 0; right: 0; border-bottom: 1px solid #ddd; } } /* CUSTOMER ACCOUNTS - ADDRESSES */ .template-customers-addresses h2, .template-customers-addresses .h4 { font-size: 1rem; font-weight: bold; } .template-customers-addresses label { font-weight: bold; } .template-customers-addresses .cancel.btn--secondary { float: right; margin-bottom: 1rem; } /* CUSTOMER ACCOUNTS - RECOVERY */ .notice { font-size: small; padding: 1rem; background: #f1f1f1; margin: 0 0 1rem 0; } #RecoverPasswordForm { border: 1px solid #ccc; padding: 1rem; font-size: .85rem; } #RecoverPasswordForm h2 { font-size: .85rem; } /* CUSTOMER ACCOUNTS - PROFILES */ .template-customers-account .customer-details { background: #f1f1f1; margin-top: 2rem; padding: 2rem; border: .5rem solid #fff; } .template-customers-account .customer-details h5 { font-size: 1rem; font-weight: bold; } /* ERROR PAGES - 404 PAGE NOT FOUND */ .template-404 {} /* NOSTROS RECCOMENDATIONS */ div#frontpage-nosto-2.nosto_element, div#frontpage-nosto-4.nosto_element { margin-top: 0; } div#frontpage-nosto-1.nosto_element { margin-top: 0; } span.quick-product__label { text-transform: uppercase; } .nosto_element .section-header { margin-bottom: 24px; } /* KLARNA PLACEMENT */ .klarna-container { font-family: Klarna Text, "Klarna Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; text-align: center; color: #17120f; font-size: 12px; font-weight: 400; line-height: 14px; background-color: #FFFFFF; border-radius: 5px; border-width: 1px; padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; margin-top: 30px; } .klarna-container .klarna-logo { margin: 0; padding: 5px 0; height: 20px; width: auto; position: relative; top: 0px; vertical-align: middle; } .klarna-container a { text-decorate: underline; } .klarna-popup { position: relative; background: #FFF; padding: 0; width: auto; max-width: 500px; margin: 20px auto; border-radius: 25px; } /***custom collection css ***/ .custom-disable div { color: #e8e8e1; } .variant-input-wrap label.custom-disable, .variant-input-wrap label.disabled { pointer-events: none; color: #fff; background: #e2e2e2; box-shadow: 0 0 0 2px #e2e2e2; } .variant-input-wrap label.custom-disable:after, .variant-input-wrap label.disabled:after { position: absolute; content: ""; top: -50%; left: 50%; bottom: 0; border-left: 2px solid; border-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 80px; } /*** ACCORDION ***/ .csstabs { display: flex; flex-wrap: wrap; transition: all 0.5s ease; border: 1px solid #ddd; } .csstabs label { flex-grow: 1; order: 1; display: block; margin: 0; padding: 1rem 2rem; cursor: pointer; background: #ddd; font-size: .75rem; font-weight: bold; text-align: center; transition: background ease 0.2s; } .csstabs label:hover { background: #fff; } .csstabs .tab { order: 99; flex-grow: 1; width: 100%; display: none; padding: 1rem; background: #fff; } .csstabs input[type="radio"] { display: none; } .csstabs input[type="radio"]:checked+label { background: #fff; } .csstabs input[type="radio"]:checked+label+.tab { display: block; } @media (max-width: 45em) { .csstabs .tab, .csstabs label { order: initial; } .csstabs label { width: 100%; margin-right: 0; } } /* Global-e */ .gle_desktop .ql-editor * { font-family: 'Montserrat', sans-serif !important; color: #000 !important; } .toolbar__content .gep-switcher-desktop { margin: 0 !important; font-size: 10px !important; background: #f1f1f1 !important; padding: 0 .5rem !important; border-radius: 25px !important; border: 1px solid #f1f1f1 !important; } .toolbar__content .gep-switcher-desktop:hover { background: #fff !important; border: 1px solid #eee !important; } .toolbar__content .gep-switcher-text-desktop { font-size: 9px !important; line-height: 1.75 !important; color: #000 !important; letter-spacing: 1px !important; } .toolbar__content .gep-switcher-desktop:hover .gep-switcher-text-desktop { color: #000 !important; } .site-header--stuck .gep-switcher { display: none !important; } .CustomSwitcherPopup .glDefaultPopupContainer { border-color: #fff !important; } .globale_overlay { background-color: #000 !important; } .CustomWelcomePopup .backToShop, .CustomSwitcherPopup .glCancelBtn, .CustomSwitcherPopup .Backtoshop { font-weight: bold !important; letter-spacing: 3px; } .gep-switcher-mobile { padding: .5rem 1rem !important; margin: 0 !important; background: #f1f1f1 !important; width: 100% !important; } .gep-switcher-text.gep-switcher-text-mobile { padding: 0 !important; letter-spacing: 2px !important; } /* magnific popup css */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #fff; background: #000; border-radius: 0; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* Popup Styles */ .white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 90vw; margin: 20px auto; } .white-popup-tc { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 600px; margin: 20px auto; transition: all .5s linear; font-size: .9rem; } .size-chart-white-popup { position: relative; background: #FFF; padding: 0.5rem; width: auto; max-width: 800px; margin: 0 auto; text-align: center; } /* magnific popup css end */ /* Backinstock */ #ISR_popup_container .modalCloseImg { border-radius: 5px 5px 5px 5px; color: #000 !important; } #ISR_button { font-size: 12px !important; } #ISR_button:hover { text-decoration: underline; } /* Backinstock end */ .promo-grid--space-top { padding-top: 30px !important; } /* h1banner end */ /* unit limit */ div.order-logic-sweet-alert { z-index: 10000000011 !important;} .klarnadrawer { display: flex; align-items: center; font-size:small; margin-top: 8px; justify-content: center; } /* Cart Drawer*/ a.ajaxcart__product-name { font-size: 12px !important; width: 85%; } span.ajaxcart__product-meta { font-size: 12px !important; } /* Footer Family of Brands */ .ecom-logos-wrap { text-align: center !important; overflow: hidden; position: relative; display: block; vertical-align: top; background-color: #f4f4f4; padding: 1% 0; } .ecom-logos-bar { max-width: 1800px; margin: 0 auto; padding: 0 14%; } .ecom-logos-bar h3 { color: #333; padding-top: 10px; font-weight: bold; letter-spacing: 1px; font-size: 1em; margin-bottom: 10px; } .ecom-logo { position: relative; float:left; width: 20%; padding: 1% 5%; } .ecom-logo a{ border-bottom: none !important; } /* mobile */ @media screen and (max-width: 39.9375em) { .ecom-logo { padding: 1% 2%; } .ecom-logos-bar { padding: 0 4%; } } /* Product Upsell */ .bold-product__price--deleted{display:none;} .bold-product__button, .bold-product__button:link, .bold-product__button:visited{ background-color:#0d2340; color:#FFF !important; text-transform:Uppercase; border:none; } .bold-product__button:hover{ background-color:#13315a !important; } .bold-product__variant-selector{display:none !important;} /** * swatch custom disable */ .custom-swatch-disable { /* pointer-events: none; */ position: relative; /* cursor: none !important; */ opacity: 0.5; &:after { position: absolute; content: ''; width: 25%; transform: rotate(45deg); height: 100%; top: -15%; left: 30%; border-right: 1px solid black; opacity: 0.5; } } /** * Tooltip Styles */ /* Add this attribute to the element that needs a tooltip */ [data-tooltip] { position: relative; z-index: 2; cursor: pointer; } /* Hide the tooltip content by default */ [data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); */ filter: alpha(opacity=0); opacity: 0; pointer-events: none; } /* Position tooltip above the element */ [data-tooltip]:before { position: absolute; bottom: 100%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 160px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; } /* Triangle hack to make tooltip look like a speech bubble */ [data-tooltip]:after { position: absolute; bottom: 100%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } /* Show tooltip content on hover */ [data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); */ filter: alpha(opacity=100); opacity: 1; } /* hiding pdp style number and sku */ .pdpstyle {display:none;} /* Nosto review counts */ .text-s { font-size: small; } /* Yotpo Stars on PDP */ .yotpo-stars { text-align:left; } /* Hide Yotpo logo */ span.yotpo-logo-title.yotpo-powered { display: none; } .yotpo-icon-btn-big.transparent-color-btn.yotpo-logo-btn.yotpo-icon.yotpo-icon-yotpo-logo.yotpo-logo-icon-new.yotpo-icon.yotpo-icon-yotpo-logo { display: none !important; } .yotpo-label-container { border-top: none !important; } /* Spacing between stars and review in collection pages */ .yotpo-bottomline.pull-left.star-clickable .text-m { margin-left: 4px; } /* Align the fitbar to the left */ @media only screen and (max-width: 70.875em) { #fitGuideSection { padding-right: 16% !important; } } @media only screen and (min-width: 70.875em) and (max-width: 98.5625em) { #fitGuideSection { padding-right: 46% !important; } } @media only screen and (min-width: 98.5625em) { #fitGuideSection { padding-right: 62% !important; } } /* Hide Review Titles */ .content-title.yotpo-font-bold { display: none !important; } /* Custom stars for the Collection pages */ .pei-star { font-family: FontAwesome; font-size: 0.9em; width: 12px; display: inline-block; color: lightgray; /* margin-top: -8px; */ vertical-align: -2px; cursor: pointer; } .pei-star:last-child { margin-right: 0; } .pei-star:before { content:'\f005'; } .pei-star.on { color: black; } .pei-star.half:after { content:'\f089'; color: black; /* position: absolute; margin-top: 0px; */ margin-left: -16px; /* width: 9px; */ overflow: hidden; } .pei-review { //font-family: Open Sans; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal !important; font-size: 13px; border: none; padding: 0; margin-left: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; text-decoration: none; cursor: pointer; } .grid__item--sidebar { padding-right: 20px !important; } /* Used to overwrite swatches with an image instead of a hexadecimal color number */ .swatch-image-multicolor { background-image:url('/cdn/shop/files/color-multi-colored.png'); } .swatch-image-gold { background-image:url('https://cdn.shopify.com/s/files/1/0097/5821/2174/files/color-gold.png'); } .swatch-image-silver { background-image:url('https://cdn.shopify.com/s/files/1/0097/5821/2174/files/color-silver.png'); } /* Kustomer hide */ /* .kustomer { display: none !important; } */ /* Yotpo hide */ span.yotpo-logo-title { display: none; } .yotpo-icon-btn-big.transparent-color-btn.yotpo-icon.yotpo-icon-yotpo-logo.yotpo-logo-icon-new.yotpo-icon.yotpo-icon-yotpo-logo { display: none; } a.klarnalink { text-decoration: underline ; } @media screen and (max-width: 39.9375em) { .pswp__img { -webkit-backface-visibility: hidden; -ms-transform: translateZ(0); /* IE 9 */ -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */ transform: translateZ(0); image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } } /* z-index to bypass listrak offer button */ .drawer--left.drawer--is-open { z-index: 100011 !important; } .pswp { z-index: 100011 !important; } /* Cart Drawer overrides */ .cartitemwidth { width:22% !important; padding-right: 10px;} .drawer .js-qty__num { padding-top: 1px !important; padding-bottom: 1px !important; } /* Listrak sticky mobile size*/ button#ltkPopupTriggerButton { font-size: 12px !important; } /* #bc-sf-filter-scroll-to-top span:before { content: "\25B2" !important; } */ /* Cart drawer view cart link */ .fullcartlink {font-size:16px;text-decoration: underline;text-align: right;justify-content: flex-end;padding-right:10px;} .h2carttitle { font-size: 2em;font-weight: 700; } /* Toolbar links smaller */ .toolbar {font-size: 13px !important} /***** Desktop Google CLS *****/ @media only screen and (min-width: 769px) and (orientation : landscape) { .hero {min-height: 440px !important } } /***** Mobile Google CLS *****/ @media only screen and (max-width: 768px) { .hero {min-height: 310px !important } h1.h1hp {display: none;} } .sticky-cart-button { z-index: 2147483631 !important; padding: 35px 30px !important; } /* Klevu search results adjustment */ /* @media only screen and (max-width: 769px) { .klevu-searching-area-l2 {top: 230px !important;} .klevu-pt-rs-hover {top: 230px !important;} } @media only screen and (min-width: 769px) and (max-width: 889px) { .klevu-searching-area-l2 {top: 198px !important;} .klevu-pt-rs-hover {top: 198px !important;} } @media only screen and (min-width: 889px) and (max-width: 1116px) { .klevu-searching-area-l2 {top: 170px !important;} .klevu-pt-rs-hover {top: 170px !important;} } @media only screen and (min-width: 1117px) { .klevu-searching-area-l2 {top: 151px !important;} .klevu-pt-rs-hover {top: 151px !important;} } */ /* Boost clear underline */ .boost-pfs-filter-clear { text-decoration: underline !important; } .boost-pfs-filter-clear:hover { text-decoration: none !important; } /* Mobile compact cart drawer */ @media screen and (max-width: 39.9375em) { .pswp__zoom-wrap { filter: none; -webkit-filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); -webkit-backface-visibility: hidden; -ms-transform: translateZ(0); /* IE 9 */ -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */ transform: translateZ(0); image-rendering: pixelated !important; } p.ajaxcart__price.cart__discount { font-size: x-small !important; } .ajaxcart__row>.grid { margin-top: 15px;} .klarnadrawer.globale-hide { display: none !important; } .h2carttitle { font-size: large !important; } .h2.drawer__title { font-size: small; } p.appear-animation.appear-delay-3 { margin-top: 50px; } .additionalpayments { display:none !important; } .mobile-nav__item--secondary a { padding-left: 25px; } .drawer__header { height: 40px; padding: 5px 0; } .drawer__inner { position: absolute; top: 43px !important; } p.ajaxcart__note { display: none; } } /* Kustomer widget offset */ iframe#kustomer-ui-sdk-iframe { z-index: 2147483630 !important; } @media screen and (max-width: 39.9375em) { iframe#kustomer-ui-sdk-iframe { z-index: 2147483630 !important; } } .uwy { z-index: 2147483620!important; } /* Load more button styling */ .boost-pfs-filter-bottom-pagination paginationn {display:none !important} /* Rearrange the order of the stars (descending order so highest review is on top) */ .boost-pfs-filter-option-item-list-rating { display: flex !important; flex-direction: column !important; } .boost-pfs-filter-option-item-list-rating li:first-child { order: 5; } .boost-pfs-filter-option-item-list-rating li:nth-child(2) { order: 4; } .boost-pfs-filter-option-item-list-rating li:nth-child(3) { order: 3; } .boost-pfs-filter-option-item-list-rating li:nth-child(4) { order: 2; } .boost-pfs-filter-option-item-list-rating { order: 1; } /* Hide Yotpo Star Filter for 1, 2, and 3 Stars */ .boost-pfs-filter-option-item-list-rating li:nth-of-type(1), .boost-pfs-filter-option-item-list-rating li:nth-of-type(2), .boost-pfs-filter-option-item-list-rating li:nth-of-type(3) { opacity: 0 !important; display: none !important; } /* Master refinement hide */ .boost-pfs-filter-option.boost-pfs-filter-option-list.boost-pfs-filter-option-master.boost-pfs-filter-has-scrollbar.boost-pfs-filter-option-column-1 { display: none; } /* Don't show the filter count in the collection temporarily until we have a fix for the master span.boost-pfs-filter-option-amount { display: none !important; } */ a.boost-pfs-filter-scroll-to-top:before { border-width: 3px !important; } /* Make the filter swatches squared */ .boost-pfs-filter-option-content .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.circle-grid li .boost-pfs-filter-option-swatch-image { -moz-border-radius: 0% !important; -webkit-border-radius: 0% !important; border-radius: 0% !important; } .boost-pfs-filter-option-content .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.circle-grid li .boost-pfs-filter-option-swatch-image:before { -moz-border-radius: 0% !important; -webkit-border-radius: 0% !important; border-radius: 0% !important; } /* @media screen and (max-width: 39.9375em) { .boost-pfs-filter-option-content-inner { display: none !important; } } */ /* FindMine Complete the Look Description Styling */ .FwcmS { font-size: 1.1em !important; } /* Nosto Overlay top */ @media screen and (max-width: 39.9375em) { div#NostoPopUpContent { z-index: 100011 !important; } } /* Extended Sizes styling (Regular or Big and Tall) Styling */ .size_group_button { box-shadow: 0 0 0 2px #ccc; padding: 10px 0px; text-align: center; text-decoration: none; display: inline-block; /* font-size: 13px; */ font-size: 13px; font-family: Montserrat,sans-serif; text-transform: uppercase; margin: 0px 5px 20px 5px; width: 175px; color: #000; line-height: 1.42; letter-spacing: .2em; font-weight: 700; } .size_group_button:hover { box-shadow: 0 0 0 1px #777; color: #000; } .size_group_button[selected] { box-shadow: 0 0 0 2px #0d2340; color: #fff; font-weight: 700; background: #0d2340; } .size_group_container { display: grid; grid-gap: 5px; grid-template-columns: repeat(2, 190px); align-content: space-between; justify-content: center; align-items: center; line-height: 1.42; letter-spacing: .2em; } .group-size { margin-top: 20px; } /* Style the title and price in collections page */ .more-colors { margin-left: 5px } @media screen and (min-width: 1152px) { .product-title-row { display: flex; margin-right: 0; margin-left: 10%; } .product-title-column-left { flex: 0 1 auto; justify-content: flex-start; margin-right: 10px; flex-wrap: wrap; font-size: 100% !important; text-align:left; } .product-title-column-right { flex: 0 1 auto; justify-content: flex-end; /* width: 160px; */ margin-left: 10px; text-align: left; margin-right: auto; font-size: 100% !important; } .collections-reviews { text-align: left; margin-left: 10%; display: none; } .grid-product__meta { font-size: .75rem !important; text-align: center; } .grid-product__colors { margin-left: 9%; } .collection_callout1:after { text-align: left !important; margin-left: 9.2%; } .collection_callout2:after { text-align: left !important; margin-left: 10%; margin-bottom: 10px; } } @media screen and (max-width: 72rem) { .grid-product__meta { font-size: .75rem !important; text-align: center; } .grid-product__colors { justify-content: center; } .collections-reviews { text-align: center !important; display: none; } } /* Final Sale */ .final_sale { margin-top: 20px; text-align: center; font-size: .7rem; font-weight: 600; font-style: normal; color: black; text-transform: uppercase; } .final_sale_cart { text-align: left; font-size: 1.0em; font-weight: bold; font-style: normal; color: red; margin-top: 20px; } /**** PRODUCT CONTENT ENHANCED STYLING ******/ .product-content-split { display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 0; margin: 0; } .product-content-split .item { width: 50%; } .product-content-split.fulltext .item { width: 100%; } .product-content-split .centertext { display: flex; justify-content: center; flex-direction: column; text-align: center; padding: 2% 8%; } .product-content-split .border-in { border: 1px #e0e0e0 solid; padding: 31% 10%; } .product-content-split h2 { font-weight: bold; } .product-content-split h3 { font-size: 1.2em; } .product-content-split p { font-size: 15px; } .motion-split h3 { // font-family: 'Trade Gothic Next', sans-serif; // font-weight: bold; text-decoration: underline; font-style: italic; font-size: 1.5em; } .product-content-split p { padding: 0 3rem; } @media only screen and (max-width: 1199px) { .product-content-split .border-in { padding: 22% 10%; } } @media only screen and (max-width: 768px) { .product-content-split { flex-flow: column-reverse; } .product-content-split.flip { flex-flow: column; } .product-content-split .item { width: 100%; } .product-content-split h2 { font-size: 1.5rem; } .product-content-split p { padding: 0 1rem; font-size: .75rem; } .product-content-split .item.centertext { padding: 1rem 1rem 0; } } /**** HOLIDAY RETURNS STYLING ******/ .return-wrap{ background-color: #e9d7ba; max-width:1920px; padding:2% 10%; text-align:center; } .return-wrap h4{ margin-bottom: 4px; } /**** SIZE CHART POPUP HEADER COLOR UPDATED ******/ #sizechart, th{ background-color: #0d2340; } th, .table__title { font-weight: 700; color: white; text-align: center; font-size: 0.8rem; } h3, .h3 { /* font-size: 1.64706em; */ text-align: center; font-size: 1.75em; font-weight: bold; } h4, .h4 { text-transform: uppercase; letter-spacing: .2em; font-size: 1rem; text-align: center; } td, th { text-align: center; } /* PDP free shipping */ .pdp-fs { text-align: left; font-size: 1.0rem; font-weight: bold; font-style: normal; color: #0652fd; padding: 8px 0 8px 0; /*border: 1px solid #ccc;*/ width: 80%; margin: 0; margin-top: 10px; /*background: #e2eafd;*/ border-radius: 50px; } .pdp-fs p{ margin: 0; } .hc-same-day-pdp { text-align: left!important; } /************* Abu Style *************************/ /** Size Chart scroll view - Landingpage **/ .table-responsive {display: block;width: 100%;overflow-x: auto;-ms-overflow-style: -ms-autohiding-scrollbar;} .csstabs label {flex-grow: 1; padding: 1rem 0.5rem;} .flex-container-sizechart {display: flex; align-items: center; justify-content: center; max-width: 1200px; margin: 1rem auto; padding: 0; border: 0px solid #eee;} @media screen and (max-width: 40em) { /** Size Chart mobile scroll view **/ .table-responsive .size-table {overflow: scroll;} div.table-responsive table.unstriped.hover.size-table{width: 100%; min-width: 380px;} .table-responsive table{border-collapse: collapse; table-layout: fixed; width: 100%; } } /* FOOTER LOGO MAX ZIZE BIGGER THAN 100% */ /* img, iframe { max-width: 138%; } */ /** Sampling Program Landing Page **/ #sampling-program { width:100%; } .sampling-program-left { float:left; width:50%; } .sampling-program-right { float:left; width:50%; padding:0 2% 0 2%; } p.sampling-program-listtitle { margin-bottom:5px; } #sampling-program .btn { background:#000; } /* Small only */ @media screen and (max-width: 39.9375em) { .sampling-program-left { width:100% !important; } .sampling-program-right { width:100% !important; padding:4% 2% 4% 2%; } } /* Syte */ .syte-discovery.syte-integration-injected { position: initial !important; display: initial !important; } /* SHIP FROM STORE styling */ .hc-home-store-dropdown-button.hc-pointer { color: black !important; font-weight: bold; } .hc-home-store-pdp-button.hc-pointer.hc-text-uppercase.hc-font-s, p.hc-store-change-button-6661834375254.hc-text.hc-pointer.hc-text-uppercase.hc-font-s, .hc-store-change-button-6795560812630, .hc-text-uppercase { color: black !important; font-weight: bold; } /* .hc-bopis-store-information p { color: #17120f!important; } .hc-text-uppercase { color: #17120f!important; } */ button.ge-btn-open { align-items: center !important; } .site-nav__icons:has(#ge-switcher) { align-items: center; } .geFlag { margin-top:8px; border: 1px solid #516980 !important; } button.ge-btn-open { width: 41px !important; } .site-nav__link.site-nav__link--icon.js-search-header { display: none !important; } /* Allow the swtaches to be split up into multiple lines */ @media screen and (min-width: 768px) { .product-single__meta { padding-left: 18% !important; text-align: left !important; } } @media screen and (max-width: 768px) { .product-single__meta { padding-left: 0% !important; text-align: left !important; } } .template-product .product__price.on-sale:after { all: unset !important; } .add-to-cart-adjustment { text-align: left; } /* Make the add to cart button the siz size of the mobile screen */ .add-to-cart{ width:80%; max-width:80%; } @media screen and (max-width: 39.9375em) {  .add-to-cart, .btn--full{ width:100%; max-width:100%; } } /* HC - Hide same day options */ section#hc_same_day_shipping { display: none !important; } .hc-same-day-pdp { display: none !important; } /* HC - Compare at price adjustments - 01 Nov '23 */ .hc-compare { font-size: 15px; text-decoration: line-through; color: #6a6c77; } .hc-compare.hc-compare-\$0\.00 { display: none; } .boost-pfs-filter-tree-v .boost-pfs-filter-option-title-heading { font-size: 12px; } .boost-pfs-filter-options-wrapper .boost-pfs-filter-button{ font-size:12px; } /* .ss-wrapper a:hover > h3{ color:#ddd!important; } */ #customer_login_link { text-decoration: underline !important; } #customer_register_link { text-decoration: underline !important; } #orderstatus_desktop_link { text-decoration: underline !important; } #RecoverPassword { text-decoration: underline !important; } .pdp-swatch-callout { font-weight: unset !important; font-weight:bold!important; } .gold-text { font-weight: unset !important; } #seo-bottom a { text-decoration: underline !important; } /* #optdown:before{ width:100px; } */ .boost-pfs-filter-scroll-to-top { opacity: 1; border-radius:8px; filter: alpha(opacity=100); right: 37px!important; bottom: 100px!important; } @media (max-width: 767px){ .boost-pfs-filter-scroll-to-top { opacity: 1!important; border-radius:8px; right: 37px!important; bottom: 100px!important; } .boost-pfs-filter-scroll-to-top:hover{ opacity: 0.7!important; } } #productpage-nosto-4 .rec-products { padding: 0 1rem 0 1rem; } button.ge-btn-open{ display:block!important; width:36px!important; height:18.5px; padding:0; } /* ============================================= */ /* THESE STYLES CONTROL THE NOTICES BEING SHOWN */ /* ============================================= */ /* simply turn on the ad with display:block or off with display:none. */ /* LAST DAY - NOTICE */ /* -------------------------------------------- */ .ending-sale-notice_last-day{ display:none!important; /* CHANGE HERE TO DISPLAY */ position:absolute; top:0; left:0; width:100%; height:auto; } .ending-sale-notice-mobile_last-day{ display:none!important; } @media screen and (max-width: 736px) { .ending-sale-notice_last-day{ display:none!important; } .ending-sale-notice-mobile_last-day{ display:none!important; /* CHANGE HERE TO DISPLAY */ position:absolute; top:0; left:0; width:100%; height:auto; } } /* ENDS TODAY - NOTICE */ /* -------------------------------------------- */ .ending-sale-notice_ends-today{ display:none!important; /* CHANGE HERE TO DISPLAY */ position:absolute; top:0; left:0; width:100%; height:auto; } .ending-sale-notice-mobile_ends-today{ display:none!important; } @media screen and (max-width: 736px) { .ending-sale-notice-mobile_ends-today{ display:none!important; /* CHANGE HERE TO DISPLAY */ position:absolute; top:0; left:0; width:100%; height:auto; } .ending-sale-notice_ends-today{ display:none!important; } } /* pride nav link color */ ul.site-nav li.site-nav__item a[href*="/pages/pride-collection"] { background-image: linear-gradient(to right, #ec2028, #fbaf42, #1076bc, #90298e)!important; -webkit-background-clip: text!important; color: transparent!important; } /* 4th of july epic event link */ ul.site-nav li.site-nav__item a[href*="/collections/4th-of-july-epic-sale"] { background-image: linear-gradient(to right, #ff3131, #ff3131)!important; -webkit-background-clip: text!important; color: transparent!important; } .grecaptcha-badge { display: none !important; } /* TrueVault hide logo */ ._powered_by-powered_by-pITfo { display: none !important; } /* TrueVault desktop overrides */ @media screen and (min-width: 768px) { ._banner-banner-uWTk6 { width: 25% !important; margin-left: 20px !important; margin-bottom: 20px !important; } #polaris-consent-widgets p, #polaris-consent-widgets button, #polaris-consent-widgets a { font-size: .8em !important; } } /*YOTPO v3 CSS*/ .product-section-master .page-content.page-content--product .page-width .grid .grid__item.medium-up--three-fifths .product-single__meta{ padding-left: 0; } @media screen and (min-width: 768px){ .product-section-master .page-content.page-content--product .page-width .grid .grid__item.medium-up--three-fifths .product-single__meta{ padding-left: 0 !important; } } /* Hide Recaptcha */ div#shop-hcaptcha-badge-container{ display:none; } /* Add images to the mobile mneu */ .mobile_menu_image { align-self:center; max-width:45px; max-height:45px; border-radius:100%; } /* SMS Page */ .klaviyo-form-V4DRmv{ display:block; } @media screen and (max-width: 680px) { .klaviyo-form-V4DRmv{ display:none; } .klaviyo-form-VQF9C6{ display:block; } } /* Gift Guide Page */ @media only screen and (max-width : 600px) { .gift-guide-hero-columns{ display:block; } .col-50{ width:100%; paadding:2rem; } } /* Wair icon fix */ @media only screen and (max-width : 768px) { .wair-cont .wr-border-none::after { display: inline-block!important; float: none!important; margin-left:0.25em; } } .Clearance .product__price .on-sale > .clearance-cta{ color:#000!important; } .add-to-cart{ border-radius:6px; font-size:1.1rem; } /* Remove the border from item thumbnails previewer on PDP pages. */ .product__thumb-item{ border:none; }