/*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/02/01 Overwrite swatch color with specific image using a class - JP 2021/09/07 Added Findmine styling so that the letters are bigger. -JP 2022/02/07 Center the search bar. -JP 2022/04/06 Style the buttons that allows the selections of extended sizes. -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 ----------------------------------------------------------------------------------------------------------------------*/ /** Lowest Price of the Season - Badge .ProductGroupPVBS3002DS .grid-product__image-mask:after { color: #fff; background: #cf1f2e; display: block; z-index: 1; content: "Lowest Price of the Season"; width: auto; font-size: x-small; font-weight:normal; text-align: center; line-height: 1; position: absolute; padding: 5px 8px; margin: 4%; text-transform: uppercase; letter-spacing: 1px; top: 75%; } .ProductGroupPVBS3002DS .product__main-photos::after { color: #fff; background: #cf1f2e; display: block; z-index: 1; content: "Lowest Price of the Season"; font-size: small; font-weight:normal; text-align: center; line-height: 1; position: absolute; padding: 5px 10px; text-transform: uppercase; top: 75%; } **/ /** Spacing for the pro-golf and different brands banner on hamepage bottom **/ .custom__item{margin-bottom: 0px !important;} /** Gloabal Font style ***/ h1, .h1, h2, .h2, h3, .h3 { font-family: 'Roboto', sans-serif !important; font-weight: 700; letter-spacing: 0em; line-height: 1; } /*** Site Navigation Menu Columns ***/ @media only screen and (min-width: 769px) { .site-navigation .medium-up--one-fifth { width: 15%; } } /** Move to Top Button **/ a.boost-pfs-filter-scroll-to-top{ background-color: #1a3768 !important; top: 72%!important; right: 15px!important; } /** Chat Float Button **/ div.chatIcon__chatIcon___7jaa5 { background-image: url("/cdn/shop/files/GAS_20230210_chatBtn.png?v=1676051702") !important; } /** Load previous Page button **/ a#lnkCollectionStartOver .boost-pfs-filter-btn-load-previous-page-wrapper a.js-boost-pfs-filter-btn-load-previous-page { background-color: #1a3768 !important; } /** Listrack popup sale float button **/ button#ltkPopupTriggerButton { background-color: black !important; } /** Store Locator Style **/ a[href="/pages/store-locator"]{ color:#000 !important; border: 0px !important; padding: 8px 2px !important; /* display: none !important; */ } .store-locator svg{ vertical-align: middle; } a[href="/pages/store-locator"]:hover{ color:#000 !important; background-color: transparent !important; } .size-table th { font-size: .8rem; background: #163a6a; color: #fff; text-align: center; } /** homepage shop our other brands banner **/ .ecom-logos-wrap{ margin-top: 5px !important; } /** homepage nosto updates **/ div#frontpage-nosto-2 { margin-top: 55px !important; } .footer__collapsible ul li a { color: #fff !important; font-size: 1rem; font-weight: 600; padding: 4px 0px !important; } .footer__collapsible ul li a:hover { color: #fff !important; background-color: transparent; } .footer__collapsible .btn {border: solid 1px #fff;} /** Size Chart Style **/ .size-chart h3 a{ background: #1a3768 !important; } /** Fix Top Ribbon Link **/ .site-header__search-container {height:1%; display:none;} /** Hide Userway Play button on announcement bar **/ #AnnouncementSlider .uw-pp {display:none !important} /* Remove bullets from cart drawer payment options */ #dynamic-checkout-cart ul{ margin-left: 0; } #dynamic-checkout-cart ul li{ list-style: none; } /* PDP free shipping */ .pdp-fs { text-align: center; font-size: 1.0rem; font-weight: bold; font-style: normal; color: #0652fd; padding: 8px 0 8px 0; /*border: 1px solid #ccc;*/ width: 85%; /* margin: 0 auto; */ margin-top: 15px; background: #e2eafd; border-radius: 50px; } /* Mobile */ @media screen and (max-width: 39.9375em) { .pdp-fs { font-size: .9rem; width:100%; } } .pdp-fs p{ margin: 0; } /** Loyalty Opt-Out Landing Page **/ #loyalty-opt-out { width:100%; } #loyalty-opt-out > div.loyalty-opt-out-right > p { font-size:26px; line-height: 1.2; } .loyalty-opt-out-left { float:left; width:50%; } .loyalty-opt-out-right { float:left; width:50%; padding:0 2% 0 2%; } p.loyalty-opt-out-listtitle { margin-bottom:5px; } #loyalty-opt-out .btn { background:#000; } /* Small only */ @media screen and (max-width: 39.9375em) { .loyalty-opt-out-left { width:100% !important; } .loyalty-opt-out-right { width:100% !important; padding:4% 2% 4% 2%; } } /*** Over PDP Best Seller Msn ***/ .grid__item.grid-product.BestSeller .grid-product__image-mask:before { color: #111; background: RGBA(255,255,255,.74); display: block; z-index: 1; content: "Best Seller"; font-size: 12px; font-weight: 500; text-align: center; line-height: 1; position: absolute; bottom: 36px; left: 0; padding: 3% 0; margin: 0; text-transform: uppercase; letter-spacing: 1px; width: 100%; top: auto; height: auto; } .pdp-swatch-callout { text-align: left; font-size: .85rem; line-height: .65rem; font-weight: bold; color: red; display: inline; margin-top: 5px; margin-left: 10px; /* padding: 5px 5px 5px 0; */ /* margin: 5px 5px 5px 0; */ } .pdp-swatch-callout-1 { text-align: left; font-size: .85rem; line-height: .65rem; font-weight: bold; color: #1a3768; display: inline; margin-top: 5px; margin-left: 10px; /* padding: 5px 5px 5px 0; */ /* margin: 5px 5px 5px 0; */ } .pdp-swatch-callout-2 { text-align: left; font-size: .85rem; line-height: .65rem; font-weight: bold; color: gray; display: inline; margin-top: 5px; margin-left: 10px; /* padding: 5px 5px 5px 0; */ /* margin: 5px 5px 5px 0; */ } .pdp-swatch-callout-3 { text-align: left; font-size: .85rem; line-height: .65rem; font-weight: bold; color: red; display: inline; margin-top: 5px; margin-left: 10px; /* padding: 5px 5px 5px 0; */ /* margin: 5px 5px 5px 0; */ } .pdp-swatch-callout-4 { text-align: left; font-size: .85rem; line-height: .65rem; font-weight: bold; color: black; display: inline; margin-top: 5px; margin-left: 10px; /* padding: 5px 5px 5px 0; */ /* margin: 5px 5px 5px 0; */ } .pdp-swatch-callout-5 { text-align: left; font-size: .85rem; line-height: .65rem; font-weight: bold; color: #9b0c0c; display: inline; margin-top: 5px; margin-left: 10px; /* padding: 5px 5px 5px 0; */ /* margin: 5px 5px 5px 0; */ } .pdp-swatch-callout-6 { text-align: left; font-size: .85rem; line-height: .65rem; font-weight: bold; color: gray; display: inline; margin-top: 5px; margin-left: 10px; /* padding: 5px 5px 5px 0; */ /* margin: 5px 5px 5px 0; */ } /* .pdp-swatch-callout span { display: block; font-weight: 100; font-size: .9em; } */ /** Sale Tag: Promotion_FathersDay .boost-pfs-filter-products .PromotionFathersDay .collection_callout1:after { content: "2 FOR $70 POLOS & SHORTS"; text-align: center; font-size: 1em; font-weight: bold; color: #1a3768; display: block; } .boost-pfs-filter-products .PromotionFathersDay .collection_callout2:after { content: "Applied at Cart"; text-align: center; font-size: small; font-weight: normal; color: #1a3768; display: block; } **/ /** PDP CALLOUT Promotion_FathersDay .PromotionFathersDay .product_price_section:after { content: "2 FOR $70 POLOS & SHORTS - Applied at Cart"; color: #1a3768; background: #fff; font-size: 1.1rem; line-height: 1.2; padding: .5rem 0rem; text-align: left; font-weight: 700; width: 100%; margin: 0; display: block; } **/ /** Sale Tag: Promotion_VictoryDeals .boost-pfs-filter-products .PromotionVictoryDeals .collection_callout1:after { content: "Victory Deals"; text-align: center; font-size: 1em; font-weight: bold; color: #1a3768; display: block; } .boost-pfs-filter-products .PromotionVictoryDeals .collection_callout2:after { content: "Prices as Marked"; text-align: center; font-size: small; font-weight: normal; color: #1a3768; display: block; } **/ /** PDP CALLOUT Promotion_VictoryDeals .PromotionVictoryDeals .product_price_section:after { content: "Victory Deals - Prices as Marked"; color: #1a3768; border: 2px solid #1a3768; background: #fff; font-size: 1.1rem; line-height: 1.2; padding: .5rem; text-align: center; font-weight: 700; width: 85%; display: block; } **/ /** Sale Tag: FHD .boost-pfs-filter-products .FHD .collection_callout1:after { content: "The Final Holiday Drive"; text-align: center; font-size: 1em; font-weight: bold; color: #1a3768; display: block; } .boost-pfs-filter-products .FHD .collection_callout2:after { content: "Prices as Marked"; text-align: center; font-size: small; font-weight: normal; color: #1a3768; display: block; } **/ /** PDP CALLOUT FHD .FHD .product_price_section:after { content: "The Final Holiday Drive - Prices as Marked"; color: #1a3768; border: 2px solid #1a3768; background: #fff; font-size: 1.1rem; line-height: 1.2; padding: .5rem; text-align: center; font-weight: 700; width: 85%; margin: 0; display: block; } **/ /* Sale Tag: buytwogetone .boost-pfs-filter-products .buytwogetone .collection_callout1:after { content: "Buy 2 Get 1 Free Bottoms"; text-align: center; font-size: 1em; font-weight: bold; color: #1a3768; display: block; } .boost-pfs-filter-products .buytwogetone .collection_callout2:after { content: "Auto applied at cart"; text-align: center; font-size: small; font-weight: normal; color: #1a3768; display: block; } */ /* PDP CALLOUT buytwogetone .buytwogetone .product_price_section:after { content: "Buy 2 Get 1 Free Bottoms - Auto applied at cart"; color: #1a3768; background: white; font-size: 1.1rem; line-height: 1.2; padding: .35rem 0px; text-align: left; font-weight: 700; width: 100%; display: block; } */ /* Sale Tag: sale .boost-pfs-filter-products .sale .collection_callout1:after { content: "Extra 30% off"; text-align: center; font-size: 1em; font-weight: bold; color: red; display: block; } .boost-pfs-filter-products .sale .collection_callout2:after { content: "With code: GAS30"; text-align: center; font-size: small; font-weight: normal; color: red; display: block; } */ /* PDP CALLOUT sale .sale .product_price_section:after { content: "LIMITED TIME SPECIALS - Prices as Marked"; color: red; background: white; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: center; font-weight: 700; width: 85%; margin: .5% auto; display: block; } */ /* Sale Tag: Promotion_FriendsFamily .boost-pfs-filter-products .PromotionFriendsFamily .collection_callout1:after { content: "Friends & Family Event"; text-align: center; font-size: 1em; font-weight: bold; color: #526c6f; display: block; } .boost-pfs-filter-products .PromotionFriendsFamily .collection_callout2:after { content: "Prices As Marked"; text-align: center; font-size: small; font-weight: normal; color: #526c6f; display: block; } */ /* PDP CALLOUT Promotion_FriendsFamily .PromotionFriendsFamily .product_price_section:after { content: "Friends & Family Event - Prices as Marked"; color: #526c6f; background: white; font-size: 1.1rem; line-height: 1.2; text-align: left; font-weight: 700; width: 100%; display: block; } */ /** Sale Tag: EndofSeason .boost-pfs-filter-products .EndofSeason .collection_callout1:after { content: "End of Season Sale"; text-align: center; font-size: 1em; font-weight: bold; color: red; display: block; } .boost-pfs-filter-products .EndofSeason .collection_callout2:after { content: "Prices as Marked"; text-align: center; font-size: small; font-weight: normal; color: red; display: block; } **/ /** PDP CALLOUT EndofSeason .EndofSeason .product_price_section:after { content: "End of Season Sale - Prices as Marked"; 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; } **/ /* Sale Tag: threefor .boost-pfs-filter-products .threefor .collection_callout1:after { content: "3 for $35 Accessories"; text-align: center; font-size: 1em; font-weight: bold; color: blue; display: block; } .boost-pfs-filter-products .threefor .collection_callout2:after { content: "Auto Applied at Cart"; text-align: center; font-size: small; font-weight: normal; color: blue; display: block; } */ /* PDP CALLOUT threefor .threefor .product_price_section:after { content: "3 for $35 Accessories - Auto Applied at Cart"; color: blue; background: white; font-size: 1.1rem; line-height: 1.2; padding: 0rem; text-align: left; font-weight: 700; display: block; } */ /* Sale Tag: Promotion_2for24 .boost-pfs-filter-products .Promotion2for24 .collection_callout1:after { content: "2 for $24 Hats"; text-align: center; font-size: 1em; font-weight: bold; color: blue; display: block; } .boost-pfs-filter-products .Promotion2for24 .collection_callout2:after { content: "Auto Applied at Cart"; text-align: center; font-size: small; font-weight: normal; color: blue; display: block; } */ /* PDP CALLOUT Promotion_2for24 .Promotion2for24 .product_price_section:after { content: "2 for $24 Hats - Auto Applied at Cart"; color: blue; background: white; font-size: 1.1rem; line-height: 1.2; padding: 0rem; text-align: left; font-weight: 700; display: block; } */ /*** OPG Tennis PDP - Available End of August .PromotionOPGTennis .product_price_section:before { display: block; content: "AVAILABLE END OF AUGUST"; color: #fff; background: #0652fd; font-size: 1rem; line-height: 1.2; padding: .35rem; text-align: center; font-weight: 600; width: 50%; margin: .5% auto; } ***/ /**** OPG Tennis Category - Available End of August .boost-pfs-filter-products .PromotionOPGTennis .collection_callout1:after { content: "AVAILABLE END OF AUGUST"; text-align: center; font-size: 1em; font-weight: bold; color: #0652fd; display: block; } *****/ /** Sale Tag: FlashSale .boost-pfs-filter-products .FlashSale .collection_callout1:after { content: "4 For $25 Accessories"; text-align: center; font-size: 1em; font-weight: bold; color: green; display: block; } .boost-pfs-filter-products .FlashSale .collection_callout2:after { content: "Applied at Cart"; text-align: center; font-size: small; font-weight: normal; color: green; display: block; } **/ /** PDP CALLOUT FlashSale .FlashSale .product_price_section:after { content: "4 For $25 Accessories - Applied at Cart"; color: green; border: 2px solid green; background: #fff; font-size: 1.1rem; line-height: 1.2; padding: .5rem; text-align: center; font-weight: 700; width: 85%; display: block; } **/ /* Sale Tag: Promotion_Accessoriesdeal .boost-pfs-filter-products .PromotionAccessoriesdeal .collection_callout1:after { content: "2 for $20 Accessories"; text-align: center; font-size: 1em; font-weight: bold; color: lightgreen; display: block; } .boost-pfs-filter-products .PromotionAccessoriesdeal .collection_callout2:after { content: "Auto Applied at Cart"; text-align: center; font-size: small; font-weight: normal; color: lightgreen; display: block; } */ /* PDP CALLOUT Promotion_Accessoriesdeal .PromotionPoloDeal .product_price_section:after { content: "2 for $20 Accessories - Auto Applied at Cart"; color: lightgreen; background: white; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: left; font-weight: 700; width: 85%; display: block; } */ /* Sale Tag: Promotion_PoloDeal .boost-pfs-filter-products .PromotionPoloDeal .collection_callout1:after { content: "2 for $50 Polos"; text-align: center; font-size: 1em; font-weight: bold; color: #6bc4e8; display: block; } .boost-pfs-filter-products .PromotionPoloDeal .collection_callout2:after { content: "Auto Applied at Cart"; text-align: center; font-size: small; font-weight: normal; color: #6bc4e8; display: block; } */ /* PDP CALLOUT Promotion_PoloDeal .PromotionPoloDeal .product_price_section:after { content: "2 for $50 Polos - Auto Applied at Cart"; color: #6bc4e8; background: white; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: left; border: 0px; font-weight: 700; width: 85%; display: block; } */ /* Sale Tag: Promotion_ShortSkortDeal .boost-pfs-filter-products .PromotionShortSkortDeal .collection_callout1:after { content: "2 for $50 Shorts & Skorts"; text-align: center; font-size: 1em; font-weight: bold; color: #1a3768; display: block; } .boost-pfs-filter-products .PromotionShortSkortDeal .collection_callout2:after { content: "Auto Applied at Cart"; text-align: center; font-size: small; font-weight: normal; color: #1a3768; display: block; } */ /* PDP CALLOUT Promotion_ShortSkortDeal .PromotionShortSkortDeal .product_price_section:after { content: "2 for $50 Shorts & Skorts - Auto Applied at Cart"; color: #1a3768; border: 0px; background: white; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: left; font-weight: 700; width: 85%; display: block; } */ /* Sale Tag: Promotion_PantDeal .boost-pfs-filter-products .PromotionPantDeal .collection_callout1:after { content: "2 for $60 Pants"; text-align: center; font-size: 1em; font-weight: bold; color: darkblue; display: block; } .boost-pfs-filter-products .PromotionPantDeal .collection_callout2:after { content: "Auto Applied at Cart"; text-align: center; font-size: small; font-weight: normal; color: darkblue; display: block; } */ /* PDP CALLOUT Promotion_PantDeal .PromotionPantDeal .product_price_section:after { content: "2 for $60 Pants - Auto Applied at Cart"; color: #fff; background: darkblue; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: center; font-weight: 700; width: 85%; display: block; } */ /* Sale Tag: Promotion_SkortDeal .boost-pfs-filter-products .PromotionSkortDeal .collection_callout1:after { content: "2 for $50 Skort"; text-align: center; font-size: 1em; font-weight: bold; color: deeppink; display: block; } .boost-pfs-filter-products .PromotionSkortDeal .collection_callout2:after { content: "Auto Applied at Cart"; text-align: center; font-size: small; font-weight: normal; color: deeppink; display: block; } */ /* PDP CALLOUT Promotion_SkortDeal .PromotionSkortDeal .product_price_section:after { content: "2 for $50 Skort - Auto Applied at Cart"; color: deeppink; background: #fff; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: left; border: 0px; font-weight: 700; width: 85%; display: block; } */ /* Sale Tag: Promotion_MDW .boost-pfs-filter-products .PromotionMDW .collection_callout1:after { content: "Memorial Day Sale"; text-align: center; font-size: 1em; font-weight: bold; color: #1a3768; display: block; } .boost-pfs-filter-products .PromotionMDW .collection_callout2:after { content: "Prices as Marked"; text-align: center; font-size: small; font-weight: normal; color: #1a3768; display: block; } */ /* PDP CALLOUT Promotion_MDW .PromotionMDW .product_price_section:after { content: "Memorial Day Sale - Prices as Marked"; color: #fff; background: #1a3768; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: center; font-weight: 700; width: 85%; display: block; } */ /*** 3-Prices for Promotion_MDW ****/ .Promotion .PromotionMDW .grid-product__price--markdown { display: inline !important; } /**** 3-Prices for Hide Promotion_Accessories ****/ .product_price_section .PromotionAccessories .product__price .product__price--compare { display: none !important; } .template-product .PromotionAccessories .product__price.on-sale:before { display: none !important; } /** Sale Tag: NGM .boost-pfs-filter-products .NGM .collection_callout1:after { content: "NATIONAL GOLF MONTH"; text-align: center; font-size: 1em; font-weight: bold; color: blue; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1), 2px 2px 0 rgba(25, 55, 105, 1); display: block; } .boost-pfs-filter-products .NGM .collection_callout2:after { content: "Prices As Marked"; text-align: center; font-size: small; font-weight: normal; color: blue; display: block; } **/ /** PDP CALLOUT NGM .NGM .product_price_section:after { content: "NATIONAL GOLF MONTH - Prices As Marked"; color: blue; border: 2px solid blue; background: #fff; font-size: 1.1rem; line-height: 1.2; padding: .5rem; text-align: center; font-weight: 700; width: 85%; margin: .5% auto; display: block; } **/ /** Sale Tag: Promotion_HatDeal .boost-pfs-filter-products .PromotionHatDeal .collection_callout1:after { content: "3 for $35 Accessories"; text-align: center; font-size: 1em; font-weight: bold; color: darkred; display: block; } .boost-pfs-filter-products .PromotionHatDeal .collection_callout2:after { content: "Auto Applied at Cart"; text-align: center; font-size: 1em; font-weight: bold; color: darkred; display: block; } **/ /** PDP CALLOUT Promotion_HatDeal .PromotionHatDeal .product_price_section:after { content: "3 for $35 Accessories - Auto Applied at Cart"; color: darkred; border: 2px solid darkred; background: #fff; font-size: 1.1rem; line-height: 1.2; padding: .5rem; text-align: center; font-weight: 700; width: 85%; margin: .5% auto; display: block; } **/ /* Sale Tag: Promotion_ShortDiscount .boost-pfs-filter-products .PromotionShortDiscount .collection_callout1:after { content: "Additional 15% OFF"; text-align: center; font-size: 1em; font-weight: bold; color: #111; display: block; } .boost-pfs-filter-products .PromotionShortDiscount .collection_callout2:after { content: "Use Code: GASHORTS"; text-align: center; font-size: small; font-weight: normal; color: #111; display: block; } */ /* PDP CALLOUT Promotion_ShortDiscount .PromotionShortDiscount .product_price_section:after { content: "Additional 15% OFF - Use Code: GASHORTS"; color: #fff; background: #111; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: center; font-weight: 700; width: 85%; margin: .5% auto; display: block; } */ /* Sale Tag: AccessoriesSale .boost-pfs-filter-products .AccessoriesSale .collection_callout1:after { content: "4 for $25"; text-align: center; font-size: 1em; font-weight: bold; color: #1a3768; display: block; } .boost-pfs-filter-products .AccessoriesSale .collection_callout2:after { content: "Auto Applied At Cart"; text-align: center; font-size: small; font-weight: normal; color: #1a3768; display: block; } */ /* PDP CALLOUT AccessoriesSale .AccessoriesSale .product_price_section:after { content: "4 for $25 - Auto Applied At Cart"; color: #fff; background: #1a3768; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: center; font-weight: 700; width: 85%; display: block; } */ /* Sale Tag: Promotion_LimitedTime */ .boost-pfs-filter-products .NGM .collection_callout1:after { content: "National Golf Month"; text-align: center; font-size: 1em; font-weight: bold; color: #1a3768; display: block; } .boost-pfs-filter-products .NGM .collection_callout2:after { content: "Prices as Marked"; text-align: center; font-size: small; font-weight: normal; color: #1a3768; display: block; } /* PDP CALLOUT Promotion_LimitedTime */ .NGM .product_price_section:after { content: "National Golf Month - Prices as Marked"; color: #fff; background: #1a3768; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: center; font-weight: 700; width: 85%; display: block; } /* Sale Tag: Promotion_TwoForSixty .boost-pfs-filter-products .PromotionTwoForSixty .collection_callout1:after { content: "2 for $60 Pants"; text-align: center; font-size: 1em; font-weight: bold; color: #06b800; display: block; } .boost-pfs-filter-products .PromotionTwoForSixty .collection_callout2:after { content: "Auto Applied at Cart"; text-align: center; font-size: small; font-weight: normal; color: #06b800; display: block; } */ /* PDP CALLOUT Promotion_TwoForSixty .PromotionTwoForSixty .product_price_section:after { content: "2 for $60 - Auto Applied at Cart"; color: #fff; background: #06b800; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: center; font-weight: 700; width: 85%; margin: .5% auto; display: block; } */ /* Sale Tag: Promotion_BlackFridaySale .boost-pfs-filter-products .PromotionBlackFridaySale .collection_callout1:after { content: "Extra 20% OFF"; text-align: center; font-size: 1em; font-weight: bold; color: #111; display: block; } .boost-pfs-filter-products .PromotionBlackFridaySale .collection_callout2:after { content: "Auto Applied At Cart"; text-align: center; font-size: small; font-weight: normal; color: #111; display: block; } */ /* PDP CALLOUT Promotion_BlackFridaySale .PromotionBlackFridaySale .product_price_section:after { content: "Extra 20% OFF - Auto Applied At Cart"; color: #fff; background: #111; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: center; font-weight: 700; width: 85%; margin: .5% auto; display: block; } */ /**** Sale Tag: PromotionTriplePoints .boost-pfs-filter-products .PromotionTriplePoints .collection_callout1:after { content: "Pro Shop Perks"; text-align: center; font-size: 1em; font-weight: bold; color: #cf1f2e; display: block; } .boost-pfs-filter-products .PromotionTriplePoints .collection_callout2:after { content: "3X Points"; text-align: center; font-size: small; font-weight: normal; color: #cf1f2e; display: block; margin-bottom: 10px; }*****/ /**** PDP CALLOUT PromotionTriplePoints .PromotionTriplePoints .product_price_section:after { content: "Pro Shop Perks - 3X Points"; color: #000; background: #eaeaea; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: center; font-weight: 700; width: 85%; margin: .5% auto; display: block; } *****/ /**** Badge -- Promotion_Doorbuster .grid__item.grid-product.PromotionDoorbuster .grid-product__image-mask:before { color: #111; background: RGBA(255,255,255,.74); display: block; z-index: 1; content: "Doorbuster"; font-size: 12px; font-weight: 500; text-align: center; line-height: 1; position: absolute; bottom: 36px; left: 0; padding: 3% 0; margin: 0; text-transform: uppercase; letter-spacing: 1px; width: 100%; top: auto; height: auto; } *****/ /**** Sale Tag: Promotion_LimitedTime .boost-pfs-filter-products .PromotionLimitedTime .collection_callout1:after { content: "Summer Tee Off Sale"; text-align: center; font-size: 1em; font-weight: bold; color: #1a3768; display: block; } .boost-pfs-filter-products .PromotionLimitedTime .collection_callout2:after { content: "Prices As Marked"; text-align: center; font-size: small; font-weight: normal; color: #1a3768; display: block; } *****/ /**** PDP CALLOUT Promotion_LimitedTime .PromotionLimitedTime .product_price_section:after { content: "Summer Tee Off Sale - Prices As Marked"; color: #1a3768; background: #fff; font-size: 1.1rem; line-height: 1.2; padding: 2px 0px 5px 0px; text-align: left; font-weight: 700; width: 85%; display: block; } *****/ /*** 3-Prices for Promotion_Clearance ****/ .Promotion .PromotionClearance .grid-product__price--markdown { display: inline !important; } /* Sale Tag: Promotion_Clearance .boost-pfs-filter-products .PromotionClearance .collection_callout1:after { content: "Extra 25% Off"; text-align: center; font-size: 1em; font-weight: bold; color: darkred; display: block; } .boost-pfs-filter-products .PromotionClearance .collection_callout2:after { content: "Prices as Marked"; text-align: center; font-size: small; font-weight: normal; color: darkred; display: block; } */ /* PDP CALLOUT Promotion_Clearance .PromotionClearance .product_price_section:after { content: "Extra 25% Off - Prices as Marked"; color: darkred; background: white; font-size: 1.1rem; line-height: 1.2; padding: 0rem; text-align: left; font-weight: 700; display: block; } */ /**** Sale Tag: Promotion_Doorbuster .boost-pfs-filter-products .PromotionDoorbuster .collection_callout1:after { content: "Limited Time Specials"; text-align: center; font-size: 1em; font-weight: bold; color: darkblue; display: block; } .boost-pfs-filter-products .PromotionDoorbuster .collection_callout2:after { content: "Prices As Marked"; text-align: center; font-size: small; font-weight: normal; color: darkblue; display: block; } *****/ /**** PDP CALLOUT Promotion_Doorbuster .PromotionDoorbuster .product_price_section:after { content: "Limited Time Specials - Prices As Marked"; color: #fff; background: darkblue; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: center; font-weight: 700; width: 85%; display: block; } *****/ /**** Sale Tag: laborday .boost-pfs-filter-products .laborday .collection_callout1:after { content: "EXTRA 30% OFF"; text-align: center; font-size: 1em; font-weight: bold; color: #076652; display: block; } .boost-pfs-filter-products .laborday .collection_callout2:after { content: "Prices As Marked"; text-align: center; font-size: small; font-weight: normal; color: #076652; display: block; } *****/ /**** PDP CALLOUT laborday .laborday .product_price_section:after { content: "Labor Day Sale - Prices as Marked"; color: #fff; background: #000; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: center; font-weight: 700; width: 85%; display: block; } *****/ /**** PDP Size Chart - Callout ****/ .PromotionAccessories .size-chart-btn {display:none;} /**** Sale Tag: PlayingAidsSale .boost-pfs-filter-products .PlayingAidsSale .collection_callout1:after { content: "Playing Aids $19.99"; text-align: center; font-size: 1em; font-weight: bold; color: #0139c7; display: block; } .boost-pfs-filter-products .PlayingAidsSale .collection_callout2:after { content: "Prices As Marked"; text-align: center; font-size: small; font-weight: normal; color: #0139c7; display: block; } *****/ /**** PDP CALLOUT PlayingAidsSale .PlayingAidsSale .product_price_section:after { content: "Playing Aids $19.99 - Prices As Marked"; color: #fff; background: #000; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: center; font-weight: 700; width: 85%; margin: .5% auto; display: block; } *****/ /**** Sale Tag: Promotion_EOS .boost-pfs-filter-products .PromotionEOS .collection_callout1:after { content: "End of Season Sale"; text-align: center; font-size: 1em; font-weight: bold; color: #194962; display: block; } .boost-pfs-filter-products .PromotionEOS .collection_callout2:after { content: "Prices As Marked"; text-align: center; font-size: small; font-weight: normal; color: #194962; display: block; margin-bottom: 10px; } *****/ /**** PDP CALLOUT Promotion_EOS .PromotionEOS .product_price_section:after { content: "End of Season Sale - Prices As Marked"; color: #fff; background: #000; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: center; font-weight: 700; width: 85%; margin: .5% auto; display: block; } *****/ /**** Sale Tag: PoloEvent .boost-pfs-filter-products .PoloEvent .collection_callout1:after { content: "The Polo Event"; text-align: center; font-size: 1em; font-weight: bold; color: #194962; display: block; } .boost-pfs-filter-products .PoloEvent .collection_callout2:after { content: "Prices As Marked"; text-align: center; font-size: small; font-weight: normal; color: #194962; display: block; margin-bottom: 10px; } *****/ /**** PDP CALLOUT PoloEvent .PoloEvent .product_price_section:after { content: "The Polo Event - Prices As Marked"; color: #fff; background: #000; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: center; font-weight: 700; width: 85%; margin: .5% auto; display: block; } *****/ /*** PDP FINAL PRICE --- This changed the red price to black ***/ .product-single__meta .product__price.on-sale { color: #1a3768 !important; font-weight: bold; } /**** 20% Off Youth Tag: Gender:Boys .boost-pfs-filter-products .GenderBoys .collection_callout1:after { content: "EXTRA 20% OFF"; text-align: center; font-size: 1em; font-weight: bold; color: #cf1f2e; display: block; } .boost-pfs-filter-products .GenderBoys .collection_callout2:after { content: "With Code YOUTH20"; text-align: center; font-size: small; font-weight: normal; color: #cf1f2e; display: block; }*****/ /*** PDP Callout 20% Off Youth Tag: Gender:Boys .GenderBoys .product_price_section:after { content: "EXTRA 20% OFF - With Code YOUTH20"; color: #FFF; background: #cf1f2e; font-size: 1.1rem; line-height: 1.2; padding: .35rem; text-align: center; font-weight: 700; width: 85%; margin: .5% auto; display: block; }***/ /*** 3-Prices for Promotion_Clearance .Promotion .PromotionClearance .grid-product__price--markdown { display: inline !important; } ****/ /* 3-Prices for Accessories 15% OFF .Shoesandacc3 .grid-product__price2 { display: inline !important; } */ /** 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%; } } /** SPECIAL BADGE .PromotionFathersDaySpecials .grid-product__image-mask::after { width: 190px; background: #1a3768; position: absolute; content: "SPECIAL"; font-size: small; text-align: center; line-height: 20px; letter-spacing: 1px; color: #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 26px; left: -55px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }**/ /* Mobile @media screen and (max-width: 39.9375em) { .PromotionFathersDaySpecials .grid-product__image-mask::after { top:29px; } }*/ /**.PromotionFathersDaySpecials .product__main-photos::after { width: 300px; background: #1a3768; position: absolute; content: "SPECIAL"; font-size: large; text-align: center; line-height: 30px; letter-spacing: 1px; color: #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 58px; left: -65px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }**/ /* Mobile @media screen and (max-width: 39.9375em) { .PromotionFathersDaySpecials .product__main-photos::after { top:66px; } }*/ /** MASKS COMING SOON* .comingsoon .grid-product__image-mask::after { width: 200px; background: #1a3768; position: absolute; content: "COMING SOON"; font-size: 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); } .comingsoon .product__main-photos::after { width: 200px; background: #1a3768; position: absolute; content: "COMING SOON"; font-size: 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); }*/ /* MASKS "EACH" */ .ProductGroupHEN95K05 .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"; } /* Pro-Shop Perks Sticky Banner *******************************************************/ .rewards-CTA{ background: #000 !important; } .rewards-CTA .white-button { border-radius: 0px !important; color:#fff !important; background-color:#1a3768 !important; padding: 4px 15px 0px 15px !important; margin-left: 15px !important; } /* Meta PDP Detail Section *******************/ .pdp-container{text-align: center !important; margin:0 auto !important; max-width: 1200px; width: 100%;} @media screen and (max-width: 39.9375em) { .pdp-container{text-align: center !important; margin:0 auto !important; min-width: 100%; width: 100%; padding: 0px 20px;} } /* DISCOUNT CALLOUTS ******************************************************************/ /* FREE SHIPPING CART PROGRESS */ .cart-discount-progress.shipping { display: block !important; } /** Hide Percentage Saved **/ .grid-product__percent--sale { display: none; } /* LOGO BAR */ .logo-bar { background-color:#444; } /* Buy More, Save More - Tag: NoTag .boost-pfs-filter-products .collection_callout1:after { content: "BUY MORE, SAVE MORE"; text-align: center; font-size: .85em; font-weight: bold; color: #cf1f2e; display: block; } .boost-pfs-filter-products .collection_callout2:after { content: "$10 off $75, $20 off $100"; text-align: center; font-size: small; font-weight: normal; color: #cf1f2e; display: block; }*/ /* PDP CALLOUT .template-product .product-single__title:after { content: "BUY MORE, SAVE MORE - $10 off $75, $20 off $100"; text-align: center; font-size: .85em; font-weight: bold; padding: .5rem 0; color: #cf1f2e; display: block; }*/ /* BLACK FRIDAY - Tag: None .boost-pfs-filter-products .collection_callout1:after { content: "10% OFF $75+ ORDERS"; text-align: center; font-size: 1em; font-weight: bold; color: #cf1f2e; display: block; } .boost-pfs-filter-products .collection_callout2:after { content: "With Code GIFT10"; text-align: center; font-size: small; font-weight: normal; color: #cf1f2e; display: block; } .template-product .product-single__title:after { content: "10% OFF $75+ ORDERS - With Code GIFT10"; text-align: center; font-size: 1em; font-weight: bold; padding: .5rem 0; color: #cf1f2e; display: block; }*/ /* Mix & Match- Tag: Promotion_MemorialDaySale .boost-pfs-filter-products PromotionMemorialDaySale .collection_callout1:after { content: "25% OFF"; text-align: center; font-size: .85em; font-weight: bold; color: #cf1f2e; display: block; } .boost-pfs-filter-products PromotionMemorialDaySale .collection_callout2:after { content: "Prices as Marked"; text-align: center; font-size: small; font-weight: normal; color: #cf1f2e; display: block; }*/ /* PDP CALLOUT .template-product .PromotionMemorialDaySale .product-single__title:after { content: "25% OFF - Prices as Marked"; text-align: center; font-size: .85em; font-weight: bold; padding: .5rem 0; color: #cf1f2e; display: block; }*/ /* SALE CATEGORY BANNER */ .sale-banner { padding: 1% 0% .25% 0; text-align: center; background-color: #0825a4; /*border: 10px solid #142142;*/ } .sale-banner h2 { font-family: 'Roboto', sans-serif; color: #fff; font-size: 3rem; font-weight: 900; line-height: 1; margin-bottom: .2rem; } .sale-banner h2 span { font-weight: 300; font-size: 1.9vw; } .sale-banner h3 { color: #fff; font-family: 'Roboto', sans-serif; font-size: 2rem; letter-spacing: 1px; font-weight: 900; line-height: 1; margin-bottom: .8rem; margin-top: 0 !important; } .sale-banner h4 { color: #fff; font-family: 'Roboto', sans-serif; font-size: 1.2rem; letter-spacing: 1px; font-weight: 300; line-height: 1; margin-bottom: .8rem; margin-top: 0 !important; } .sale-banner a { color:#fff; text-decoration:none; font-size:.7rem; font-family:'Roboto',sans-serif; background:#121212; } /* mobile */ @media screen and (max-width: 39.9375em) { .sale-banner h2 { font-size: 5vw; margin: 1% 0 1.5% 0; } .sale-banner h2 span { font-size: 5vw; } .sale-banner h3 { font-size: 3.5vw; } .sale-banner h4 { font-size: 4vw; } .sale-banner a { font-size:.6rem; margin-top:1em; } } /** 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: 800px; margin: 0 auto; } .family-logos-bar h3 { font-family: 'Roboto', sans-serif; color: #142142; margin: 1rem 0 0 0; font-size: 1.1rem; font-weight: 900; } .family-logo { position: relative; float:left; width: 20%; padding: 1% 3% 0 3%; } .family-logo a{ border-bottom: none !important; } /* mobile */ @media screen and (max-width: 39.9375em) { .family-logo { padding:1% 0 0 0; } } /** SUBCATEGORY buttons **/ .subcategory-links { margin: 1rem 0 1.5rem 0; text-align: center; } a.shopnowbtn { display: inline-block; background: #fff; color: #000; text-align: center; padding: .75rem; width: 9rem; margin: 0 4rem 0rem; font-weight: 300; font-size: .9rem; border-radius: 25px; border:1px solid #000; } a.shopnowbtn:hover { background: #eaeaea; } /* Small only */ @media screen and (max-width: 39.9375em) { a.shopnowbtn { margin: 0 .3rem 0 .3rem; width: 6rem; font-size: .7rem; } .subcategory-links { margin: 1rem 0 0 0; } } /** ABOUT US PAGE **/ .about-us-wrapper{ float:left; width:100%; max-width:1800px; margin:0 auto; } .about-us-content{ float:left; width:50%; height:32vw; } .about-us-content p{ font-size:2vw; padding:15% 10% 0% 10%;; } .featured-brands-wrap { float:left; margin-bottom: 0 !important; margin-top: 2.5rem; text-align: center !important; overflow: hidden; position: relative; display: block; vertical-align: top; text-align: center; } .featured-brand { position: relative; float:left; width: 33.33%; padding: 1rem; } /* Small only */ @media screen and (max-width: 39.9375em) { .about-us-content{ width: 100%; height:60vw; } .about-us-content p{ font-size:20px; padding:10% 10% 10% 10%; background-color: #eee; } .featured-brands-wrap { margin-bottom: 1rem !important; } .featured-brand { width: 100%; } } /** GIFT GUIDE CAT **/ .gift-guide-cat { width: 100%; display: inline-block; margin-bottom:1.5rem; background: #022b2d; } .gift-guide-cat a{ float:left; width: 33.33%; text-align:center; height:auto; color: #fff; font-size: 1.5rem; padding: 1rem 0 1rem 0; text-decoration: underline; } .gift-guide-cat a:hover{ background: #034e51; } /* Small only */ @media screen and (max-width: 39.9375em) { .gift-guide-cat a{ font-size: 1rem; } } /** CUSTOM SEO BANNER **/ .custom-seo-banner { width:100%; height: auto; float:left; } .custom-seo-banner .left-block { float:left; width:50%; height:21vw; } .custom-seo-banner .right-block { float:left; width:50%; height:21vw; padding: 4vw 5vw 4vw 5vw; color:#000; background:url(https://cdn.shopify.com/s/files/1/0090/9780/5929/files/960x420-seo-bg.jpg?v=1583953576) center center no-repeat; background-size:cover; } .custom-seo-banner h1{ position:relative; top:25%; font-size:5vw; text-transform:uppercase; } .custom-seo-banner p{ font-size:1vw; float: left; padding: 0 10% 0 10%; margin-top: 1%; text-align: center; } .custom-seo-banner-sale { width:100%; float:left; height:20vw; padding: 4vw; color:#000; } .custom-seo-banner-sale h1{ position:relative; top:30%; font-size:5vw; text-transform:uppercase; text-align: center; text-shadow: 2px 2px 30px #000; } /* Small only */ @media screen and (max-width: 39.9375em) { .custom-seo-banner .left-block, .custom-seo-banner .right-block { width:100%; height:300px; } .custom-seo-banner-sale { height:150px; } .custom-seo-banner .right-block { width:100%; padding:2rem; height:auto; } .custom-seo-banner h1, .custom-seo-banner-sale h1{ font-size:2.6rem; } .custom-seo-banner p{ font-size:.9rem; padding: 0 5% 0 5%; margin-top: 5%; } } /* WISHLIST BUTTONS */ a.btn.btn-info.sharebutton { background-color:#1a3768 !important; border-color:#1a3768 !important; } /* CUSTOM CSS FOR THEME ******************************************************************/ html { scroll-behavior: smooth; } /* BASE CONTENT BUTTONS */ .btn, .rte .btn { font-size: 1rem; } /* SITEWIDE LINKS - NO BORDER-BOTTOM */ .rte a, .rte-setting a, .rte a:not(.btn):after, .rte-setting a:not(.btn):after { border-bottom: none; } /* shopping cart icon */ .cart-link__bubble--visible { top: 0%; left: 20px; } /* custom-content negative margin fix */ .custom-content { margin-bottom: 0; } .announcement-bar { font-size: 1rem; background-color: #1A3768; } .announcement-slider__slide:first-child, .announcement-slider__slide:nth-child(2), .announcement-slider__slide:nth-child(3){ border-right: 1px solid #fff; } /** PAGE WIDTH **/ .page-width { max-width: 1920px; } /* SMALL - MOBILE */ @media only screen and (max-width: 768px) { /*#AnnouncementSlide-1524770296206 span.announcement-text { width: 15vw; }*/ .announcement-slider__slide:first-child, .announcement-slider__slide:nth-child(2) { border-right: none; } .announcement-bar.globale-hide { height: 75px !important; } } /* HOMEPAGE BOTTOM CATEGORIES */ .type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) { color: #fff; } .type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale):after, .type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale):after { background: none; } @media only screen and (max-width: 768px) { .flex-grid__item--33 { min-height: 500px !important; } .flex-grid__item--33 .promo-grid__text { font-size: 1em !important; } } /* TOP NAVIGATION BAR: Toolbar Menu */ /** Navigation Font Size ***/ .site-nav__link, .site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level) { font-size: 14px !important; } .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; } .mobile-nav__item [href="/account/register"]:before, .mobile-nav__item [href="/account"]:before { content: "\00BB"; 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; } /* SEARCH */ .site-header__search-container.is-active{ position: initial; display: block; } /* Header Search bar center */ /* @media screen and (min-width: 601px) { .toolbar__content :nth-child(1) { order: 2;} .toolbar__content :nth-child(2) { order: 3; } .toolbar__content :nth-child(3) { order: 4; } */ /* .toolbar__content :nth-child(4) { order: 1; margin: auto 20% auto -10%; display: flex;} */ /*.toolbar__content :nth-child(4) { order: 1; margin: auto auto auto auto; display: flex; width: 40%; } .toolbar__content :nth-child(5) { order: 5; } .toolbar__content :nth-child(6) { order: 6; } #producttitledt{ display: none;} } */ .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-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; } .header-item--navigation.text-center .medium-up--hide.logo-mobile { margin: 0 auto; width: 190px; } } .site-search-inline { background: #fff; /* border-bottom: 1px solid #eee;*/ } @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: 2px 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: #000; 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; } .site-search-inline {display: block !important;} .site-nav .site-nav__icons .site-search-inline{display:none !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 */ .site-nav__link { color: #000; } .site-nav--has-dropdown.is-focused>a, .site-nav--has-dropdown:hover>a { color: #000 !important; } .site-nav--has-dropdown .site-nav__link--underline:after { border-bottom-color: #000; } .site-nav__dropdown-link--top-level { font-weight: 700 !important; font-size: 1em !important; } /* .btn--secondary, .rte .btn--secondary { border: 1px solid #bbb; } */ /* QUICKVIEW */ .modal { z-index:100; } .mwgroupedproduct .quick-product__btn, .modal .shopify-payment-button__more-options { display: none; } .modal .product-link { font-size: small; font-weight: 700; } .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 } .modal .size-chart-btn { display: none; } /* PAGE */ .template-page .inline-list.payment-icons { margin: 1rem 0 2rem; } .section-header__title { font-size: 2rem; color: #000; font-weight: bold; letter-spacing: 1px; } /* HOMEPAGE */ .hero__title { font-weight: 700; } /* PRODUCT PAGE - DROPDOWN ***************/ /* .product-single__variants { display: inline-block; margin: 1em 0; } */ /* .variant-wrapper--button:not(.color) { display:none !important; } */ /* PRODUCT PAGE - PDP */ .product-single__form .btn--full { width: 85%; } .breadcrumb a:link{ text-decoration:underline; font-size: 16px; } .loyalty-shipsfree { display: inline-block; font-size: 11px; font-weight: bold; background: #eee; margin: 0 auto; padding: .25rem .75rem; border-radius: 25px; letter-spacing: 1px; } .h2.product-single__title { font-size: 1.25rem; margin: 0; } .variant__label[for] { font-weight: bold; } .page-content--product .variant__label-info { font-weight: bold !important; } .page-content--product .variant__label { font-weight: bold !important; } .product-single__description { margin: 15px 0 30px; } .payment-buttons .add-to-cart.disabled, .payment-buttons .add-to-cart.disabled:hover, .payment-buttons .add-to-cart.disabled:active, .payment-buttons [disabled="disabled"], .payment-buttons [disabled="disabled"]:hover, .btn[disabled]:hover, .btn.disabled:hover { background: #ccc !important; color: #000; pointer-events: none; border: 0; } .variant-input-wrap input[type='radio']:checked+label { font-weight: bold; background: #1a3768; 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; } /* NOSTO - SHOP THE LOOK */ .nosto_element .section-header__title { font-size: 1.5rem; padding: 1rem; border-top: 1px solid #e8e8e1; } .nosto_element .section-header { margin: 0; } #nosto-bundle { border-bottom: 1px solid #e8e8e1; } #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; max-width: 25%; } #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; } /* COLLECTION: collection-filter sticky */ .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: 68px; z-index: 3; background: #fff; box-shadow: 0 2px 5px -6px #000; margin: 20px 0 !important; margin-bottom: 10px !important; } .collection-filter__item { margin-bottom: 0; } .collection-filter__item--count { display: none; } } /* PRODUCT PAGE - PDP - Fit Toggle */ .fit-toggle .fit-toggle-option { color: #777; font-family: 'Montserrat', sans-serif; letter-spacing: 0.025em; line-height: 1.4; position: relative; display: inline-block; font-weight: normal; padding: 7px 15px 7px; background-color: #fff; box-shadow: 0 0 0 2px #ccc; margin: 0 4px 12px; min-width: 150px; } .fit-toggle .variant__label { font-weight:bold; } .fit-toggle .fit-toggle-option:hover { color: #fff; background-color: #ccc; } .fit-toggle .fit-toggle-option.disable { box-shadow: 0 0 0 2px #eee; background: #eee; pointer-events: none; } @media only screen and (min-width: 769px) { .hr--medium { margin: 1rem auto; } } .product-barcode, .product-single__sku { font-size: small; } .product__price-savings { font-weight: bold; font-size: small; display: none; } .product__price.on-sale { color: #000; } .payment-buttons .add-to-cart.btn--secondary { background: #0652fd; color: #fff; font-size: 1rem; } .payment-buttons .add-to-cart.btn--secondary:hover { background: #0249e8; } #shopify-section-product-template-master .product-single__form { margin-top: 10px; } .page-content--product .product-single__form [name="Color"] { display: none; } .page-content--product .product-single__form .variant-wrapper { margin-bottom: 0; } .shopify-payment-button__more-options { text-transform: uppercase; color: #000; border: 1px solid #e8e8e1 !important; margin: 1em auto !important; padding: 8px 14px !important; background-position: 150% 45% !important; min-width: 90px !important; font-size: 10px !important; width: auto !important; line-height: 1.42; letter-spacing: 0.2em; } .shopify-payment-button__more-options:hover:not([disabled]), .shopify-payment-button__more-options:hover { text-decoration: none !important; background: #eee; } .variant-wrapper--button .color-swatch { background-size: 400%; background-position: 50%; } .product-section-master .master-swatch img { border: 2px #eee solid; } .product__thumbs--beside { margin-top: 1rem; } #productpage-nosto-3 { padding-top: 1rem; border-top: 1px solid #e8e8e1; } .payment-buttons .add-to-cart.btn--secondary[disabled], .payment-buttons .add-to-cart.btn--secondary:hover[disabled] { background: #999; } .product__thumb-item { border-color: #ccc; opacity: 0.5; } .product__thumb-item.slick-current { opacity: 1; } /* SIZE CHART */ .flex-container-sizechart { display: flex; align-items: center; justify-content: center; max-width: 900px; margin: 1rem auto; padding: 0; border: 1px solid #eee; } .flex-container-sizechart .flex-item { flex: 0 1 auto; padding: 1rem; text-align: center; min-width: 49%; } .button-area-line { flex-flow: row wrap; display: flex; align-items: center; justify-content: center; } .button-area-line .btn { font-size: .75rem; border: 1px solid #ccc; background: #fff; margin: 5px; flex-grow: 1; transition-duration: 0.2s; } .size-chart ol.measure { list-style-type: none; text-align: left; } .size-chart ol.measure span { font-weight: bold; color: #000; } .size-chart ol.measure span.list-letter { background: #000; border-radius: 50%; color: #fff; width: 25px; height: 25px; margin: 0 5px 0 0; display: inline-block; text-align: center; } .size-chart.table-responsive { display: block; width: 100%; max-width: 900px; margin: 0 auto; text-align: center; padding: 0; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .size-chart table { border: 1px solid #e8e8e1 } .size-chart thead th { color: #000; font-size: 1.2rem; text-align: center; } .mfp-content .size-chart th, .mfp-content .size-chart td { font-size: .85rem; text-align: center; padding: 10px 0; } .size-chart .size-mobile { font-weight: bold; text-align: left; } .size-chart .chart-size { color: #333; font-weight: bold; text-align: left; } .size-chart td { font-size: .85rem; text-align: center; } .size-chart td:nth-child(even) { background: #f1f1f1; } .size-chart h3 a { color: #fff; background: #1a3768; font-size: 1.2rem; letter-spacing: 1px; padding: 5px; display: block; } .size-chart-btn { text-align: left; display: block; } /*.size-chart-btn img { margin: 0 auto 1rem; }*/ .size-chart-btn span, .size-chart-btn span:hover { display: block; font-size: .95em; color: #000; font-weight: 700; } .size-chart.notes { text-align: center; color: #CC252B; font-weight: bold; padding: 1rem; font-size: small; } /* Small */ @media screen and (max-width: 40em) { .flex-container-sizechart { flex-direction: column; margin: 0 0 1rem; } .size-chart.table-responsive { margin: 1rem auto; } .size-chart table { width: 800px; } .size-chart h3 a { width: 800px; text-align: left; } .size-chart ol.measure span.list-letter { line-height: 1.8; } } /* VIDEO */ .video-marketing { margin: 1rem 0; } [style*="--aspect-ratio"]> :first-child { width: 100%; } [style*="--aspect-ratio"]>img { height: auto; } @supports (--custom:property) { [style*="--aspect-ratio"] { position: relative; } [style*="--aspect-ratio"]::before { content: ""; display: block; padding-bottom: calc(100% / (var(--aspect-ratio))); } [style*="--aspect-ratio"]> :first-child { position: absolute; top: 0; left: 0; height: 100%; } } /* CART DRAWER */ .template-cart .section-header .rte a { border: 1px solid #aaa; padding: .5rem 1rem; } .cart__discount { color: #0652fd; font-weight: bold; font-size: small; } .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: 2147483638; } .drawer a:not(.btn) { color: #000; /* font-weight: bold; */ } #CartDrawer .drawer__inner { /* top: 130px; */ top: 65px; } #CartDrawer .ajaxcart .drawer__inner { top: 1rem; } #CartDrawer .drawer__cart p { text-align: center; padding: 1rem 0; } @media only screen and (min-width: 769px) { .drawer__close-button { right: 0; padding: 0; } .drawer__header { height: auto; } } /* CART PROGRESS BAR */ .cart-discount-progress { /* border-bottom: 1px solid #e8e8e1; */ /* display: none !important; */ display: none !important; padding-bottom: .25rem; } .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: #000; font-size: 12px; } .cart-discount-progress .title { font-weight: bold; font-size: 12px; text-align: center; background: #fafafa; padding: .25rem; margin: 3px 0; } .cart-discount-progress .title .btn { font-size: 10px; font-weight: normal; padding: 4px 8px; border-radius: 25px; margin: 0 5px; background: #333; letter-spacing: 1px; } .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: #1a3768; color: #fff; padding: 5px 0; width: 0; } /* Scroll to Top Button */ /* @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: "â–²"; } } */ /* Collection & PDP Badges */ .new-product { font-weight: bold; color: #000; } div.grid__item.grid-product { position: relative; } /*** Eco Focused targeting different div to avoid conflict with B&T badge ***/ div.grid__item.grid-product.FEATUREECOPG .image-wrap:before { content: ""; position: absolute; right: 0; top: 0; width: 25%; height: 25%; background: url(/cdn/shop/files/eco-focused-badge_v2.png?v=1642714149) no-repeat; background-size: contain; z-index: 1; } /*** Eco Focused targeting different div to avoid conflict with B&T badge ***/ .template-product .FEATUREECOPG .product-image-main:before { content: ""; position: absolute; right: 0; top: 0; width: 25%; height: 25%; background: url("/cdn/shop/files/eco-focused-badge_v2.png?v=1642714149") no-repeat; background-size: contain; z-index: 1; } /*** ECO OPG targeting different div to avoid conflict with B&T badge ***/ div.grid__item.grid-product.FEATUREECOOP .image-wrap:before { content: ""; position: absolute; right: 0; top: 0; width: 15%; height: 15%; background: url(https://cdn.shopify.com/s/files/1/0051/3723/6054/files/eco-badge.png?v=1617329335) no-repeat; background-size: contain; z-index: 1; } /*** ECO OPG targeting different div to avoid conflict with B&T badge ***/ .template-product .FEATUREECOOP .product-image-main:before { content: ""; position: absolute; right: 0; top: 0; width: 10%; height: 10%; background: url("https://cdn.shopify.com/s/files/1/0051/3723/6054/files/eco-badge.png?v=1617329335") no-repeat; background-size: contain; z-index: 1; } /*** Eco Course targeting different div to avoid conflict with B&T badge ***/ div.grid__item.grid-product.FEATUREECOGS .image-wrap:before { content: ""; position: absolute; right: 0; top: 0; width: 25%; height: 25%; background: url(/cdn/shop/files/eco-course-badge.png?v=1644249164) no-repeat; background-size: contain; z-index: 1; } /*** Eco Course targeting different div to avoid conflict with B&T badge ***/ .template-product .FEATUREECOGS .product-image-main:before { content: ""; position: absolute; right: 0; top: 0; width: 25%; height: 25%; background: url("/cdn/shop/files/eco-course-badge.png?v=1644249164") no-repeat; background-size: contain; z-index: 1; } /*** Callaway Eco targeting different div to avoid conflict with B&T badge ***/ div.grid__item.grid-product.FEATUREECOCA .image-wrap:before { content: ""; position: absolute; right: 0; top: 0; width: 25%; height: 25%; background: url(https://cdn.shopify.com/s/files/1/0090/9780/5929/files/eco-200x200.png?v=1621276572) no-repeat; background-size: contain; z-index: 1; } /*** Callaway Eco targeting different div to avoid conflict with B&T badge ***/ .template-product .FEATUREECOCA .product-image-main:before { content: ""; position: absolute; right: 0; top: 0; width: 25%; height: 25%; background: url("https://cdn.shopify.com/s/files/1/0090/9780/5929/files/eco-200x200.png?v=1621276572") no-repeat; background-size: contain; z-index: 1; } /*** Ben Hogan 20% Recycled targeting different div to avoid conflict with B&T badge ***/ div.grid__item.grid-product.FEATUREECOBH20 .image-wrap:before { content: ""; position: absolute; right: 0; top: 0; width: 25%; height: 25%; background: url(/cdn/shop/files/recycled-20-badge.png?v=1644249667) no-repeat; background-size: contain; z-index: 1; } /*** Ben Hogan 20% Recycled targeting different div to avoid conflict with B&T badge ***/ .template-product .FEATUREECOBH20 .product-image-main:before { content: ""; position: absolute; right: 0; top: 0; width: 25%; height: 25%; background: url("/cdn/shop/files/recycled-20-badge.png?v=1644249667") no-repeat; background-size: contain; z-index: 1; } /*** Ben Hogan 30% Recycled targeting different div to avoid conflict with B&T badge ***/ div.grid__item.grid-product.FEATUREECOBH20 .image-wrap:before { content: ""; position: absolute; right: 0; top: 0; width: 25%; height: 25%; background: url(/cdn/shop/files/recycled-30-badge.png?v=1644249667) no-repeat; background-size: contain; z-index: 1; } /*** Ben Hogan 30% Recycled targeting different div to avoid conflict with B&T badge ***/ .template-product .FEATUREECOBH20 .product-image-main:before { content: ""; position: absolute; right: 0; top: 0; width: 25%; height: 25%; background: url("/cdn/shop/files/recycled-30-badge.png?v=1644249667") no-repeat; background-size: contain; z-index: 1; } div.grid__item.grid-product.Tall .grid-product__content:before { content: ""; position: absolute; left: 0; top: 0; width: 30%; height: 30%; background: url("https://cdn.shopify.com/s/files/1/0090/9780/5929/files/badge-bt.png?5791") no-repeat; background-size: contain; z-index: 1; } .template-product .Tall .product__main-photos:before { content: ""; position: absolute; left: 0; top: 0; width: 30%; height: 30%; background: url("https://cdn.shopify.com/s/files/1/0090/9780/5929/files/badge-bt.png?5791") no-repeat; background-size: contain; z-index: 1; } div.grid__item.grid-product.BadgeSlim .grid-product__content:before { content: ""; position: absolute; left: 0; top: 0; width: 30%; height: 30%; background: url("https://cdn.shopify.com/s/files/1/0090/9780/5929/files/badge-slim.png?5965") no-repeat; background-size: contain; z-index: 1; } .template-product .BadgeSlim .product__main-photos:before { content: ""; position: absolute; left: 0; top: 0; width: 30%; height: 30%; background: url("https://cdn.shopify.com/s/files/1/0090/9780/5929/files/badge-slim.png?5965") no-repeat; background-size: contain; z-index: 1; } .grid__item.grid-product.Seller div.grid-product__content>a:after { content: "BEST SELLER"; color: #0652fd; font-weight: 700; font-size: .95rem; float: left; text-align: center; width: 100%; /* background:url("https://cdn.shopify.com/s/files/1/0090/9780/5929/files/trophy-solid.svg?6055") no-repeat 75% 10%; background-size: 17px; */ z-index: 1; } /* Mobile */ @media screen and (max-width: 39.9375em) { .grid__item.grid-product.Seller div.bc-sf-filter-product-item-inner>a:after { /* background:url("https://cdn.shopify.com/s/files/1/0090/9780/5929/files/trophy-solid.svg?6055") no-repeat 93% 10%; background-size: 17px; */ } } /* Medium Only */ @media screen and (min-width: 40em) and (max-width: 63.9375em) { div.grid__item.grid-product.Seller:after { /* background:url("https://cdn.shopify.com/s/files/1/0090/9780/5929/files/trophy-solid.svg?6055") no-repeat 93% 10% */ } } /* COLLECTION CATEGORIES */ @media only screen and (min-width: 769px) { .page-content, .collection-content { padding-top: 5px; } } @media only screen and (max-width: 769px) { .collection-content { padding-top: 0; } } .grid-product__price { font-size: .95rem; } .grid-product__price--sale { font-weight: bold; color: #000; } .bc-sf-filter-product-item-inner .image-wrap { background: #fafafa; } .grid-product__meta { font-size: .95rem; } #CollectionSection .rte { font-size: .85rem; } #seo-bottom { font-size: .85rem; padding: 0 2rem 1rem 2rem; } #seo-bottom h2 { font-size: 1rem; font-weight: bold; } /* Remove to allow white swatches to be shown with a border - JP - 10/21/2020 .color-swatch { box-shadow: none; } */ /* 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; } */ } /* #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; cursor: pointer; } .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 #aaa !important; margin: .1rem .5rem .1rem !important; } 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: #111111 !important; } span.boost-pfs-filter-option-swatch-image[title="Blue"], .color-swatch--pei-blue { background-color: #1E90FF !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: #A9A9A9 !important; } span.boost-pfs-filter-option-swatch-image[title="Green"], .color-swatch--pei-green { background-color: #006400 !important; } span.boost-pfs-filter-option-swatch-image[title="Orange"], .color-swatch--pei-orange { background-color: #FF8C00 !important; } span.boost-pfs-filter-option-swatch-image[title="Pink"], .color-swatch--pei-pink { background-color: #FFC0CB !important; } span.boost-pfs-filter-option-swatch-image[title="Purple"], .color-swatch--pei-purple { background-color: #6A5ACD !important; } span.boost-pfs-filter-option-swatch-image[title="Red"], .color-swatch--pei-red { background-color: #ED4545 !important; } span.boost-pfs-filter-option-swatch-image[title="White"], .color-swatch--pei-white { background-color: #f1f1f1 !important; } span.boost-pfs-filter-option-swatch-image[title="Yellow"], .color-swatch--pei-yellow { background-color: #fcf3ac !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; } .bc-sf-filter-option-block .bc-sf-filter-block-content ul li a { font-size: .7rem; } /* MOBILE */ @media screen and (max-width: 39.9375em) { .bc-sf-filter-option-block .bc-sf-filter-block-content ul li a { font-size: 1rem; } .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; } } /* FOOTER */ .index-section--footer h3 { font-size: 1.3em; font-weight: 700; } .footer-promotions .btn--secondary.btn--small { border-color: #000; } .site-footer .footer__collapsible { font-size: 1rem; } .h4.footer__title { font-size: 1.3rem; font-weight: bold; color: #000; } a[href="/pages/store-locator"] { font-size: .75rem; color: #006857; font-weight: bold; border: 1px solid #000; background-color: transparent; padding: 8px 14px; background-position: 150% 45%; min-width: 90px; } a[href="/pages/store-locator"]:hover { color: #fff; background-color: #000; } /* FORMS */ .form-validation .error { width: 100%; padding: 3%; display: block; color: red; margin: 0; background: #ffebeb; text-transform: capitalize; letter-spacing: normal; position: relative; } /* 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; } } /* FOOTER */ .site-footer { color: #fff; padding-top: 0; background-color: #1A3768; } .h4.footer__title { color: #fff; } .site-footer a { color: #fff; } .site-footer [data-type="newsletter"] a.btn { color: #fff; } /* FOOTER: SUPPORT BAR */ .chat__support { padding-left: 15px; font-size: 14px; } .footer__support_bar { color: #fff; display: block; padding: 1rem; margin: 0 0 1rem 0; background-color: #000 !important; } .footer__support_bar .site-footer a { color: #fff; } .footer__support_bar .btn--secondary:hover { color: #fff; /*border-color: #000; background-color: #000;*/ opacity: 1; } .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; } .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: 0; line-height: 2rem; } .footer__support_bar .btn--secondary.btn--small { font-size: .8rem; } .footer__support_bar .footer__social { float: none; } } /* 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%; } /* FINDMINE - PRODUCT RECOMMENDATIONS*/ [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: 25%; padding: .5rem; margin: 0; border: 2px 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: 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; } [id^=findmine-container] .fm-sets li .fm-items li .fm-details .fm-title { padding: 5px 0; text-align: center; font-size: 9px; line-height: 14px; } [id^=findmine-container] .fm-sets li .fm-items li .fm-details .fm-title a { font-size: 9px; line-height: 1.25; } [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*/ section.pr-review-snippet-container.pr-no-reviews { display: none; } .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars { float: none !important; } .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-stars-reco-reco { display: none; } .pr-snippet-slider-root { display: none !important; } .p-w-r .pr-read-review, .p-w-r .pr-review-display { padding: 2rem 0; } .p-w-r .pr-read-review a, .p-w-r .pr-review-display a { color: #000; cursor: pointer; line-height: 1.3; border: 1px solid #777; padding: .75rem 1rem; text-decoration: none !important; font-weight: bold; } .p-w-r .pr-read-review a:hover, .p-w-r .pr-review-display a:hover { background: #000; color: #fff !important; border: 1px solid #000; } #pr-reviewdisplay { color: #555; max-width: 1500px; margin: 0 auto; } #pr-reviewdisplay .pr-headline { 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 !important; } .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-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; } /* ACCOUNNT REGISTRATION - LOYALTY SIGNUP */ /* Hide optin options for members */ .cf-field[data-cf-field-type=checkbox] { background: #eaeaea; } /* .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; } */ #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(https://cdn.shopify.com/s/files/1/0090/9780/5929/files/icon-loader.svg?10334) !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(https://cdn.shopify.com/s/files/1/0090/9780/5929/files/icon-loader.svg?10334) !important; background-size: contain !important; } #customer-fields .action-icon.success:before { background-image: url(https://cdn.shopify.com/s/files/1/0090/9780/5929/files/icon-check.svg?10322) !important; background-size: contain !important; } .customr-field.loyalty-signup .customr-control-label, .customr-field.email-signup .customr-control-label { display: none !important; visibility: hidden; } #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"] { outline: none; margin: 0; display: inline-block; width: auto; border-radius: 50px; color: #fff; background: #222; width: 100% !important; } #customer-fields input[type="submit"]:hover { background: #000; } .form-footer .cancel-form { display: none; visibility: hidden; } .template-customers-register #create_customer label, .template-customers-login label, .template-customers-account label { 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%; } .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; } .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: #000; border: 2px solid #fff; box-shadow: 0 0 2px #000; } #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(https://cdn.shopify.com/s/files/1/0090/9780/5929/files/icon-check.svg?10322); 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; } #loyalty-benefits ul.numbered-list, #loyalty-benefits ul.registration-list { margin: 2rem 0; } } /* CUSTOMER ACCOUNTS - PROFILES */ .template-customers-account .customer-details { background: #f1f1f1; margin-top: 2rem; padding: 2rem; border: .5rem solid #fff; } .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; } .template-customers-account table tr:nth-child(odd) td { background-color: #f1f1f1; } /* 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; } [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 - 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; } /* 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; } /*** 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 */ .ql-editor *, .ql-editor, .CustomSwitcherPopup .country .dropDownRow .caption, .CustomSwitcherPopup .glCancelBtn, .CustomSwitcherPopup .Backtoshop { font-family: 'Roboto', sans-serif !important; } .globale_overlay { background-color: #000 !important; } .gep-switcher-desktop { color: #777 !important; font-size: xx-small !important; padding: .15rem .5rem !important; margin: 0 !important; background: #f1f1f1 !important; border: 1px solid #f1f1f1 !important; border-radius: 25px !important; } .gep-switcher-desktop:hover { background: #fff !important; border: 1px solid #f1f1f1 !important; } .gep-switcher-text-desktop { color: #777 !important; font-size: xx-small !important; } .CustomSwitcherPopup .glCancelBtn { letter-spacing: 2px !important; font-weight: bold !important; } .gep-switcher-text-mobile { display: none; } .mobile-nav .gep-switcher.gep-switcher-mobile { background: #eee; } .gep-switcher-text-mobile { font-size: 1rem !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; } } /**** HOLIDAY RETURNS STYLING ******/ .return-wrap { background-color: #def3df; max-width:1920px; padding:2% 10%; text-align:center; } .return-wrap h4 { margin-bottom: 4px; } /* Popup Styles */ .white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 90vw; margin: 20px auto; transition: all .5s linear; } .white-popup-tc { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 600px; margin: 20px auto; transition: all .5s linear; } .size-chart-white-popup { position: relative; background: #FFF; padding: 20px; width: 800px; max-width: 90vw; margin: 20px auto; transition: all .5s linear; } /* Magnific Popup CSS End */ /* ERROR PAGES - 404 PAGE NOT FOUND */ .template-404 {} /*** CUSTOM COLLECTION CSS ***/ .boost-pfs-filter-load-more-button-container button.boost-pfs-filter-load-more-button { background-color: #1a3768 !important;} .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; } /*** SCREEN READER ***/ .dontRead { speak: none ; } /* 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 */ /* Smartwishlist */ .smartwishlist { z-index: 15 !important; } /* Smartwishlist 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: 13px !important; width: 85%; } span.ajaxcart__product-meta { font-size: 12px !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; } /* 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; } /* Yotpo stars in pdp */ .yotpo-small { padding-top:10px !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; } /* .yotpo .yotpo-icon-star { color: #000000!important; } .yotpo .yotpo-icon-empty-star { color: #000000 !important; } */ /* Star style PDP */ .yotpo .yotpo-bottomline .yotpo-icon-star, .yotpo .yotpo-bottomline .yotpo-icon-half-star, .yotpo .yotpo-bottomline .yotpo-icon-empty-star { color: #1A3768 !important; } /*** Yatpo star style ***/ .yotpo .yotpo-review .yotpo-header .yotpo-review-stars .yotpo-icon, .yotpo .yotpo-comment .yotpo-header .yotpo-review-stars .yotpo-icon, .yotpo .yotpo-question .yotpo-header .yotpo-review-stars .yotpo-icon, .yotpo .yotpo-onsite-upload .yotpo-header .yotpo-review-stars .yotpo-icon{ color: #1a3768 !important; } /* Custom stars for the Collection pages */ .pei-star { font-family: FontAwesome !important; font-size: .95em; width: 13px; display: inline-block; color: lightgray; /* margin-top: -8px; */ vertical-align: 0px; cursor: pointer; font-weight: normal; } .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: -22px; */ margin-left: -15px; 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: 14px; 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; vertical-align: 1px; } /* Used to overwrite swatches with an image instead of a hexadecimal color number */ .swatch-image-multi-colored { background-image:url('https://cdn.shopify.com/s/files/1/0051/3723/6054/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'); } /* 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 ; } /* Review ratings adjustment */ /* .bc-sf-filter-option-block .bc-sf-filter-block-content ul li a[data-value='1'], .bc-sf-filter-option-block .bc-sf-filter-block-content ul li a[data-value='2'], .bc-sf-filter-option-block .bc-sf-filter-block-content ul li a[data-value='3'] { opacity: 0 !important; display: none !important; } */ /* 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; } /* Fit Guide*/ div#fitGuideSection { } #CartDrawer { z-index: 2147483638; } .sticky-cart-button { z-index: 2147483631 !important; padding: 35px 30px !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; } /***** Desktop Google CLS @media only screen and (min-width: 769px) and (orientation : landscape) { .hero-wrap {min-height: 480px !important } }*****/ /***** Mobile Google CLS *****/ @media only screen and (max-width: 768px) { /*.hero-wrap {min-height: 310px !important }*/ .h1hp {display:none } .brand-logos-wrap {display: none !important;} } /* Load more button styling */ /* #bc-sf-filter-scroll-to-top span:before { content: "\25B2" !important; } */ .grid-product__tag.grid-product__tag--sale { display: none; } /* Klevu search results adjustment @media only screen and (max-width: 769px) { .klevu-searching-area-l2 {top: 106px !important;} .klevu-pt-rs-hover {top: 106px !important;} } @media only screen and (min-width: 769px) and (max-width: 1117px) { .klevu-searching-area-l2 {top: 53px !important;} .klevu-pt-rs-hover {top: 53px !important;} } @media only screen and (min-width: 1117px) { .klevu-searching-area-l2 {top: 53px !important;} .klevu-pt-rs-hover {top: 53px !important;} } */ /* Style both the "Start Over" and "Load More Products" buttons */ /* .bc-sf-filter-load-more-button { background-color: #1a3768 !important; color: #fff !important; padding: 20px 30px !important; border: none !important; font-weight: bold; } */ /* Sort adjustment a[data-sort='manual'], a[data-sort='created-ascending'], a[data-sort='created-descending'] { opacity: 0 !important; display: none !important; } */ /* #bc-sf-filter-bottom-pagination { display:none !important} */ .smallerlogo {width: 100px !important;} /*.site-header--stuck {opacity: 95%;} */ /* Mobile compact cart drawer */ @media screen and (max-width: 39.9375em) { p.ajaxcart__price.cart__discount { font-size: x-small !important; } .klarnadrawer.globale-hide { display: none !important; } .h2carttitle { font-size: large !important; } .h2.drawer__title { font-size: small; } .additionalpayments { display:none !important; } p.appear-animation.appear-delay-3 { margin-top: 50px; } .drawer__header { height: 40px; padding: 5px 0; } .drawer__inner { position: absolute; top: 40px !important; } p.ajaxcart__note { display: none; } } /* Kustomer widget offset */ iframe#kustomer-ui-sdk-iframe { right: 5px !important; z-index: 2147483630 !important; } .uwy { z-index: 2147483620!important; } /* Boost clear underline */ .boost-pfs-filter-clear { text-decoration: underline !important; } .boost-pfs-filter-clear:hover { text-decoration: 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; } /* 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; } /* Used for changing the properties of all the prices inthe PDP page */ .product_price_section { font-size: 1.2rem; } /* FindMine Complete the Look Description Styling */ .FwcmS { font-size: 1.1em !important; } /* FindMine Complete the Look Close the Gap Between Items */ .dPhvIA { justify-content: space-evenly !important; } /* Drawer hide code input */ .sc_simple-container { display: none !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: 1rem; font-family: Rajdhani,sans-serif; text-transform: uppercase; margin: 0px 5px 20px 5px; width: 155px; color: #000; line-height: 1.5; letter-spacing: .2em; font-weight: 500; } .size_group_button:hover { box-shadow: 0 0 0 1px #777; color: #000; } .size_group_button[selected] { box-shadow: 0 0 0 2px #000; color: #fff; font-weight: 700; background: #1a3768; } .size_group_container { display: grid; grid-gap: 5px; grid-template-columns: repeat(2, 170px); align-content: space-between; justify-content: center; align-items: center; line-height: 1.5; letter-spacing: .2em; font-size: 1rem; } .group-size { margin-top: 20px; } /* HACK: Since the Bold Product Upsell loader conflicts with the Klevu loader go ahead and remove the styling added by the Bold Product Upsell loader */ #loader { border-style: none !important; border-radius: 0 !important; -webkit-animation: none !important; animation: none !important; margin: none !important; border-top: 0 !important; } /* Style the title and price in collections page */ .more-colors { margin-left: 5px } @media screen and (min-width: 64rem) { .product-title-row { display: flex; margin-right: 10%; margin-left: 10%; } .product-title-column-left { flex: 1; justify-content: flex-start; margin-right: 10px; flex-wrap: wrap; font-size: 100% !important; } .product-title-column-right { flex: 0 1 auto; justify-content: flex-end; /* width: 160px; */ margin-left: 10px; text-align: right; margin-right: auto; font-size: 100% !important; } .collections-reviews { text-align: left; margin-left: 10%; display: none; } .vendor_description { margin-top: 10px; margin-left: 10%; font-size: 1rem !important; } .grid-product__meta { margin-top: -10px; text-align: left; } .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: 64rem) { .grid-product__meta { margin-top: -10px; text-align: center; } .grid-product__colors { justify-content: center; } .collections-reviews { text-align: center !important; display: none; } .vendor_description { margin-top: 10px; text-align: center; font-size: 1rem !important; } } /* Syte */ .syte-discovery.syte-integration-injected { position: initial !important; display: initial !important; } /* Final Sale */ .final_sale { text-align: left; font-size: 1.0rem; font-weight: bold; font-style: normal; color: red; } .final_sale_cart { text-align: left; font-size: 1.0em; font-weight: bold; font-style: normal; color: red; margin-top: 20px; } /* 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; } @media screen and (max-width: 39.9375em) { .product-single__form .btn--full { width:100%; } } .grecaptcha-badge { display: none !important; } /** Breadcrumbs PDP **/ .breadcrumb {text-align: left} /* 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; } /* 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; } } #shop-hcaptcha-badge-container{display:none !important;} /* Small only mobile ***** internal structual fix for filter and feature */ @media screen and (max-width: 39.9375em) { .collection-filter { -ms-flex-wrap: unset; flex-wrap: unset; } } /* Add images to the mobile mneu */ .mobile_menu_image { align-self:center; max-width:45px; max-height:45px; border-radius:100%; } /** Buyatab Gift Cards iFrame **/ #buyatab-frame { min-height:1740px !important; } /* Small only */ @media screen and (max-width: 39.9375em) { #buyatab-frame { min-height:2111px !important; } } /* Navigation sub-menu 5-column fix */ .grid__item.medium-up--one-fifth.appear-animation{ width: 15% !important; }