@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders:opsz,wght@10..72,100..900&family=Space+Grotesk:wght@300..700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap'); /* font-family: "Big Shoulders", sans-serif; */ /* font-family: "Space Grotesk", sans-serif; */ /* font-family: "Poppins", sans-serif; */ a:hover, a:focus{color:#000;} /* Grid CSS Ends */ input:focus, button:focus, textarea:focus, select:focus, details:focus, [href]:focus, [tabindex]:not([tabindex="-1"]):focus, [contenteditable="true"]:focus { outline: inherit !important; outline-offset: 0px !important; } .navUser-item--cart .dropdown-menu.is-open .previewCart p.or-use-label{ color:#333333; } input:focus + label { outline: 0 solid #0f7fff !important; outline-offset: 0 !important; } .button--primary {background:#bf955f; border-radius:0; color:#fff; text-transform:uppercase; padding:13px 25px; height:40px; font-size:16px; font-weight:600; min-width:140px; display:inline-block; border:1px solid transparent; letter-spacing:normal;} .button{font-family: "Space Grotesk", sans-serif; font-weight:600; border-radius:0; text-transform:uppercase; padding:13px 25px; height:40px; font-size:16px; min-width:inherit; display:inline-block; letter-spacing:normal;} .button--primary:hover, .button--primary:focus, .button--primary.is-active, .button--primary.active{background-color: #000; border-color: #000; color: #fff;} .form-actions .button, .form-actions input, .form-actions a {vertical-align:middle;} body, html{font-family: "Space Grotesk", sans-serif; font-weight:400; color:#505050; font-size:15px; overflow-x: hidden;} h1, h2, h3, h4, h5, h6{font-family: "Big Shoulders", sans-serif; font-weight:600;} a, a:hover{text-decoration:none;} p{margin:0 0 15px 0; color: #000; font-size: 16px; font-weight: 400; line-height: 1.7; } .body{margin-top:0;} .body{margin-bottom:0; min-height:400px;} .container{max-width:100%; padding:0 4%;} a:focus, input:focus { outline: none !important;} .heroCarousel{margin:0; position:relative;} .heroCarousel .slick-arrow{display:none !important;} .heroCarousel .slick-dots{ bottom:-30px; } /* ============= Dotted Slick Slider Start ============= */ .heroCarousel .slick-dots{bottom:auto; right:0; top:50%; transform:translateY(-50%); width: 30px; left:3%; } .heroCarousel .slick-dots li{background:inherit;} .slick-dots li{width:30px; height:15px; padding:0;} .slick-dots li button{width:13px; height:13px; background:#ccc; border-radius:0; border:0;} .slick-dots li.slick-active button::before, .slick-dots li button:hover::before, .slick-dots li button:focus::before{background:#bf955f; border:none; border-radius:0; width:13px; height:13px;} .slick-dots li.slick-active button, .slick-dots li button:hover, .slick-dots li button:focus{border:0;} .heroCarousel .slick-dots li .carousel-tooltip { display:none; } .heroCarousel .carousel-play-pause-button{ display:none !important; } .heroCarousel{ margin:0; } .heroCarousel a.slick-slide{height:auto;} .heroCarousel-slide .heroCarousel-image-wrapper{max-height:inherit;} .heroCarousel.slick-initialized{ max-height:inherit; } .heroCarousel-slide .heroCarousel-image-wrapper{height:auto;} @media (max-width: 2000px){ .heroCarousel-slide .heroCarousel-image{width:auto;} } /* ============= Dotted Slick Slider Start ============= */ /* ============= Slick Slider Arrow Start ============= */ .slick-next, .slick-prev{margin-top:0; top:50%;} .slick-next{right:-20px;} .slick-prev{left:-20px;} .slick-next, .slick-prev, .slick-next:hover, .slick-prev:hover, .slick-next:focus, .slick-prev:focus{background:none; border:none;} .slick-next, .slick-prev, .slick-next::before, .slick-prev::before{width:33px; height:23px; padding:0;} .slick-prev::before, .slick-prev:hover::before, .slick-prev:focus::before{background:url(../img/prev-arrow.png) no-repeat; opacity:1;} .slick-next::before, .slick-next:hover::before, .slick-next:focus::before{background:url(../img/next-arrow.png) no-repeat; opacity:1;} .slick-dotted.slick-slider{margin-bottom:0;} .slick-disabled, .slick-prev.slick-disabled::before, .slick-next.slick-disabled::before{opacity:1;} .productCarousel .slick-dots{display:none !important;} .tabs-contents .productCarousel .slick-next, .tabs-contents .productCarousel .slick-prev{ right:0; top:-63px; } .tabs-contents .productCarousel .slick-prev{ left:auto; right:60px; } .tabs-contents .productCarousel .slick-next, .tabs-contents .productCarousel .slick-prev, .tabs-contents .productCarousel .slick-next::before, .tabs-contents .productCarousel .slick-prev::before, .productView-images .slick-next, .productView-images .slick-prev, .productView-images .slick-next::before, .productView-images .slick-prev::before{ width:50px; height:50px; } .tabs-contents .productCarousel .slick-prev::before, .productView-images .slick-prev::before {background:url(../img/prev-arrow-tab.png) no-repeat; opacity:1;} .tabs-contents .productCarousel .slick-prev:focus::before, .tabs-contents .productCarousel .slick-prev:hover::before, .productView-images .slick-prev:hover::before, .productView-images .slick-prev:focus::before{background:url(../img/prev-arrow-tab-hover.png) no-repeat; opacity:1;} .tabs-contents .productCarousel .slick-next::before, .productView-images .slick-next::before{background:url(../img/next-arrow-tab.png) no-repeat; opacity:1;} .tabs-contents .productCarousel .slick-next:hover::before, .tabs-contents .productCarousel .slick-next:focus::before, .productView-images .slick-next:hover::before, .productView-images .slick-next:focus::before{background:url(../img/next-arrow-tab-hover.png) no-repeat; opacity:1;} /* ============= Slick Slider Arrow End ============= */ /* ============= Quick Search Start ============= */ .quickSearchResults {background: #fff; position:absolute; z-index:99; width:100%;} .quickSearchResults ul.productGrid{border:#dcdcdc solid 1px; border-top:none; padding:50px 0 0 0; margin:0px;} .quickSearchResults .productGrid .product {padding-bottom: 0; width: 100%;} .quickSearchResults .productGrid .product .card {border:none; border-bottom:#dcdcdc solid 1px; float: left; padding: 10px; width: 100%; margin-bottom:10px;} .quickSearchResults .card-figure { border: 1px solid #dcdcdc; display: block; float: left; height: auto; padding: 5px; vertical-align: top; width: 70px;} .quickSearchResults .card .thumb_img{display:block; height:auto; width:auto; padding:0px;} .quickSearchResults .card .card-image { padding:0; } .quickSearchResults .card-body { display: block; float: none; overflow: hidden; padding: 0 0 0 10px; text-align: left !important; vertical-align: middle; width: auto; margin-top:0;} .quickSearchResults .card-body .card-title {height: auto; margin:0; font-size:14px;} .quickSearchResults .card-body .prdctBtn{display:none;} .quickSearchResults .card-body .productBtns{display:none !important;} .quickSearchResults .card--alternate:hover .card-body{background:none;} .quickSearchResults .card--alternate:hover .card-title > a{color:#000;} .quickSearchResults h4.card-title{margin-bottom:5px;} .quickSearchResults .card-body .card-text .price{font-size:16px;} .quickSearchResults .card-body .card-text{margin:0px; padding:0;} .checkout-steps form-field.form-field {clear: both;} .quickSearchResults .prdctBtn{display:none;} .quickSearchResults{max-height:400px; overflow-y:auto;} .quickSearchResults .card-title > a{color:#505050;} .quickSearchResults .price-section, .quickSearchResults .price--rrp, .quickSearchResults .price--non-sale, .quickSearchResults .price--discounted{color:#3d1700;} .quickSearchResults .productGrid .product .cardButtons{ display:none; } .quickSearchResults .productGrid .product .card .sale-flag-side{ display:none; } /* ============= Quick Search End ============= */ .dropdown--quickSearch .form-input, .navPages-quickSearch .form-input{height:50px; border:1px solid #D9D9D9; border-radius:0; font-size:14px; color:#000; background:#fff; min-width:300px; padding-right:50px; padding-left:18px; font-size:16px; font-family: "Space Grotesk", sans-serif;} .navPages-quickSearch .form-input:placeholder{ color:#333; } .dropdown--quickSearch .container{padding:0;} .dropdown--quickSearch .form-input::-webkit-input-placeholder, .navPages-quickSearch .form-input::-webkit-input-placeholder{color:#333; opacity:1;} .dropdown--quickSearch .form-input::-moz-placeholder, .navPages-quickSearch .form-input::-moz-placeholder{color:#e2c2af; opacity:1;} .dropdown--quickSearch .form-input:-ms-input-placeholder, .navPages-quickSearch .form-input:-ms-input-placeholder{color:#e2c2af; opacity:1;} .dropdown--quickSearch .form-input:-moz-placeholder, .navPages-quickSearch .form-input:-moz-placeholder{color:#e2c2af; opacity:1;} .dropdown--quickSearch .button, .navPages-quickSearch .form-prefixPostfix-button--postfix.button{position:absolute; right:0; top:0; width:50px; height:50px; background:url(../img/search-ic.png) no-repeat center center; font-size:0; min-width:unset; padding:0; margin:0; border-radius:0; border:none;} /*.navPages-container .navPages-list .navPages-item:nth-child(n+8){ display:none; }*/ header.header{ border-top:solid 4px #BF955F; border-bottom:solid 1px #D9D9D9; } .headerMain{ display:flex; padding:0 2%; justify-content: space-between; } .theChessStoreLogo{ width:13%; display: flex; align-items: center; } .headerRightMain{ width:87%; } .header-logo{ text-align:left; margin:0; padding:15px 0; } .header-logo .header-logo-image{ margin:0; } .headerRightBottom{ display:flex; padding:10px 0; align-items: center; } .headerRightTop{ background: url(../img/header-left-curve.png) no-repeat left center; background-color:#BF955F; color: #FFF; font-size: 20px; font-weight: 300; display:flex; } .headerRightPolicies { color: #FFF; font-size: 20px; font-weight: 400; padding:2px 0 13px 55px; width:69%; text-align:center; } .headerRightPolicies a{ color:#fff; } .headerRightPolicies a:hover{ text-decoration:underline; } .headerRightPolicies em{ color:#EFC289; font-style:normal; font-size:50px; line-height: 20px; display: inline-block; position: relative; bottom: -6px; padding: 0 9px; } .desktopHide{ display:none; } .sale-banner-header{ text-align: right; padding: 14px 18% 0 0; } .sale-banner-header img{ max-width:650px; } .sale-banner-header-mobile{ text-align:center; padding:0 5px 10px; } .headerRightCall{ display: flex; align-items: center; margin-top: -4px; position:relative; background:#AC8553 url(../img/header-right-curve.png) no-repeat left center; width:31%; justify-content: end; padding-right:1%; } .headerRightCall::after{ position:absolute; right:-100%; height:100%; top:0; content:''; background:#AC8553; width:100%; } .headerRightCall svg{ margin-right:10px; } .headerRightCall a{ color: #FFF; font-size: 20px; font-weight: 600; margin-right:5px; } .headerRightCall a:hover{ text-decoration:underline; } .rightNavUser{ width: 27%; display: flex; align-items: center; justify-content: end; position:relative; padding-right:10px; flex-wrap:wrap; } .rightNavUser .dropdown--quickSearch.is-open{ padding:10px; border-radius:40px; width: 390px !important; right: 0 !important; left: auto !important; margin-top:13px; } .rightNavUser .navUser-action, .rightNavUser .navPages-action{ padding:0; font-family: "Space Grotesk", sans-serif; color: #000; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; } .rightNavUser .navuser-item{ padding:7px 20px 3px; border-right:solid 1px #D9D9D9; } .rightNavUser .navuser-item svg{ stroke:none; fill:none; } .rightNavUser .navuser-item svg:hover path{stroke:#000; } .rightNavUser .navuser-item .navUser-action--currencySelector svg{ stroke:#000; fill:#000; } .rightNavUser .navuser-item-currency{ padding-right:20px; } .rightNavUser .giftIc.navuser-item{ border-left:solid 1px #D9D9D9; } .rightNavUser .navUser-item--cart .countPill { position: absolute; right: 0; top: 17px; } .rightNavUser .dropdown--quickSearch{ display: block; left: auto; padding: 0; position: relative; margin-top:10px; } .rightNavUser .dropdown--quickSearch .form-input::placholder{ font-family: "Space Grotesk", sans-serif; } /* Home Content Css */ h1.homeTagline{ color: #BF955F; text-align: center; font-size: 60px; font-weight: 800; text-transform: uppercase; font-family: "Big Shoulders", sans-serif; margin:30px 10px; } .categoriesHome3Col{ border:1px solid #919191; display:flex; max-width:1650px; margin:0 auto; } .categoryBox3Col{ width:100%; border-right:1px solid #919191; text-align:center; position:relative; transition:all ease 0.5s; } .categoryBox3Col:hover{ background-color:#F6E6D1; } .categoryBox3Col:last-child{ border-color:#fff; } .categoryBox3Col img{ mix-blend-mode: multiply; } .categoryBox3Col span{ display:block; width:100%; text-align:center; color: #000; font-size: 85px; font-weight: 500; text-transform: uppercase; font-family: "Big Shoulders", sans-serif; position:absolute; left:0; top:5px; right:0; margin:0 auto; } .chessSetsCategory { background:url(../img/chess-sets-category-bg.jpg) no-repeat center top; background-size:cover; } .chessSetsCategory:hover { background:url(../img/chess-sets-category-bg-hover.png) no-repeat center top; background-size:cover; } .categoryBox3Col p{ position:absolute; left:0; bottom:20px; right:0; margin:0 auto; text-align:center; color: #000; font-size: 24px; font-weight: 700; } .chessSetsCategory span em{ font-style:normal; font-size: 100px; font-weight: 800; display:block; line-height:1; } .chessSetsCategory span{ font-size: 50px; } .chessSetsCategory img{ mix-blend-mode: multiply; } .categoriesHome5Col{ display:flex; max-width:1650px; margin:0 auto; border-right:1px solid #919191; border-left:1px solid #919191; } .categoryBox5Col{ width:100%; border-right:1px solid #919191; text-align:center; padding:0; transition:all ease .5s; } .categoryBox5Col:last-child{ border-color:#fff; } .categoryBox5Col:hover{ background:#F6E6D1; } .categoryBox5Col:hover img{ } .categoryBox5Col span{ display:block; width:100%; text-align:center; color: #000; font-size: 30px; font-weight: 500; text-transform: uppercase; font-family: "Big Shoulders", sans-serif; padding:15px 15px 5px; } .specialChessCollection{ background:#111; padding:0 0 60px; } .specialChessCollection .container{ max-width:100% !important; padding:0 4% !important; gap:4%; display:flex; } .specialChessCollection h2{ margin:0; padding:40px 20px; color:#FFF; font-size: 120px; font-weight: 300; text-transform: uppercase; letter-spacing:0; font-family: "Big Shoulders", sans-serif; text-align:center; } .specialChessCollection h2 strong{ color:#BF955F; font-weight: 800; } .specialChessCategoryBox{ width:100%; background:#fff; margin-bottom:20px; text-align:center; padding: 20px ; } .specialChessCategoryBox img{ transition:all ease .5s; } .specialChessCategoryBox:hover img{ margin-top:-20px; } .specialChessCategoryBox span{ display:block; width:100%; text-align:center; color: #000; font-size: 50px; font-weight: 400; font-family: "Big Shoulders", sans-serif; transition:all ease .5s; padding:30px 0 90px; line-height: 1.2; } .specialChessCategoryBox:hover span{ color:#BF955F; } .specialChessCategoryBox:nth-child(2) span{ padding:30px 0 50px; } .specialChessCategoryBox:nth-child(2) img{ padding-bottom:40px; } .marquee{ display: flex; align-items: center; justify-content: flex-start; overflow: hidden; padding:70px 0 55px;} .marquee-line{will-change: transform; transform: translateX(0); white-space: nowrap; animation: marquee 25s linear infinite; color: #000; font-size: 100px; font-weight: 500; line-height: normal; position:relative; font-family: "Big Shoulders", sans-serif; text-transform:uppercase;} .marquee-line span{ display:inline-block; padding:0 15px; vertical-align: top; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } .customerReviewsHome{ padding:70px 3%; } .customerReviewsCategoryPage{ padding:0 3%; } .customerReviewsHome h2{ color: #000; font-size: 60px;font-style: normal;font-weight: 600; line-height: 1.2; font-family: "Big Shoulders", sans-serif; margin:0 0 30px; } .customerReviewsHome h2 span{ color: rgba(0,0,0,0.6); font-size: 40px; font-style: normal; font-weight: 400; line-height: 22px; font-family: "Space Grotesk", sans-serif; } .reviewCarousel::before, .reviewCarousel::after{ top:0; width:100%; left:0; background:#fff; height:6px; border-top:solid 1px #8D8D8D; border-bottom:solid 1px #8D8D8D; position:absolute; content:''; } .reviewCarousel::after{ top:auto; bottom:0; } .reviewCarouselBox{ padding:50px 1% 50px 0.5%; background:url(../img/quote-icon.png) no-repeat right 20% bottom 50px; position:relative; } .reviewCarouselBox p{ color: #000; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.4; margin:0 0 50px;} .reviewCarouselBox p.reviewcarousalcontent{ height:202px; overflow:auto; margin-top:15px; } .reviewCarouselBox p.reviewUser{ margin:0; } .reviewCarouselBox.slick-slide.slick-current.slick-active + .reviewCarouselBox::after{ top:0; width:6px; right:0; background:none; height:100%; border-left:solid 1px #8D8D8D; border-right:solid 1px #8D8D8D; position:absolute; content:''; } .reviewCarouselBox.slick-slide.slick-current.slick-active + .reviewCarouselBox::before{ top:0; width:6px; right:auto; left:0; background:none; height:100%; border-left:solid 1px #8D8D8D; border-right:solid 1px #8D8D8D; position:absolute; content:''; } .customerReviewsHome .slick-arrow{ right:0; top:-90px; left:auto; } .customerReviewsHome .slick-prev{ right:70px; } .customerReviewsHome .slick-next.slick-arrow::after { position: absolute; left: -19px; height: 20px; width: 1px; background: #8F8F8F; content: ''; top: 1px;} .aboutUsAndUsp{ padding:0; margin:50px 0; display:flex; align-items: end; } .uspHome{ width:19%; border-bottom:solid 1px #CCC; padding-left:3%; padding-bottom:50px; } .aboutUsImage{ width:42%; padding:0 25px; border-bottom:solid 1px #CCC; } .aboutUsContent{ width:41%; background:url(../img/about-establish-img.png) no-repeat right bottom; background-size:100%; padding-bottom:140px; } .uspHomeBox{ margin:0 0 28px; } .uspHomeBox h5, .uspCategoryPage h5{ color: #000; font-weight: 600; line-height: normal; font-size: 18px; margin:8px 0 7px; font-family: "Space Grotesk", sans-serif; } .uspHomeBox p, .uspCategoryPage p{ color: #000; font-size: 14px; font-weight: 400; line-height: normal; } .uspCategoryPage{ padding:110px 0 60px; } .uspCategoryPageInner{ max-width:1400px; margin:0 auto; display:flex; justify-content: space-between; padding:0 20px; } .aboutUsContent h4{ color:rgba(0,0,0,0.6); font-size: 40px; font-style: normal; font-weight: 400; line-height: 1.3; margin:0; font-family: "Space Grotesk", sans-serif; } .aboutUsContent h3{ color: #000; font-size: 60px; font-weight: 600; margin:5px 0 18px; line-height: 1; } .aboutUsContent p{ color: #000; font-size: 16px; font-weight: 400; line-height: 1.5; padding-right:9%; margin-bottom:22px; } .aboutUsContent a{ color: #000; font-size: 16px; font-weight: 600; text-decoration:underline; } .aboutUsContent a:hover{ color:#BF955F; text-decoration:none; } .premiumChessBoardContentHome{ padding:100px 15px 60px; } .premiumChessBoardContentHome h2{ color: #000; text-align: center; font-size: 100px; font-weight: 800; line-height: 1; font-family: "Big Shoulders", sans-serif; margin:0 0 35px; padding:0 20px; } .premiumChessBoardContentHome h2 span{ color: #000; font-size: 100px; font-weight: 300; } .premiumChessBoardContentHome p{ max-width:1300px; margin:0 auto; color: #000; text-align: center; font-size: 18px; font-weight: 400; line-height: 1.4; } .premiumChessBoardContentHome a{ text-decoration:underline; } .premiumChessBoardContentHome a:hover{ color:#BF955F; } /* ============= Sidebar Start ============= */ .page-sidebar {width:240px; float:left; padding:0px;} .page-sidebar h5, .page-sidebar .accordion-title {padding:13px 20px;font-size:16px;color:#fff;font-weight:700;text-transform:uppercase;margin:0; background:#BF955F; line-height:14px;} .sidebarBlock ul {padding:0; list-style:none;display:block;margin:0;} .sidebarBlock ul.navList{border-left:1px solid #e5e5e5; border-right:1px solid #efefef;} .sidebarBlock ul li {float:none; border-bottom:#e5e5e5 solid 1px; padding:0; margin:0; position:relative;display:block;} .sidebarBlock ul li a.has-subMenu {} .sidebarBlock ul li a {display:block;font-size:14px; font-weight:400; padding:6px 20px; margin:0px; color:#505050; text-transform:none;text-decoration:none; line-height:normal;} .sidebarBlock ul li a:hover, .sidebarBlock ul li a:focus {background:#BF955F;color:#fff !important;} .sidebarBlock .navPages-action.activePage{color:#fff; background:#bf2e1a;} .sidebarBlock + .sidebarBlock, .sidebarBlock{border:none; padding:0; margin:0 0 20px 0;} .sidebarBlock li ul li {padding:0 !important;} .sidebarBlock li ul li a {margin:0 !important;border:none !important;} .sidebarBlock ul.navPages-list li .navPage-subMenu-list{position:absolute; left:100%; top:0px; min-width:200px; background:#e3e3e3; display:none; list-style:none; margin:0px; z-index:9;} .sidebarBlock ul.navPages-list li:hover .navPage-subMenu-list{display:block;} .sidebarBlock ul li.navPage-subMenu-item{width:100%; float:none; position:relative;} .sidebarBlock ul li.navPage-subMenu-item .navPage-childList{position:absolute; left:100%; top:0px; min-width:200px; background:#fff; display:none; list-style:none; margin:0px; z-index:9; display:none; border:1px solid #e5e5e5;} .sidebarBlock ul li.navPage-subMenu-item:hover .navPage-childList{display:block;} .sidebarBlock .navPages-action-moreIcon, .has-subMenu.is-open .navPages-action-moreIcon {float:right; margin-top:6px; display:block; transform:rotate(-90deg); display:none;} .navList{background:#fff;} .navList .navPages-action svg{fill:#505050; stroke:#505050;} .sidebarBlock ul li .navPages-action:hover svg{fill:#fff; stroke:#fff;} .navList .navPages-item:hover .navPage-subMenu{display:block; left:100%; z-index:1; top:0;} .navList .navPage-subMenu-item > .navPage-subMenu-action{border-bottom:10px solid #efefef; color:#505050; padding:6px 20px; text-transform:unset;} .navList .navPages-item .navPage-subMenu{background:#fff; border:1px solid #e5e5e5; padding:0 !important;} .navList .navPage-childList .navPages-action{padding:6px 20px;} .sidebarBlock ul li.navPages-item li:last-child{border-bottom:none;} .page-sidebar .form-minMaxRow .form-field{width:100%; margin:10px 0 0 0;} #facetedSearch-content--bool .navList-item{padding:0 20px;} .sidebarBlock ul li a.navList-action--checkbox{padding-left:45px;} .facetedSearch-refineFilters.sidebarBlock{padding:0;} .form-minMaxRow{margin-left:0; margin-right:0;} .facetedSearch{margin-top:0;} .accordion{margin:0;} .accordion--navList .accordion-navigation-actions{top:8px; right:10px;} .accordion--navList .accordion-indicator{fill:#fff;} .navList-action--checkbox::before{left:20px;} /* ============= Sidebar End ============= */ .productSlider{ padding:0 3%; } .productSliderInner{ padding:50px 30px 50px 50px; display:flex; background:#E9E9E9; position:relative; } .productSlider h2.page-heading{ color: #000; font-size: 42px; font-weight: 400; line-height: normal; font-family: "Space Grotesk", sans-serif; line-height:1.1; width:28%; border:0; margin:30px 0 0 0; padding:0; padding-left:2%; background:url(../img/featured-title-bg.png) no-repeat left 0 bottom 30px; text-align:left; text-transform:none; } .productSlider h2.page-heading strong{ color: #BF955F; font-size: 100px; font-style: normal; font-weight: 700; text-transform: uppercase; font-family: "Big Shoulders", sans-serif; margin-bottom:10px; display:block; } .productSlider .productCarousel { width:72%; min-width: inherit; position: static; } .productSlider .slick-arrow{ left:95px; top:40%; transform:translateY(-40%); } .productSlider .slick-next.slick-arrow{ left:160px; } .card{ margin-bottom:20px; position:relative; background:#fff; padding:0;} .card-figure{background:#fff; padding:0;} .card-img-container::after{padding-bottom:80%;} .card-image{padding:20px; /* width:100%; */} .card .card-image{ transition:all 0.5s ease; } .card:hover .card-image{ transform:scale(1.05); } .card-body{text-align:center; padding:10px 5px 10px 5px; } .card-title{font-size: 18px; font-style: normal; font-weight: 600; line-height:normal; margin:0; height:70px; overflow:hidden; padding:0 5px; font-family: "Space Grotesk", sans-serif; margin:0 0 25px; letter-spacing:0;} .card-title > a{color:#000;} .card:hover .card-title > a{color:#BF955F;} .cardButtons { margin-top:20px; } .cardButtons .button { color: #000; text-align: center; font-size: 18px; font-weight: 500; letter-spacing: 5.4px; text-transform: uppercase; border-top:solid 1px #A6A6A6; padding:10px 5px; margin:0; display:inline-block; height:auto; line-height:inherit; } .cardButtons .button:hover{ color:#BF955F; } .product.oneGrid .card-img-container::after{padding-bottom:90%;} .product.twoGrid .card-img-container::after{padding-bottom:90%;} .card-text{margin:10px 0 0 0; padding:0 15px; line-height:normal;} .card .price-section{font-size:26px; color:#BF955F; font-weight:400; display:inline-block; padding:0 2px;} .card .price--rrp, .card .price--non-sale, .card .price--discounted{color:#BF955F; margin-right:5px; font-weight:normal;} .card-title > a:hover { color: #BF955F; } .non-sale-price--withoutTax.price-section{display:none;} .price-now-label{display:none;} .card-body .card-text[data-test-info-type="productRating"]{display: none;} .card .price-section.price-section--withoutTax.rrp-price--withoutTax{ font-size:20px; color:#9C9C9C; } .card .price-section.price-section--withoutTax.rrp-price--withoutTax span{color:#9C9C9C; font-weight:300; } .productSlider .slick-prev::before{background:url(../img/prev-arrow.png) no-repeat; opacity:1;} .productSlider .slick-prev:hover::before, .productSlider .slick-prev:focus::before{background:url(../img/prev-arrow-white.png) no-repeat;} .productSlider .slick-next::before{background:url(../img/next-arrow.png) no-repeat; opacity:1;} .productSlider .slick-next:hover::before, .productSlider .slick-next:focus::before{background:url(../img/next-arrow-white.png) no-repeat;} .productSlider .slick-next.slick-arrow::after{ position:absolute; left:-15px; height:20px; width:1px; background: #8F8F8F; content:''; top:0; } .productCarousel{margin:0;} .productCarousel-slide{padding-left:10px; padding-right:10px;} .footerTopRight{ padding-top:0; } .footerTopRight .socialLinks{line-height:normal; display:flex; flex-wrap:wrap; height:100%; text-align: center; align-items: center;} .footerTopRight .socialLinks .socialLinks-item{margin:0; width:100%; height: 33.33%; display: flex; justify-content: center; align-items: center; border-bottom:solid 1px #393939; padding:10px; } .footerTopRight .socialLinks .icon svg{ fill: #BF955F; } .footerTopRight .socialLinks .icon{height:100%; width:100%; } .footerTopRight .socialLinks .icon--facebook svg{height:100%; width:43px; } .footerTopRight .socialLinks .icon--x svg{ width:42px; height:100%; } .footerTopRight .socialLinks .icon--youtube svg{ width:49px; } .footerTopRight .socialLinks .socialLinks-item:hover .icon svg, .footerTopRight .socialLinks .socialLinks-item:hover .icon svg path{ fill:#fff !important; } .footerTopRight .socialLinks .socialLinks-item:hover{ border:solid 10px #000; } .footerTopRight .socialLinks .social--facebook:hover{ background-color:#1877F2;} .footerTopRight .socialLinks .social--twitter:hover{ background-color:#1da1f2; } .footerTopRight .socialLinks .social--youtube:hover{ background-color:#FE0000; } /* .footerTopRight .socialLinks .icon--facebook{ background:url(../img/facebook-icon.png) no-repeat center center; } .footerTopRight .socialLinks .icon--twitter{ background:url(../img/twitter-icon.png) no-repeat center center; } .footerTopRight .socialLinks .icon--youtube{ background:url(../img/youtube-icon.png) no-repeat center center; } */ /* ============= Footer Social Icons Start ============= */ footer.footer { margin: 50px 0 0 0; padding:0; border: 0; background: #000; } .footerTop { display: flex; } footer.footer p{ color: #FFF; font-size: 18px; font-weight: 400; line-height: normal; } .footerTopLeft{ width:25%; background:#272727; display:flex; align-items:center; padding:0 3%; } .footerTopCenter{ width:66%; background:#F2F2F2; } .footerTopRight{ width:9%; } .footerLocationBox{ margin:40px 0; } .footerLocationBox span{ display:inline-block; vertical-align:middle; color:rgba(255,255,255,0.5); font-size: 16px; font-weight: 500; display:flex; margin-bottom:10px; } .footerLocationBox span svg{ margin-right:8px; } .footerLocationBox p, .footerLocationBox p a{ color: #FFF; font-size: 18px; font-weight: 400; line-height: normal; overflow-wrap: anywhere; } .footerLocationBox p a{ display:block; } .footerLocationBox:hover p, .footerLocationBox:hover p a{ color: #BF955F; } .footerNewsletter{ background: url(../img/newsletter-left.png) no-repeat left 6% bottom, url(../img/newsletter-right.png) no-repeat right 7% bottom ; background-color:#BF955F; } .footerNewsletterInner{ max-width:600px; margin:0 auto; padding:60px 10px; text-align:center; } .footerNewsletterInner h5.footer-info-heading{ color: #FFF; font-size: 32px; font-weight: 400; line-height: 1.1; margin:0 0 15px; padding:0 15px; } .footerNewsletterInner p{ color: #FFF; font-size: 20px; font-weight: 400; } .footerNewsletterInner form.form{ max-width: 450px; margin: 0 auto; } .footerNewsletterInner form.form .form-input{ background: #FFF; border: 0; border-radius: 0; padding: 14px 20px; height: auto; } .footerNewsletterInner form.form .form-prefixPostfix .button { background:#fff url(../img/newsletter-send-button.png) no-repeat center center; font-size:0; width:auto; padding:0; min-width:50px; margin-left:1px; min-height: 47px; border:0; border-left:solid 1px #BF955F; margin:0; } .footerNewsletterInner form.form .form-field{ margin-bottom:0; } .footer-info{ margin:0; padding:30px 3% 70px 7%; display: flex; margin-top:20px; } .footer-info-col{color:#000; font-size: 15px; font-weight: 400; margin:20px 0 0px; width:28%; } .footer-info-col:last-child{width:44%;} .footer-info-list{margin:0;} .footer-info-col ul li{ padding-bottom:10px; } .footer-info-list a, .footer-info-col a{color:#000; font-size: 15px; font-weight: 400; transition:all 0.5s ease; } .footer-info-list a:hover, .footer-info-col a:hover{color:#BF955F;} .footer-info-list a.viewallLink{font-weight:700;} .footer-info-col-webpages .footer-info-list{ display:flex; flex-wrap:wrap; } .footer-info-col-webpages .footer-info-list li{ width:50%; padding-right:15px; line-height:1.2; } .viewAllFooter{ text-decoration:underline !important; } .footer-info-heading{ color: #000; font-size: 24px; font-weight: 400; margin-bottom:10px; } .footerBottom{ display:flex; align-items:center; justify-content: space-between; padding:45px 3%; background:#111; } .footerBottom .paymentIc{} .purchaseorderIc{background:url(../img/purchase-order-ic.png) no-repeat left 9px center #fff; border-radius:5px; border:1px solid #dfcdb9; font-size:12px; color:#BF955F; display:inline-block; vertical-align:middle; margin-left:6px; height:32px; padding:7px 10px 7px 40px;} .footer-copyright{text-align:center; color: #FFF; font-size: 15px; font-style: normal; font-weight: 400;line-height: normal;} .footer-copyright br{display:none;} .footer-copyright > .powered-by{font-size:13px; color:#FFF; font-size: 15px; font-style: normal; font-weight: 400;} .footer-copyright > .powered-by a{color:#FFF;} .footer-copyright > .powered-by a:hover{color:#BF955F !important;} .footer-copyright > .powered-by strong{color:#FFF; font-weight:700;} .footer-copyright > .powered-by a strong:hover {color:#BF955F;} .bull{margin:0 10px; color:#5a5a5a;} /* ============= Footer End ============= */ /* ============= Breadcrumb and Pagination Start ============= */ .breadcrumb:not(:first-child)::before{border:0; margin:0; transform: rotate(0); } .breadcrumbs{text-align:left !important; padding-top:20px; margin-bottom:0px; padding-bottom:20px;} .breadcrumb{font-size:15px; position:relative; padding-left:28px;} .breadcrumb a{color: #000;} .breadcrumb.is-active > .breadcrumb-label{color: #BF955F; font-weight:500;} .breadcrumb::before{background:url(../img/bread-arrow.png) no-repeat center center; content:''; position:absolute; left:7px; top:6px; width:10px; height:8px; margin:0;} .breadcrumb:first-child{padding-left:0;} .breadcrumb:first-child::before{content:none;} .pagination-list li{width:50px; height:50px; line-height:40px; border:none; border-radius:0;} .pagination-list li.pagination-item--next, .pagination-list li.pagination-item--previous{width:auto; height:auto; float:none; margin:0 15px; vertical-align: top; transition:all ease 0.3s; } .pagination-list li.pagination-item--next a, .pagination-list li.pagination-item--previous a, .pagination-list li.pagination-item--next button, .pagination-list li.pagination-item--previous button, .pagination-list li.pagination-item--next a:hover, .pagination-list li.pagination-item--previous a:hover, .pagination-list li.pagination-item--previous button:hover, .pagination-list li.pagination-item--next a:focus, .pagination-list li.pagination-item--previous a:focus, .pagination-list li.pagination-item--next button:focus, .pagination-list li.pagination-item--previous button:focus{background:none; color: #000; font-size: 20px; font-weight: 600; text-transform:uppercase; } .pagination-list li.pagination-item--previous a:hover, .pagination-list li.pagination-item--next a:hover, .pagination-list li.pagination-item--next button:hover, .pagination-list li.pagination-item--previous button:hover{ color:#bf955f; } .pagination-list li a, .pagination-list li button{background:#282828; color:#fff; font-weight:bold; border-radius:0; } .pagination-list li.pagination-item.pagination-item--current{border:none;} .pagination-list li.pagination-item.pagination-item--current a, .pagination-list li a:hover, .pagination-list li button:hover, .pagination-list li a:focus, .pagination-list li button:focus{background:#bf955f; border-radius:0; color:#fff; } .pagination-item .pagination-link:hover{ color:#fff; } .pagination-list li.pagination-item--next svg{ vertical-align:middle; margin-left:7px; } .pagination-list li.pagination-item--previous svg{ vertical-align:middle; margin-right:7px; } .pagination-list .pagination-item{ margin:0 4px 8px 4px; border-radius:0; } /* ============= Breadcrumb and Pagination End ============= */ /* ============= Inner Pages Common Css Start ============= */ .actionBar{margin-top:15px;} .actionBar .form-field{margin-bottom:0; background:#111; border-radius:0; padding-right:0; } .actionBar .form-field label.form-label{ color: #FFF; font-size: 20px; font-weight: 600; line-height: 1.1; padding:20px 0 20px 30px; } .actionBar-section .form-select{min-width:160px; background:#111; color: #FFF; font-size: 20px; font-weight: 400; line-height:1.5; height:70px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z' fill='rgba(255, 255, 255, .5)' /%3E%3C/svg%3E"); background-position: right 15px center; background-repeat:no-repeat; padding-bottom:0; padding-top:0; padding-right:40px; } .actionBar-section{float:right;} .page-content--centered{width:100%; padding:0;} .form-actions{max-width:unset; text-align:left;} .account--fixedSmall, .account--fixed, .account--fixedLarge, .account{width:100%;} .login, .login-row{max-width:unset;} .login{margin:0;} .form-column{width:100%;} .form-fieldset.form-column .form-field{padding-left:0; padding-right:0;} .form-fieldset.form-column .form-field.form-field-group{padding-left:0.75rem; padding-right:0.75rem;} .wishlists-table{max-width:100%;} .form.forgot-password-form {max-width:600px;} #gift-certificate-balance{max-width:650px;} .brand .card-img-container::after{padding-bottom:100%;} .brand .card-title{height:auto; color:#fff; background:#BF955F; text-transform:uppercase; font-size:16px; font-weight:500; font-family:'Oswald', sans-serif;} .brand .card:hover .card-title > a{ color:#fff; background:#AC8553; } .brandGrid .brand .card-title{height:unset;} .brand .card-title a{color:#fff; display:block; padding:10px;} .brand .card-body{padding:0;} .brand .card{padding:0; border-radius:0;} .brand .card .card-figure{padding:0; margin:0;} .brandGrid li.brand .card { border:solid 1px #ddd; } .brand-product-code{ display:flex; gap:15px; align-items:center; } .brand-product-code .productView-info-name{ margin-bottom:0 !important; } .brand-product-code .prdctDtl{ padding-top:5px; } .brand-product-code .productView-info-name{ border-left:solid 1px #ddd; padding-left:15px; line-height:normal; } .rating--small .icon{width:19px; height:21px; margin:0;} .icon--ratingEmpty svg{display:none;} .icon--ratingFull svg{display:none;} .icon.icon--ratingEmpty{background:url(../img/empty-rating.png) no-repeat center center;} .icon.icon--ratingFull{background:url(../img/full-rating.png) no-repeat center center;} .productView{padding-top:15px; font-size:16px; margin:0;} .productView-details{ background:#FAFAFA; padding:0 45px; } .productView-title{color: #000; font-size: 35px; font-weight: 700; line-height: normal; margin:0; font-family: "Space Grotesk", sans-serif; padding:35px 0 20px; max-width:81%; } .productView-brand{font-size:16px; font-weight:700; color:#000; font-family: "Space Grotesk", sans-serif; margin-bottom:0; padding-top:5px;} .productView-brand a{color:#000; font-weight:normal;} .productView-price{margin-bottom:20px; padding-bottom:12px; border-bottom:solid 1px #D9D9D9; } .productView-price .price-section{color: #BF955F; font-size: 45px; font-weight: 700; line-height: normal;} .price-section.price-section--withoutTax.rrp-price--withoutTax { color: #A4A4A4; font-weight:400; } .productView-price .price-section.non-sale-price--withoutTax{ display:none !important; } .productView-price .price-section.price-section--saving.price{ color: #0C6D0F; font-size: 18px; font-style: normal; font-weight: 700; } .productView-price .price-section{ margin-right:12px; } .productView-price .price-section .price--withoutTax{color: #BF955F; font-size: 45px; font-weight: 700; line-height: normal;} .productView .icon--ratingFull svg{fill:#bf955f;} .productView-product{border:none;} .form-field .productOptions-list{ background: #fff; border: 1px solid #D2D2D2; } .productOptions-list-item + .productOptions-list-item { border-top: 1px solid #D2D2D2; } .productView-img-container::after{padding-bottom:100%;} .productView-images .easyzoom-flyout{left:0px; top:0px; z-index:9999;} .prdctDtl .productView-info-name{display:inline-block; width:auto; margin-right:5px; font-size:16px; font-family: "Space Grotesk", sans-serif; color:#000; font-weight:700; margin-bottom:12px;} .prdctDtl .productView-info-value{display:inline-block; width:auto; font-size:16px; font-family: "Space Grotesk", sans-serif; margin-bottom:0; color:#000;} .form-label{font-family: "Space Grotesk", sans-serif; font-size:14px; color:#000; } .productView-options .form-field{margin-bottom:25px;} .productView-options .form-field.form-field--increments{margin-bottom:0; width:50%; } .add-to-cart-wrapper .form-field--increments .button{height:auto;} .form-field--increments .form-label{ width:auto; margin-right:10px; margin-bottom:0; vertical-align:middle; color: #000; font-size: 18px; font-weight: 600; line-height: 2.22;} .add-to-cart-wrapper .form-field--increments .form-increment{ display: flex; width:auto; border:1px solid #000; border-radius:0; overflow:hidden; background:#fff; flex-wrap:wrap; } .add-to-cart-wrapper .form-field--increments .form-increment span.form-inlineMessage{ padding:0 10px 10px 10px; text-align:center; } .add-to-cart-wrapper .form-increment .button{height:80px; width:20%; min-width:unset; border-radius:0; border:none; background:#000000; padding:10px 5px; transition:all ease 0.5s;} .add-to-cart-wrapper .form-increment .button:hover{ background:#bf955f; } .add-to-cart-wrapper .form-increment .button .icon{ width:25px; height:25px; } .add-to-cart-wrapper .form-increment .button .icon svg{ fill: #fff; stroke: #fff; } .add-to-cart-wrapper .form-input--incrementTotal{ color: #000; font-size: 20px; font-weight: 400; width:auto; width:60%; } .productView-details.product-data{ position:relative; } .productView-product .form-wishlist{ position:absolute; right:20px; top:20px; margin:0; } .productView-options .form .add-to-cart-wrapper{ display: flex; align-items: flex-start; gap:20px; } .productView-options .form .add-to-cart-wrapper .add-to-cart-buttons{ margin-top:39px; } .productView-options .add-to-cart-buttons{ width:50% !important; margin:13px 0 0 0; } .add-to-cart-buttons .add-to-cart-wallet-buttons{ margin:0; } .productView-images{ position:relative; } .productView-options form.form [data-product-option-change] .form-field > label.form-label { display:none; } .productView-details{ padding-bottom:0; } .productView-details > .productView-options{padding-top:15px;} .productView-options{margin-bottom:0;} .productView-product{padding-bottom:0;} .productView-details{margin-bottom:0;} .form-wishlist .button{padding:11px 25px;} .form-wishlist .button .icon{display:none;} #wishlist-dropdown.is-open .button{padding:10px 5px; font-size:15px;} .productView-info-bulkPricing [data-reveal-id="modal-bulk-pricing"] span { display:inline-block; background:#F23C24; color: #FFF; font-size: 24px; font-weight: 600; line-height: 1.6; font-family: "Big Shoulders", sans-serif; padding:9px 25px; transition:all ease 0.5s; } .productView-info-bulkPricing [data-reveal-id="modal-bulk-pricing"] span:hover{ background:#000; } .productView-info-bulkPricing [data-reveal-id="modal-bulk-pricing"] span svg{ vertical-align:middle; margin-right:7px; } .tab-title{font-size:30px; text-transform:uppercase; color: #4D4D4D; font-weight:500; font-family: "Big Shoulders", sans-serif; text-transform:none; padding:0 0 10px;} .tab.is-active .tab-title{color:#BF955F; border-bottom: solid 3px #BF955F; font-weight:500; } .tab.is-active{border:none; margin-bottom:0; position:relative; } .tab.is-active::after{ position:absolute; content:''; background:url(../img/down-arrow.png) no-repeat center bottom; width:33px; height:12px; bottom:-10px; left:0; right:0; margin:0 auto; } .tab{border:none; margin-right:40px; float:left;} .productView-description{width:100%; padding:30px 0 0 0; float:none;} .productView-description .tab-content{padding:20px 0;} .productView-description .tab-content ul li{margin-bottom:5px;} .productView .slick-dots{display:none !important;} .product-page-add-to-cart-btn .form-action{background:#bf955f; text-align:center; height:auto; padding:23px 0 20px; border:none; width:100%; margin-bottom:-6px; transition:all ease 0.5s; } .product-page-add-to-cart-btn .form-action input#form-action-addToCart{ color:#fff; font-family: "Space Grotesk", sans-serif; text-transform:uppercase; font-size: 28px; font-weight: 500; line-height: 24px; width:auto; padding:0; background:none; border:0 !important; } .product-page-add-to-cart-btn .form-action:hover{ background-color:#000; } .add-to-cart-buttons input[value="Adding to Cart..."]{ font-size:20px; } .product-page-add-to-cart-btn .form-action svg{ margin-right:10px; vertical-align:middle; } .form-wishlist .dropdown-menu-button{background:#AC8553; border-radius:100%; padding:0; display:inline-block; font-weight:normal; border:none; width:80px !important; height:80px; min-width:inherit; display: flex; align-items: center; justify-content: center;} .form-wishlist .dropdown-menu-button:hover svg{ fill:#fff; } .productView-details .productView-options{ border-bottom:solid 1px #D9D9D9; padding-bottom: 30px; } .payment-icon-product{ padding:25px 0 15px; } .productView-details.product-options{ padding-bottom:15px; } #product-listing-container .productGrid{ margin-bottom:0; } .removeBtn, .removeBtn:hover { background:url(../img/remove-ic.png) no-repeat center; width:25px; height:25px; font-size:0; border:none; min-width:unset; padding:0;} .removeItem { position:absolute; top:15px; right:20px;} .modal-content .form-field{padding-left:0; padding-right:0;} #cart-preview-dropdown{min-width:300px; left:auto;z-index:99;} .previewCartAction .previewCartAction-checkout{padding-left:0;} .previewCartAction .previewCartAction-viewCart{padding-right:0;} .previewCartItem-content{padding-left:10px; padding-right:0; text-align:left; margin-left:-5px;} .previewCartAction .button{font-size:13px; min-width:unset; padding:12px 10px;} .previewCartList li {display:block;padding:15px 10px; border-bottom:1px solid #ccc;} .previewCartItem-image, .previewCartItem-content{display:inline-block;} .previewCartItem-name > a{color:#444;} .account-body{margin:0;} .form-select--small, .form-select--date{padding-top:5px; padding-bottom:5px;} .cart-additionalCheckoutButtons{width:auto; float:right;} .cart-additionalCheckoutButtons .FloatRight p{text-align:center;} .cart-additionalCheckoutButtons .CheckoutButton:first-child{margin-top:0;} .cart-total .form-select, .cart-total .form-input{height:auto;} .cart-total .button{padding:11px 10px 9px; height:auto;} .cart-form .button{min-width:unset; height:auto;} .form-actions .button, .form-actions input, .form-actions a {vertical-align:middle;} .productGrid .product{position:relative; width:33.33%; margin-left:-1px;} .quickSearchResults .card-figcaption-body{display:none;} .quickSearchResults .card{margin-bottom:5px !important;} .coupon-code-cancel, .shipping-estimate-hide{font-style:normal;} .table-actions .button{min-width:unset;} .addthis_toolbox .socialLinks{ margin-top:20px; } .addthis_toolbox .socialLinks .socialLinks-item {margin-right:3px;} .addthis_toolbox .socialLinks .socialLinks-item .icon{width:50px; height:50px; border:solid 1px #DFDFDF; background:#fff; border-radius:100%; padding:13px;} .addthis_toolbox .socialLinks .socialLinks-item .icon:hover{ border:solid 1px #BF955F; background:#BF955F; } .addthis_toolbox .socialLinks .socialLinks-item svg{ fill:#000; } .addthis_toolbox .socialLinks .socialLinks-item .icon:hover svg{ fill:#fff; } .addthis_toolbox .socialLinks .socialLinks-item .icon:hover{ border:solid 1px #BF955F; background:#BF955F; } .addthis_toolbox .socialLinks .socialLinks-item .icon--facebook:hover{ border:solid 1px #1877F2; background:#1877F2; } .addthis_toolbox .socialLinks .socialLinks-item .icon--twitter:hover{ border:solid 1px #000; background:#000; } .addthis_toolbox .socialLinks .socialLinks-item .icon--pinterest:hover{ border:solid 1px #E60023; background:#E60023; } /* ============= Inner Pages Common Css End ============= */ .blog-post-figure{width:100%;} .blog-post-body{width:100%; text-align:left;} .blog-date, .blog-author{text-align:left;} .blog-title{margin-left:0; font-size:18px; margin-right:0;} .blog-title a{color:#444;} .blog .addthis_toolbox{margin-top:20px;} .blog .socialLinks{text-align:left; line-height:normal;} .blog-thumbnail{margin:0 0 20px;} .blog-thumbnail::after{padding-bottom:0;} .blog-thumbnail img{position:relative;} .blog + .pagination{padding-top:40px;} .blog-post-figure{width:100%; display:inline-block; vertical-align:top;} .blog-post-body{width:100%; display:inline-block; vertical-align:top; padding-left:0;} .blog + .blog {margin-top: 20px; padding-top: 20px;} .blog .tags{text-align:left;} .blogpostPage{padding-top:30px;} .blogpostPage .blog-post-figure{width:100%;} .blogpostPage .blog-post-body{width:100%; padding-left:0;} .page-listing-page .blog{ width:32%; display:inline-block; vertical-align:top; margin:0 -4px 20px 1.333%; border:solid 1px #ddd; padding:15px; } .page-listing-page .blog .blog-post-figure{ display:none; } .subcategories_img { width:100%; clear:both; overflow:hidden; } .subcategories_img ul { list-style: outside none none; margin: 0 -10px 0 -7px; padding: 0; } .subcategories_img ul li { padding:10px 10px; width: 33.333%; display:inline-block; margin-left:-3px; vertical-align:top; text-align: center; } .subcategort_thumb { border: 3px solid #bf955f; border-bottom: none; overflow: hidden; padding: 0; } .subcategories_img ul li .subcater_img { display: block; text-align: center; vertical-align: middle; width: auto; position:relative; padding-bottom:60%; } .subcategories_img ul li .subcater_text { background: #bf955f none repeat scroll 0 0; text-decoration:none; color: #fff; display: block; font-size: 17px; padding: 9px 5px 10px 5px; text-align: center; letter-spacing:normal; font-weight:500; text-transform:none; font-family:'Oswald', sans-serif; float: left; width: 100%; display: block; } .subcater_img > img { max-height: 100%; position: absolute; left:0; right: 0; top:0; bottom:0; margin:auto; width:auto; } .page{margin:0;} .page-content, .page-content--full{padding-left:0; padding-right:0;} .page-sidebar + .page-content{width:auto; padding:0 0 0 20px; overflow:hidden; float:none;} .catepageDesc{position:relative; color: #000; font-size: 18px; font-weight: 400; line-height: 1.4; max-width:1400px; margin:0 auto; padding-bottom:5px; text-align:center; padding-bottom:50px;} .catepageDesc strong, .catepageDesc a{color:#bf955f; font-weight:700;} .catepageDesc p{color: #000; font-size: 18px; font-weight: 400; line-height: 1.4;} .page-heading{font-size: 70px; font-style: normal; font-weight:900; text-align:center; margin:0 0 10px; padding:0; font-family: "Poppins", sans-serif; text-transform:uppercase; color:#000; line-height: 1.3; } .page-heading.parent-category-title{ font-family: "Big Shoulders", sans-serif; font-weight:700; margin:15px 0 0 ; } .card-figcaption-body .button{display:block;} .page-content.page-content--centered table, .tab-content table{width:100% !important; height:auto !important; margin-bottom:20px;} .brandGrid .brand{ margin-left:-2px; } .modal-body .productView .productView-details .productView-title{ margin-top:20px; font-size:24px; } .productView-thumbnails img{max-width:100%; max-height:130px; width:auto;} .productView-thumbnail-link{max-width:100%; height:130px;} .productView-images .sale-flag-side{background:url(../img/sale-tag-red.png) no-repeat center center; right:20px; text-transform:uppercase; text-align:center; width:104px; min-height:104px; padding:18px 0 0 0; border-radius:0px;} .productView-images .sale-flag-side .sale-text{ transform:rotate(45deg); position: relative; top: 5px; right: -18px; display: block; color: #FFF; font-size: 15px; font-style: normal; font-weight: 600; } #freeprc span{ color: #0C6D0F; font-size: 18px; font-style: normal; font-weight: 700; } .card .sale-flag-side, .product:hover .card .sale-flag-side{ background:url(../img/sale-tag-red.png) no-repeat center center; width:104px; min-height:104px; right:0; border-radius:0; } .card .sale-flag-side span{ transform:rotate(45deg); position: relative; top: 41px; right: -42px; display: block; color: #FFF; font-size: 15px; font-style: normal; font-weight: 600; text-transform: uppercase; } .card-body .card-text .price_label{display:none;} .productView-price .price-section{display:inline-block; padding-right:0;} .productView-price .price-section.price-section--saving{} .productView-price .price-section .price_label{font-weight:bold;} .productView-price .price-section .price_label.salep{color:#ff0000; display:none;} .productView-price .price-section .price_label.regularp{display: none;} .productGrid{margin: 0;} .productGrid .product{padding-left:5px; padding-right:5px;} .productGrid .product.twoGrid, .page-sidebar + .page-content .productGrid .product.twoGrid{width:50%;} .productGrid .product.oneGrid, .page-sidebar + .page-content .productGrid .product.oneGrid{width:100%;} .productView-options .form-action{margin-top:0;} #freeprc span{padding-bottom:10px !important; font-weight:700 !important;} .productView-info > :first-child{margin-top:15px;} .productView-info-bulkPricing .productView-info-name{display:none;} .productView-info{margin-bottom:0;} .productView-rating{ border-top:solid 1px #D9D9D9; margin:12px 0; padding:12px 0; } a#productReview_link{ margin-left:8px; margin-right:7px; } .productGrid .product .card + .form{ text-align:center; } .gridView, .cgridView{float:left; background:#BF955F; margin-top:15px; padding-left:5px; font-weight:700;} .cgridView{margin:0 0 10px 0;} .gridView .gridViewOption, .cgridView .cgridViewOption{width:60px; height:60px; padding:15px 10px; text-align:center; display:inline-block; margin-left:-4px; cursor:pointer;} .gridView .gridViewOption, .cgridView .cgridViewOption{ border-left:solid 1px #EFD7B9; } .gridView .gridViewOption.active, .cgridView .cgridViewOption.active{background: #000;} /* .gridView .gridViewOption img, .cgridView .cgridViewOption img{width:20px;} */ .gridView .gridViewLabel{ color: #FFF; font-size: 20px; font-weight: 600; line-height: 1.1; } .gridView .gridViewLabel, .cgridView .cgridViewLabel{padding:0 25px 0 20px; color: #FFF; font-size: 20px; font-weight: 600; line-height: 1.1; } .subcategories_img ul li.twoGrid{width:50%;} .subcategories_img ul li.oneGrid{width:100%;} .subcategories_img ul li.oneGrid .subcater_img{padding-bottom: 30%;} .headerrightTop .navPages-item{text-align: right; width: 100%;} .headerrightTop .navPages-item .navPages-action{font-size: 15px; margin-bottom: 25px; line-height: normal;} #scGNbR{display:none !important;} .orderLink span{color:#efdd6f; display: block; font-size: 20px;} .header .mobile_tagline { text-align: center; display: none; } .cart-total .form-select{ padding: 0.5rem 0.78571rem; } .quickSearchResults .sale-flag-side {width: 35px;min-height: 27px;padding: 4px;top: 0;background-size: 100% !important;line-height: 1.2;font-size: 10px;} .productView-thumbnails .productView-thumbnail .productView-thumbnail-link {box-sizing: border-box; border: 2px solid #C7C7C7; padding:10px; } .productView-thumbnails .productView-thumbnail .productView-thumbnail-link.is-active { border: 5px solid #BF955F; } .productView-thumbnails .slick-list { margin-left: 60px; margin-right: 60px; } .navUser-action--currencySelector .icon{width:9px; height:9px; margin-top:-3px;} .page-content.page-content--centered address[style="text-align: center;"], .page-content.page-content--centered h1[style="text-align: center;"]{text-align: left !important;} /* ============= Navigation Desktop Start ============= */ @media (min-width: 801px) { .productView-images, .productView-details{width:50%;} .previewCart .productView {flex-direction: inherit;} } @media (min-width: 1261px){ .productView-options .form{ display:inline; } .productView-options .form.form-wishlist.form-action { display:inline-block; float:none; vertical-align:top; margin-left:10px; } .productView-options .add-to-cart-buttons{ margin:0; padding:0; width:auto;} } @media (min-width: 992px) { .navPages-container{font-family: "Space Grotesk", sans-serif; padding:0; margin:0; width:75%; position:inherit; } .navPages-container .navPages-action{color: #000; font-size: 19px; font-style: normal; font-weight: 500; line-height: normal; font-family: "Big Shoulders", sans-serif; text-transform:inherit; position:relative; padding:8px 15px; } .navPages-container > .navPages-list{ text-align:center; } .navPages-container .navPages-action:hover::after{ position:absolute; width:50px; height:2px; content:''; background:#bf955f; bottom:6px; left:20px; right:auto; } .navPages ul li:hover > .navPages-action, .navPages ul li:focus > .navPages-action, .navPages-action:hover, .navPages-action.activePage{color:#BF955F; background:none;} .navPages ul li.navPages-item{float:none; display:inline-block; position:relative; } .navPages ul li.navPages-item .navPage-subMenu{ width:300px; } .navPages ul li.navPages-item .navPage-subMenu .navPage-subMenu-list{ max-width:100%; padding:0; } /* .navPages ul li.navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item{ width:25%; }*/ .navPages ul li.navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item .navPage-subMenu-action{ border:0; font-family: "Space Grotesk", sans-serif; font-weight:500; font-size:16px; padding:10px 0; color:#000; } .navPages ul li.navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item .navPage-subMenu-action:hover{ color:#BF955F; } .navPages ul li.navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item .navPage-subMenu-action:hover::after{ display:none; } .sale-banner-header-mobile{ display:none; } /*.navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu + .navPage-subMenu .navPage-subMenu-list { display: flex; flex-wrap: wrap; max-width: 1500px; margin: 0 auto; } */ .navPages ul li.navPages-item:first-child{padding-left:0; background:none;} .navPages-action-moreIcon{margin-left:0; } .navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon{ margin-left:5px; margin-top:3px; } .navPages-action-moreIcon svg{fill:#333; stroke:#333;} .navPages{max-width:1320px; padding:0; text-align:right; } .navPages-container .navPages-item.navPages-item-page{display:none;} .navPages-list li:hover .navPage-subMenu{ display:block; } .navPages-list li .navPage-subMenu.is-open{ display:none; } .navPages-list li:hover .navPage-subMenu.is-open{ display:block; } .navPage-subMenu.is-open, .navPage-subMenu, .navPage-childList.is-open{background:#f5f5f5; width:250px; padding:0px !important; left:0; z-index:1; border:solid 1px #cbcbcb;} .has-subMenu.is-root + .navPage-subMenu-horizontal{width:250px;} .navPages-action.is-open{background:none;} .navPage-subMenu-action{font-size:14px;} .navPages ul.navPage-subMenu-list li:hover .navPage-subMenu-action, .navPages ul.navPage-childList li:hover .navPages-action{background:none; color:#fff; opacity:1;} .navPages-list .navPage-subMenu .navPage-subMenu-item-child .navPage-subMenu{left:100%; top:0px; display:none;} .navPages-list .navPage-subMenu .navPage-subMenu-item-child:hover .navPage-subMenu{display:block;} .navPages-list .navPage-subMenu .navPage-subMenu-item-child {position:relative;} .navPages-list .navPage-subMenu .navPage-subMenu .navPage-subMenu-item-child .navPage-subMenu{left:100%; top:0px; display:none;} .navPages-list .navPage-subMenu .navPage-subMenu .navPage-subMenu-item-child:hover .navPage-subMenu{display:block;} .navPage-subMenu-horizontal .navPages-action-moreIcon {top:20px;right:10px;position:absolute;} .navPage-subMenu-horizontal .navPages-action-moreIcon svg { fill: #fff;stroke: #fff;} .navPage-subMenu-item .navPages-action{color:#c8c8c8; padding:10px 0;} .navPage-subMenu-item{width:100%;} .navPage-subMenu-item > .navPage-subMenu-action, .navPage-childList .navPages-action{border:none; margin:0; border-bottom:1px solid rgba(255, 255, 255, 0.1); padding:10px 0; line-height:normal;} .navPage-subMenu-item, .navPage-childList .navPage-childList-item{padding:0 15px !important; border-bottom:solid 1px #ddd;} .navPage-childList.is-open{display:none; position:absolute; left:100%; top:0;} .navPage-childList .navPages-action{font-weight:normal; line-height:normal; font-size:14px;} .navPage-subMenu-item{position:relative;} .navPage-subMenu-item:hover .navPage-childList.is-open, navPage-subMenu-item:focus .navPage-childList.is-open{display:block;} } /* ============= Navigation Desktop End ============= */ @media (max-width: 1600px){ .reviewCarouselBox{ padding:50px 30px 50px 20px; } .productView-details{ padding:0 30px; } } @media (max-width: 1320px){ .productCarousel{padding:0 10px;} .slick-prev{left:0;} .slick-next{right:0;} .customerReviewsHome { padding: 50px 15px; } .customerReviewsHome h2{ font-size:40px; } .customerReviewsHome h2 span{ font-size:26px; } .reviewCarouselBox p{font-size:16px; } } @media (max-width: 1199px){ .previewCartCheckout .button{font-size:12px; padding:12px 5px;} .form-wishlist{padding:0;} } /* ============= Responsive Navigation Start ============= */ @media (max-width: 991px){ .navPages{text-align:left; background:#e5e5e5;padding:20px; position:fixed; height: calc(100vh - 115px); width:100%; left:0; overflow-y:auto;} .navPages-container {bottom: 0; display: none; height: 100%; left: 0; position: fixed; overflow-y:auto; right: 0; z-index: 10; background:none;} .navPages-container.is-open {display: block; padding-top: 115px; z-index: 1;} .navPages ul li, .navPages ol li{ border-bottom:solid 1px #ccc; text-align:left; position:relative;} .navPages-list {display:block;} .navPages-item {float:none;color:#000;font-size:14px;} .navPages-action {display:block; padding:5px 0;font-weight:normal;text-transform:unset;} .navPages-list--user {display:block;} .navPage-subMenu-list .navPage-subMenu-action:hover{background:none; opacity:1;} .navPage-subMenu-item > .navPage-subMenu-action{border:none; margin:0;} .navPage-subMenu-item{width:100%; padding:0 !important;} .navPages-action-moreIcon { position:absolute;top:13px;right:0px;} .navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon { border: 1px solid #d6cdc0; border-radius: 4px; float: left; height: 30px; margin-top: -4px; transform: rotate(90deg); width: 30px; padding:10px 0 0 0;top:10px;right:0;text-align:center;} .navPage-subMenu{position:relative; padding:5px 15px !important} .navPage-subMenu-horizontal.is-open{border-left: 0 none; height: auto; left: inherit; margin: auto; top: inherit; width: 100%;} nav.navPages .navPage-subMenu-list .navPages-action{text-transform:none;} nav.navPages .navPage-subMenu-list .navPage-childList{padding:0 0 0 15px;} .navPages-list--user .navPages-action{display:inline-block;} .navPage-childList .navPage-childList-item:last-child{border:none;} .navPages-list + .navPages-list{border:none; padding:0; margin:0;} .navPages li.navPage-subMenu-item:last-child{border:none;} .navUser-section{display:none;} .mobileMenu-toggle {display: inline-block; font-size: 0; left: 15px; top:38px; overflow: hidden; padding:0; position: absolute; z-index: 50; margin-top:0; background:#BF955F !important; width:40px !important; height:40px !important; border-radius:5px;} .mobileMenu-toggle .mobileMenu-toggleIcon {top:19px;} .mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::before, .mobileMenu-toggle .mobileMenu-toggleIcon::after, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after{width:20px; background:#fff;} .mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::before, .mobileMenu-toggle .mobileMenu-toggleIcon::after{background:#fff; margin:auto; left:0; right:0;} .navPages-quickSearch {display:block;} .quickSearchResults .productGrid .product .card {border-bottom:none;} .dropdown--quickSearch .form-field .button, .navPages-quickSearch .form-field .button {margin:0;} .quickSearchResults{position:relative; max-width:none; width:100%; overflow-y:auto;} .quickSearchResults ul.productGrid{padding:10px 0 0 0;} .navPages-quickSearch .form-input{min-width:unset;} .quickSearchResults{ display: block; margin-top: 0; border-radius: 10px; } .productGrid .product{width:33.333%;} .page-sidebar{display:none;} .page-sidebar + .page-content{padding:0;} .brandGrid .brand{ width:33.33%; } .headerrightTop .navPages-item .navPages-action{color: #fff;} .navPages ul li.navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item{width:100%;} .navPages-list:not(.navPages-list-depth-max) .navPage-subMenu-action{padding-left:0;} .page-heading.parent-category-title{ margin-top:5px; } } /* ============= Responsive Navigation Start ============= */ @media (max-width: 800px){ body{padding-top:0;} .header-logo > a{padding:0;} .navUser{position:relative; top:0; transform:none;} .tabs{clear:both;} .login-row .login-form, .login-row .new-customer{padding-left:0; padding-right:0;} .tab.is-active .tab-title{text-align:center; margin-right:0;} .cgridView .cgridViewOption[data-class="threeGrid"]{display:none;} .header, .header-logo{ height:auto; } .previewCart .productView .productView-image { width: 100%;} .productView-details.product-data{order:0;} .productView-options .add-to-cart-buttons{width:auto;} .form-wishlist{width:auto;} .header{ position:relative; } } @media (max-width: 767px){ .dropdown-menu.is-open {left:inherit !important;right:0;} .heroCarousel.slick-initialized{ z-index:9; } } @media (max-width: 700px){ .reviewCarouselBox p.reviewcarousalcontent{ height:auto; margin-bottom:20px; } .reviewCarouselBox{ padding:30px 0 40px 0; background-position:right 10px bottom 30px; } } @media (max-width: 640px){ .productGrid .product, .page-sidebar + .page-content .productGrid .product{width:50%;} .brandGrid .brand{ width:50%; } .gridView .gridViewOption[data-class="threeGrid"]{display:none;} } @media (max-width: 550px){ .footer-info-col{text-align:left;} .navUser-item-cartLabel{display:inline-block;} .cart-additionalCheckoutButtons .FloatRight div{width:100%; text-align:center;} .cart-additionalCheckoutButtons{width:100%;} .cart-total-label{text-align:left; padding-left:0; padding-right:10px;} .cart-actions .checkoutMultiple{width:100%; text-align:center;} .cart-additionalCheckoutButtons .FloatRight div {float: none;padding: 10px 0 0;} .cart-total .form-select {height:auto;} .productSlider{ background:#e4bb83; } .productSlider .page-heading{ color:#fff; } .productView-options .form-field.form-field--increments{float: none; margin-bottom:15px; margin-right:0;} .productView-options .add-to-cart-buttons{width:100%;} } @media (max-width: 549px){ .cart-total .button{width:100%;} .paymentIc img{display:block; margin:0 auto 10px;} .collectnSec .page-heading, .productSlider .page-heading{background:none; padding:0;} .subcategories_img ul li .subcater_text{font-size:14px;} .gridView, .cgridView{float:none; display:inline-block; margin:0 0 10px 0;} .header .mobile_tagline {font-size: 12px;} .navUser-item--cart__hidden-s { display: block; } } @media (max-width: 480px) { .card-img-container::after{padding-bottom:80%;} .blog-post-body{width:100%; padding-left:0;} .blog-post-figure{width:100%;} .brandGrid .brand{width:100%;} .pagination-list li.pagination-item--next, .pagination-list li.pagination-item--previous{width:100%; text-align:center;} .pagination-list li.pagination-item--previous{margin-bottom:10px;} .pagination-list li.pagination-item--next{margin-top:10px;} .gift-certificate-form .button{font-size:15px;} .collectnSec ul li{width:100%;} .contactInfo .mailIc a{display:block;} } @media (max-width: 479px) { .bull{display:none;} .cart-total-label{width:50%;} .coupon-form .form-input, .cart-gift-certificate-form .form-input{width:73%;} .coupon-form .button, .cart-gift-certificate-form .button{width:25%;} .category-suggestion {width:100%;} .coupon-form .form-input, .cart-gift-certificate-form .form-input {width:100%;} .coupon-form .button, .cart-gift-certificate-form .button {margin:10px 0 0 0;width:100%;} .button--primary {min-width:inherit;} .table-actions .button {width:auto;} .table-actions .button {font-size: 12px;height: auto;padding: 10px;width: auto;} .previewCartCheckout .button {display: block;font-size: 11px;height: auto;margin: 0;padding: 10px;width: 100%;} .previewCartCheckout {margin-bottom:10px;} .productView-thumbnails img { height: 100%; object-fit: contain; width: 100%; } .productView-thumbnail-link {height:60px;} .estimator-form .button--primary {padding:10px;} .productGrid .product, .page-sidebar + .page-content .productGrid .product, .productGrid .product.twoGrid, .page-sidebar + .page-content .productGrid .product.twoGrid{width:100%;} .subcategories_img ul li.twoGrid{width:100%;} .gridView, .cgridView{display:none;} } @media (max-width: 419px) { } @media (max-width: 360px){ .g-recaptcha {overflow-y: auto;} .writeReview-form .g-recaptcha div, .writeReview-form .g-recaptcha iframe{width:230px !important; overflow-y: auto;} } ul.navPage-subMenu-list li:first-child{ display: none; } .zoomie { position: relative; } .zoomie-window { top: 0; left: 0; cursor: none; background-color: #fff; background-repeat: no-repeat; width: 200px; height: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; border: 1px solid #c9c9c9; position: absolute; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 0 25px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 0 25px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 0 25px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.1); display: none; z-index: 10; } .main-image { width: 100%; } .main-image-link { display: table; margin: auto; } .main-image-link .zoomie { display: table-cell; vertical-align: middle; } /* fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("//cdn6.bigcommerce.com/r-fd03a341c38d67bb00554c2495edbc7f69e3ad2d/themes/Athletic/images/fancybox/fancybox_sprite.png"); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url("//cdn6.bigcommerce.com/r-fd03a341c38d67bb00554c2495edbc7f69e3ad2d/themes/Athletic/images/fancybox/fancybox_loading.gif") center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("//cdn6.bigcommerce.com/r-fd03a341c38d67bb00554c2495edbc7f69e3ad2d/themes/Athletic/images/fancybox/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("//cdn6.bigcommerce.com/r-fd03a341c38d67bb00554c2495edbc7f69e3ad2d/themes/Athletic/images/fancybox/fancybox_overlay.png"); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("//cdn6.bigcommerce.com/r-fd03a341c38d67bb00554c2495edbc7f69e3ad2d/themes/Athletic/images/fancybox/fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url("//cdn6.bigcommerce.com/r-fd03a341c38d67bb00554c2495edbc7f69e3ad2d/themes/Athletic/images/fancybox/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } #fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; } #fancybox-thumbs.bottom { bottom: 12px; } #fancybox-thumbs.top { top: 2px; } #fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; left:0px !important; text-align:center; } #fancybox-thumbs ul li { display:inline-block; padding: 1px; opacity: 0.5; } #fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; } #fancybox-thumbs ul li:hover { opacity: 1; } #fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; } #fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none; } /* Landing Page */ .chess_pieces_landing_page *{ font-family: "Archivo", sans-serif; } @font-face { font-family: 'Square 721 Blk'; src: url('https://cdn11.bigcommerce.com/s-5p6k1/content/fonts/Square721Blk-Normal.woff2') format('woff2'), url('https://cdn11.bigcommerce.com/s-5p6k1/content/fonts/Square721Blk-Normal.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } .img-res{width: 100%;} section.h-chess-pieces-banner h1{font-size:120px;font-family:'Square 721 Blk';text-transform:uppercase;color:#000;text-align:center;line-height:88px;margin-top:57px} section.h-chess-pieces-banner p{font-size:15px;font-weight:400;color:#161616;text-align:center;max-width:1390px;margin: 45px auto; letter-spacing: 0;padding: 0 20px;} .chess_piese_box_container {max-width: 1600px;margin: 0 auto;} .chess-grid-boxes{display:grid;grid-template-columns:repeat(4,1fr);margin-top: 70px;margin-bottom: 50px;} .chess-grid-box-details{position:absolute;z-index:1;top:52%;left:50%;transform:translate(-50%,-50%);width:285px;color:#fff;} .chess-grid-box-item{position:relative;overflow: hidden;} .chess-grid-box-item img{display:block;height:100%;transition:all .5s ease;} .chess-grid-box-item:nth-child(6){grid-row-start:2;grid-column-start:1} .chess-grid-box-item:nth-child(8){grid-row-start:2;grid-column-start:3} .chess-grid-box-details h2{font-size:35px;color:#fff;line-height:38px;font-family:'Square 721 Blk';margin-top:0;margin-bottom:15px} .chess-grid-box-details p{font-size:15px;line-height:22px} .chess-grid-box-item:hover img{scale:1.05;transition:all .5s ease;} section.specialize-reviews h2,.chess-pieces-products-wrapper h2{text-transform: uppercase;font-size:70px;font-family:'Square 721 Blk';text-align:center;color:#d8d1cc;line-height:71px;margin-top:50px;margin-bottom:50px;} .specialize-review-row{display:grid;grid-template-columns:auto 57.6%;gap:30px;} .specialize-categories-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;} .special-cat-item{border:2px solid #3d1700;position:relative;overflow: hidden;} .special-cat-item:nth-child(2),.special-cat-item:nth-child(3){border-color:#bf955f;} .special-cat-item img,.bottom-grid-item img{width: 100%;transition:all .5s ease;display: block;} .special-cat-item h3{z-index: 1;font-size:30px;color:#bf955f;font-family:'Square 721 Blk';text-align:center;line-height:35px;background:#3d1700;margin:0;padding:15px 20px;position:absolute;top:0;left:0;width:100%;} .special-cat-item:nth-child(2) h3,.special-cat-item:nth-child(3) h3{background:#bf955f;color:#3d1602;} .special-cat-item:nth-child(2) h3{padding:15px 40px;} .special-cat-item:hover img,.bottom-grid-item:hover img{scale:1.05;transition:all .5s ease;} .reviewCarouselchesspieces{ max-width:500px; } .reviewbox_chess_pieces img{ padding-bottom:30px; } .reviewbox_chess_pieces p{ color:#000; font-size:15px; line-height:27px; font-style:italic; font-weight:500; } .review_writer_name{ font-size:16px; font-weight:700; padding:15px 0; color:#000; } .customer-review-slider{display:flex;flex-direction:column;justify-content:space-between;margin-top:40px; overflow:hidden;} .customer-review-slider h4{font-family:Archivo,sans-serif;font-size:45px;color:#cdcdcd;font-weight:300;line-height:30px;margin-top:30px;margin-bottom:20px;} .customer-review-slider h3{color:#1b1b1b;font-size:120px;font-family:'Square 721 Blk';line-height:88px;margin-bottom:58px;margin-top:0;margin-left:-9px;} .customer-review-slider .slick-next{right:-20px;} .customer-review-slider .slick-prev{left:-20px;} .customer-review-slider .slick-next, .customer-review-slider .slick-prev, .customer-review-slider .slick-next::before, .customer-review-slider .slick-prev::before{width:36px; height:36px; padding:0;} .customer-review-slider .slick-prev::before, .customer-review-slider .slick-prev:hover::before, .customer-review-slider .slick-prev:focus::before{background:url(https://cdn11.bigcommerce.com/s-5p6k1/images/stencil/original/image-manager/prev-arrow-review.png) no-repeat; opacity:1;} .customer-review-slider .slick-next::before, .customer-review-slider .slick-next:hover::before, .customer-review-slider .slick-next:focus::before{background:url(https://cdn11.bigcommerce.com/s-5p6k1/images/stencil/original/image-manager/next-arrow-review.png) no-repeat; opacity:1;} .customer-review-slider .slick-dots{display:none !important;} .customer-review-slider .slick-prev{ top:auto; bottom:-70px; left:0; } .customer-review-slider .slick-next{ top: auto; bottom: -70px; left: 44px; right: auto; } .customer-review-slider .slick-arrow .carousel-tooltip{ display:none; } .promocode-chess-pieces h5,.promocode-chess-pieces h5 span{font-size:40px;font-family:'Square 721 Blk';display:inline-block;line-height:47px;color:#3d1700;margin:0;} .promocode-chess-pieces h5 span{position: relative;} .promocode-chess-pieces h5 {color: #bf955f;} .promocode-chess-pieces h5 span:before{content:'';background:url(https://cdn11.bigcommerce.com/s-5p6k1/images/stencil/original/image-manager/promo-i-1.png) no-repeat center;width:61px;background-size:contain;height:61px;position:absolute;left:-55px;top:-46px;} .promocode-chess-pieces h5 span:after{content:'';background:url(https://cdn11.bigcommerce.com/s-5p6k1/images/stencil/original/image-manager/promo-i-2.png) no-repeat center;width:96px;background-size:contain;height:81px;position:absolute;right:-78px;top:-50px;} .chess-pieces-products-wrapper h2 { max-width: 1150px; margin-inline: auto;margin-bottom: 30px;} .chess-prod-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 50px; margin-left: 12px;} .chess-piece-product-item{display:grid;grid-template-columns:1.29fr 1fr;place-items:center;} .chess-prod-details{margin-left:28px;padding-left:58px;border-left:1px solid #e6e6e6;} .chess-piece-product-item:nth-child(2) .chess-prod-details {padding-left: 44px;} .chess-prod-details h3{font-size:16px;font-family:Archivo,sans-serif;font-weight:600;line-height:24px;color:#161616;margin-bottom:22px;margin-top:25px;} p.chess__piece_price{color:#bf955f;font-size:20px;font-weight:700;line-height:15px;margin-bottom:28px;} .chess-prod-details a, .chess-sets-prod-details a{font-size:16px;font-weight:600;color:#3d1700;padding-bottom:4px;display:inline-block;transition:all .5s ease;border-bottom:1px solid #aa998f;line-height:14px;} .chess-sets-prod-details-btn{ text-decoration:underline !important; } .chess-sets-prod-details a{ line-height:1.4; text-decoration:none; color:#000; border:0; } .chess-prod-details a:hover { color: #bf9463;transition: all .5s ease;} section.magic-of-chess-pieces{margin:115px -20px 0;background:url(https://cdn11.bigcommerce.com/s-5p6k1/images/stencil/original/image-manager/magic-bg.jpg) no-repeat right bottom;background-size:cover;padding:72px 0 180px;} .magic-chess-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;} .magic-chess-item{position:relative;overflow:hidden} .magic-chess-item img{height:100%;object-fit:cover;width:100%;display:block;transition: all .5s ease;} .magic-chess-item h3{position:absolute;width:100%;text-align:center;font-size:35px;color:#000;font-family:'Square 721 Blk';line-height:36px;max-width:420px;left:50%;top:0;transform:translateX(-50%);margin-top:32px;margin-bottom:0;z-index: 1;} .magic-chess-item:hover img{scale: 1.05;transition: all .5s ease;transform-origin: left;} .magic-of-chess-pieces h2{font-size:65px;font-family:Archivo,sans-serif;font-weight:300;color:#bf955f;text-align:center;line-height:68px;margin-top:0;margin-bottom:50px;} .magic-of-chess-pieces h2 span{font-family: 'Square 721 Blk'; font-weight: 300;color: #fff;} .bottom-cat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-top:20px;} .bottom-cat-grid-sets{ grid-template-columns:1fr 1fr 1fr 1fr; gap:20px; } .bottom-grid-item{position:relative;overflow:hidden;border:2px solid #3d1700;} .bottom-grid-item h3{font-size:26px;color:#fff;font-family:'Square 721 Blk';text-align:center;line-height:31px;background:#3d1700;margin:0;padding:15px 20px;position: relative; z-index: 1;} .bottom-grid-item:nth-child(2) h3{color:#3d1602;background:#bf9463;} .bottom-grid-item:nth-child(2){border-color: #bf9463;} .bottom-grid-item:nth-child(4) h3{color:#3d1602;background:#bf9463;} .bottom-grid-item:nth-child(4){border-color: #bf9463;} section.h-chess-pieces-banner {margin: 0 -20px;} .chess-piece-product-item:nth-child(2) .chess-prod-img {padding-top: 30px;} section.chess-landing-about-us h2{text-transform:uppercase;font-size:70px;font-family:'Square 721 Blk';text-align:center;color:#d8d1cc;line-height:52px;margin-top:110px;margin-bottom:30px} section.chess-landing-about-us p{color:#161616;font-size:15px;text-align:center;max-width:990px;margin:0 auto 60px;font-weight:400;letter-spacing:0} .setsDiscountAndOrders{ margin:70px 0 50px 0; } .setsDiscountAndOrders .container{ max-width:830px !important; padding:0 15px; display:flex; margin:0 auto; justify-content: space-between; } .DiscountAndOrdersBox{ } .DiscountAndOrdersBox h3{ font-size:20px; margin:0; color:#000; font-size:20px; } .DiscountAndOrdersBox p{ margin:0; font-size:15px; color:#000; text-transform:uppercase; } .DiscountAndOrdersBox p span{ text-transform:none; font-size:13px; } .setsShippingBox{ background:url(https://cdn11.bigcommerce.com/s-5p6k1/images/stencil/original/image-manager/shipping-ic-sets.png) no-repeat left top 5px; padding-left:72px; position:relative; } .setsShippingBox::after{ right: -20%; top:10px; position:absolute; content:''; background:#d9d9d9; height:48px; width:1px; } .discountShipping{ background:url(https://cdn11.bigcommerce.com/s-5p6k1/images/stencil/original/image-manager/discount-ic-sets.png) no-repeat left top 7px; padding-left:60px; } p.companyIntroChessSets{ font-size: 15px; font-weight: 400; color: #161616; text-align: center; max-width: 1390px; margin: 45px auto; letter-spacing: 0; padding: 0 20px; } .chess-pieces-sets-banner{ position:relative; } .chess-pieces-sets-banner h1{ position:absolute; left:0; right:0; text-align:center; } section.chess-pieces-sets-banner h1{ color:#fff; } .reviewCarouselchesspieces .reviewbox_chess_pieces img{ width:auto; display:inline-block; } /* responsive css */ @media screen and (max-width:1750px){ .promocode-chess-pieces { padding-left: 60px;} section.magic-of-chess-pieces {padding-left: 20px;padding-right: 20px;} } @media screen and (max-width:1536px){ .special-cat-item h3,.bottom-grid-item h3,.magic-chess-item h3 { font-size: 24px; line-height: 26px; } .promocode-chess-pieces h5, .promocode-chess-pieces h5 span { font-size: 28px; line-height: 30px; } .productView-options .form-field.form-field--increments{ width:40%; } .productView-options .add-to-cart-buttons { width: 60% !important; margin-bottom:0; padding:0; } } @media screen and (max-width:1440px){ section.h-chess-pieces-banner h1 { font-size: 80px; line-height: 68px; margin-top: 50px; } .chess-grid-box-details h2 { font-size: 26px; line-height: 31px; margin-bottom: 10px; } .chess-grid-box-details { padding: 0 20px;} section.specialize-reviews h2, .chess-pieces-products-wrapper h2,section.chess-landing-about-us h2,.magic-of-chess-pieces h2 { font-size: 50px; line-height: 52px; } .customer-review-slider h3 { font-size: 80px; line-height: 68px; margin-bottom: 40px; } .special-cat-item h3,.bottom-grid-item h3,.magic-chess-item h3 { font-size: 20px; line-height: 26px; } .chess-prod-details,.chess-piece-product-item:nth-child(2) .chess-prod-details { margin-left: 18px; padding-left: 28px; } .chess-prod-grid { gap: 20px; margin-left: 0px; } .chess-piece-product-item { grid-template-columns: 1fr 1fr;} .reviewbox_chess_pieces p{ font-size: 14px; line-height: 23px; } .reviewbox_chess_pieces img{ padding-bottom: 10px; } .review_writer_name{ padding:0; } } @media screen and (max-width:1300px){ #form-action-addToCart, #form-action-addToCart1{ font-size:24px; } } @media screen and (max-width:1199px){ section.h-chess-pieces-banner h1,.customer-review-slider h3 { font-size: 68px; line-height: 48px; } .chess-grid-box-details h2 { font-size: 22px; line-height: 22px; } .chess-grid-boxes { grid-template-columns: repeat(3,1fr);margin: 40px 0;} .chess-grid-box-item:nth-child(6) { grid-row-start: 2; grid-column-start: 3; } .chess-grid-box-item:nth-child(8) { grid-row-start: 3; grid-column-start: 2; } .special-cat-item:nth-child(2) h3 { padding: 15px 10px; } .special-cat-item h3,.bottom-grid-item h3,.magic-chess-item h3{ font-size: 18px; line-height: 24px; padding: 15px 10px; } .magic-chess-item h3 { margin-top: 0;} section.specialize-reviews h2, .chess-pieces-products-wrapper h2,section.chess-landing-about-us h2,.magic-of-chess-pieces h2 { font-size: 36px; line-height: 40px; margin: 40px 0; } .magic-chess-grid,.bottom-cat-grid { gap: 20px;} section.magic-of-chess-pieces { margin-top: 60px;} section.magic-of-chess-pieces { padding-top: 10px; padding-bottom: 60px;} .reviewQuote{ width:40px; } .customer-review-slider h4{ font-size:34px; margin-top: 20px; margin-bottom: 0; } .customer-review-slider h3{ font-size:48px; margin-left:0; margin-bottom: 10px; } .promocode-chess-pieces h5 span:before{ display:none; } .promocode-chess-pieces{ padding-left:0; padding-top: 80px; } } @media screen and (max-width:1100px){ #form-action-addToCart, #form-action-addToCart1 { font-size: 20px; background-size:23px; } } @media screen and (max-width:991px){ section.h-chess-pieces-banner h1 { font-size: 54px; line-height: 38px; } .chess-grid-boxes { grid-template-columns: repeat(2,1fr);} section.h-chess-pieces-banner p{margin:25px auto;} .chess-grid-box-item:nth-child(6) { grid-row-start: unset; grid-column-start: unset; } .chess-grid-box-item:nth-child(8) { grid-row-start: unset; grid-column-start: unset; } .chess-grid-box-item:nth-child(3) { grid-row-start: 2; grid-column-start: 2; } .chess-grid-box-item:nth-child(7) { grid-row-start: 4; grid-column-start: 2; } .customer-review-slider{margin-top: 0;} .customer-review-slider h3 { margin-bottom: 10px; margin-left: 0; } .chess-piece-product-item { grid-template-columns: 1fr; } .specialize-review-row {grid-template-columns: 1fr;gap: 40px;} .chess-prod-details, .chess-piece-product-item:nth-child(2) .chess-prod-details { margin-left: 0; padding-left: 0; border-left: 0; } .chess-piece-product-item:nth-child(1) {padding-right: 30px;} .chess-piece-product-item:nth-child(2) { padding-left: 30px; border-left: 1px solid #e6e6e6;} .reviewCarouselchesspieces { max-width: 100%; } .productView-images{ margin:25px 0; } .productView-images, .productView-details{ width:100%; } .productView-details.product-data{ padding-bottom:15px; } .add-to-cart-wrapper .form-increment .button { height: 60px; } #form-action-addToCart, #form-action-addToCart1{ padding: 20px 0 19px 32px; background-position: left 32% center; } .sale-banner-header-mobile img{ max-width:500px; } } @media screen and (max-width:800px){ .DiscountAndOrdersBox h3{ font-size:16px; } .setsShippingBox::after{ display:none; } #form-action-addToCart, #form-action-addToCart1{ background-position: left 25% center; } } @media screen and (max-width:767px){ section.h-chess-pieces-banner h1,.customer-review-slider h3 { font-size: 32px;line-height: 32px;padding: 0 20px;} .chess-grid-box-details h2 { font-size: 18px; line-height: 20px;} .chess-grid-box-details { padding: 0 30px;} .customer-review-slider h4 { font-size: 28px; margin-bottom: 8px; line-height: 24px; margin-top: 20px; } .customer-review-slider h3 {padding: 0;} .promocode-chess-pieces h5, .promocode-chess-pieces h5 span {font-size: 20px;line-height: 30px;} .promocode-chess-pieces h5 span:after { width: 66px; height: 51px; right: -58px; top: -30px; } .promocode-chess-pieces h5 span:before { width: 41px; height: 41px; left: -45px; top: -26px; } section.specialize-reviews h2, .chess-pieces-products-wrapper h2,section.chess-landing-about-us h2,.magic-of-chess-pieces h2 { font-size: 28px; line-height: 32px; margin: 40px 0; } .bottom-cat-grid,.magic-chess-grid { grid-template-columns: 1fr;} } @media screen and (max-width:640px){ .chess-grid-boxes { grid-template-columns: repeat(1,1fr);} .chess-grid-box-item:nth-child(3),.chess-grid-box-item:nth-child(7){ grid-row-start: unset; grid-column-start: unset; } .chess-grid-box-details h2 { font-size: 22px; line-height: 24px; } .promocode-chess-pieces h5, .promocode-chess-pieces h5 span { font-size: 17px; line-height: 24px; } .promocode-chess-pieces { padding-left: 0;} .specialize-categories-grid { grid-template-columns: 1fr; } section.specialize-reviews h2, .chess-pieces-products-wrapper h2,section.chess-landing-about-us h2,.magic-of-chess-pieces h2 { font-size: 24px; line-height: 28px; } .chess-prod-grid { grid-template-columns: 1fr;} .chess-piece-product-item:nth-child(1) { padding-right: 0;} .chess-piece-product-item:nth-child(2) { padding-left: 0; border-left: 0; border-top: 1px solid #e6e6e6; margin-top: 20px; padding-top: 20px; } .chess-pieces-sets-banner img{ height: 250px; object-fit: cover; } .setsDiscountAndOrders .container{ flex-wrap:wrap; } .setsDiscountAndOrders .container > div{ width:100%; } .setsShippingBox.DiscountAndOrdersBox{ margin-bottom:20px; } .setsDiscountAndOrders { margin: 30px 0 0 0; } p.companyIntroChessSets{ padding:0; } } /* Hide Route Widget */ #RouteWidgetContainer, .route-div, [data-route-widget], .route-widget, .route-widget-container, .route-widget-wrapper, .route-widget-content, .route-widget-iframe, .route-widget-frame { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; pointer-events: none !important; z-index: -9999 !important; } [data-content-region="product_below_price"] > div > div{ height:auto !important; } [data-content-region="product_below_price"] p { margin: 15px 0 0 0; } h2.magic-of-chess{ margin:70px 0 0 0; text-align:center; font-family: "Big Shoulders", sans-serif; color: #BF955F; font-size: 100px; font-weight: 400; line-height: normal; text-transform: uppercase; line-height:1; } h2.magic-of-chess strong{ font-weight:900; } .sub-categories-lists{ max-width: 1650px; margin: 0 auto; margin-top:15px; border-right: solid 1px #919191; border-left: solid 1px #919191; position:relative;} .sub-categories-lists::after{ position:absolute; width:100%; height:1px; background:#919191; content:''; left:0; bottom:0; } .sub-categories-lists ul{ display:flex; flex-wrap:wrap; margin:0; border-top:solid 1px #919191; } .sub-categories-of-sub-lists{ width: auto; margin:0 auto; padding: 0; clear: both; margin-bottom:40px; } .three-grid-subcategories{ width:33.33%; border-right:solid 1px #919191; border-bottom:solid 1px #919191; list-style:none; padding:20px; text-align:center; background:#fff; transition:all ease 0.5s; } .three-grid-subcategories:nth-child(even):hover{ background:url(../img/sub-category-hover-bg.png) no-repeat center bottom; background-size:145%; } .three-grid-subcategories:nth-child(even) { background:url(../img/sub-category-bg.png) no-repeat center bottom; background-size:145%; } .three-grid-subcategories:hover{ background-color:#F6E6D1; } .three-grid-subcategories:nth-child(3n){ border-right:0; } .three-grid-single-content h2{ margin:15px 0; color: #1F1F1F; font-size: 58px; font-weight: 500; line-height: 1; text-transform: uppercase; } .three-grid-single-content p{ color: #000; font-size: 18px; font-weight: 400; line-height: normal; max-width:500px; margin:0 auto; margin-bottom:10px; } .three-grid-subcategories .three-grid-img{ display: block; text-align: center; vertical-align: middle; width: auto; position: relative; padding-bottom: 65%; } .three-grid-subcategories .three-grid-img img { max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: auto; mix-blend-mode: multiply;} table.cart .cart-list .cart-item-block{ padding-top:7px; padding-bottom:7px; } #wishlist-dropdown.is-open{ width: 210px !important; right: 0; padding-right:0; } #wishlist-dropdown.is-open .button{ border:solid 1px #ccc !important; } #wishlist-dropdown.is-open li:not(:last-child) .button{ border-bottom:0 !important; } .productView-rating span{ padding-right:7px; } .productView-reviewLink--new{ margin-left:0; } @media screen and (min-width:801px){ .productGrid .product.oneGrid .card .card-img-container::after{ padding-bottom:50%; } } @media screen and (max-width:1820px){ h1.homeTagline { font-size: 55px; } .navPages-container .navPages-action { padding-left:10px; padding-right:10px; } } @media screen and (max-width:1750px){ .headerMain, .container { padding: 0 2%; } } @media screen and (max-width:1700px){ .headerRightPolicies { font-size: 18px; } .headerRightCall a, .headerRightTop{ font-size:16px; } .headerRightPolicies em{ font-size:30px; bottom:-3px; } .headerMain, .container { padding: 0 15px; } .categoryBox3Col span { font-size: 50px; } .chessSetsCategory span em{ font-size:70px; } .productSlider h2.page-heading{ padding-left:0; } .productSlider .slick-arrow { left: 45px; } .productSlider .slick-next.slick-arrow { left: 110px; } .productSlider .slick-arrow { top: 43%; } .productSlider h2.page-heading strong{ font-size:80px; } .productView-title{ font-size:25px; } .productView-price, .productView-price .price-section .price--withoutTax, .productView-price .price-section{ font-size:30px; line-height:normal; } .productView-title{ padding:20px 0 15px; } } @media screen and (max-width:1650px){ .footerBottom { flex-wrap: wrap; } .footer-copyright { width: 100%; margin-bottom:15px; } .footerBottom .paymentIc{ width: 100%; text-align: center; } .footerBottom{ padding:20px 2%; } } @media screen and (max-width:1600px){ h1.homeTagline { font-size: 40px; } .navPages-container .navPages-action { font-size: 17px; padding-left:7px; padding-right:7px; } .rightNavUser .navuser-item { padding: 7px 13px 3px; } .specialChessCollection h2 { font-size: 90px; } .specialChessCollection .container { padding: 0 2% !important; gap: 2%; } .specialChessCategoryBox span{ font-size:40px; } .rightNavUser{ padding-right:0; } .categoryBox3Col p{ font-size:20px; } .marquee-line{ font-size:80px; } .marquee-line svg{ max-height:70px; width:auto; } .productSliderInner { padding: 50px 10px 50px 30px; } .aboutUsAndUsp{ margin:0; } .footerNewsletterInner { max-width: 500px; } .footerNewsletterInner h5.footer-info-heading{ font-size:26px; } .footerLocationBox { margin: 65px 0; } .footer-info { padding: 20px 3% 50px; } .premiumChessBoardContentHome h2, .premiumChessBoardContentHome h2 span { font-size: 60px; } .three-grid-single-content h2{ font-size:50px; } } @media screen and (max-width:1500px){ .headerRightPolicies { font-size: 15px; } .headerRightCall a, .headerRightTop{ font-size:14px; } .productSlider { padding: 0; } .cardButtons .button { font-size: 16px; } .productSlider h2.page-heading{ width:25%; } .productSlider .productCarousel { width: 75%; } .footerLocationBox { margin: 50px 0; } .premiumChessBoardContentHome { padding: 60px 15px 30px; } .page-heading { font-size: 80px; } .three-grid-single-content h2{ font-size:44px; } .dropdown--quickSearch .form-input, .navPages-quickSearch .form-input{ min-width:inherit; } } @media screen and (max-width:1400px){ .navPages{ padding-left:0; } .navPages { text-align: right; } .rightNavUser .navUser-item--cart .countPill { top: 0; } .navPages-container .navPages-action { font-size: 16px; } h1.homeTagline { font-size: 40px; line-height: 1.2; } .marquee-line{ font-size:60px; } .marquee-line svg{ max-height:50px; width:auto; } .footerNewsletter{ background: url(../img/newsletter-left.png) no-repeat left 3% bottom, url(../img/newsletter-right.png) no-repeat right 3% bottom ; background-color:#BF955F; background-size:150px; } .footer-info-col{ width:25%; } .footer-info-col:last-child{ width:50%; } .three-grid-single-content h2{ font-size:40px; } .three-grid-single-content p{ font-size: 16px; } } @media screen and (max-width:1300px){ .headerRightBottom{ flex-wrap:wrap; justify-content: end; } .headerRightCall{ display:none; } .headerRightTop{ margin-right: -30px; justify-content: space-around; width: 103%; } .headerRightPolicies{ width:100%; } .navPages-container{ width:100%; } .headerRightBottom{ padding:10px 0; } .sale-banner-header{ padding-right:0; padding-top:10px; } .sale-banner-header img { max-width: 550px; } .rightNavUser{ margin-top:15px; width: auto; } .categoryBox5Col span{ font-size:24px; } .rightNavUser .dropdown--quickSearch{ margin-top:0; } .rightNavUser .navUser-item--cart.navuser-item{ border-right:0; } .productSlider h2.page-heading, .productSlider .productCarousel{ width:100%; } .productSliderInner{ flex-wrap:wrap; padding:40px 15px; justify-content: space-around; } .productSlider h2.page-heading{ margin:0 0 70px; background:none; text-align:center; } .productSlider h2.page-heading strong{ font-size:60px; display:block; } .productSlider h2.page-heading{ font-size:30px; } .productSlider .slick-arrow { left: 0; right: 0; margin: 0 auto; width: 100px; top: 170px; } .productSlider .slick-next.slick-arrow{ left:120px; } .productSlider .slick-prev.slick-arrow{ left:0px; } .aboutUsAndUsp { flex-wrap: wrap; } .uspHome{ width:100%; padding-left:0; padding:0 15px; display: flex; text-align: center; justify-content: space-around; border:0; } .aboutUsImage{ width:50%; } .aboutUsContent{ width:50%; } .aboutUsContent h3{ font-size:40px; } .aboutUsContent h4{ font-size:30px; } .form-wishlist .dropdown-menu-button{ width: 60px !important; height: 60px; } .form-wishlist .dropdown-menu-button svg{ width:26px; } .three-grid-single-content h2{ font-size:36px; } .three-grid-single-content p{ font-size: 14px; } .uspCategoryPage { padding: 70px 0 0; } } @media screen and (max-width:1200px){ .specialChessCollection h2 { font-size: 70px; } .footerTop { flex-wrap: wrap; } .footerTopLeft { width: 100%; padding:15px 2% 5px; } .footerLocationMain{ width:100%; flex-wrap: wrap; display: flex; } .footerLocationBox { margin: 10px 0; width: 50%; padding-right:20px; } .premiumChessBoardContentHome h2, .premiumChessBoardContentHome h2 span { font-size: 40px; } .footerTopCenter { width: 85%; } .footerTopRight { width: 15%; } .categoryBox3Col p{ font-size:17px; bottom:10px; } .page-heading { font-size: 60px; } .cardButtons .button{ font-size:14px; letter-spacing:2px; } .three-grid-single-content h2{ font-size:30px; } } @media screen and (max-width:1100px){ .categoryBox3Col span { font-size: 34px; } .chessSetsCategory span em { font-size: 55px; } .footerNewsletterInner { padding: 30px 10px; } .bull{ font-size:0; display:block; } .categoryBox3Col p { font-size: 14px; } } @media screen and (max-width:991px){ header.header { border-top: solid 2px #BF955F; } header.header.is-open { position:fixed; } .headerRightTop{ display:none; } .headerRightPolicies.desktopHide{ display:block; background-color: #BF955F; padding:7px 10px; } .headerRightPolicies em { font-size: 16px; bottom:0; } .rightNavUser{ margin-top:0; } .headerMain { align-items: center; } .rightNavUser .navUser-item--cart{ padding-right:0; } .rightNavUser .giftIc, .rightNavUser .searchIc, .rightNavUser .acntIc{ display:none; } .rightNavUser .navuser-item-currency{ padding-right:0px; width: 50px; } .headerRightMain { width: auto; } .header-logo .header-logo-image { max-width: 110px; display: inline-block; max-height: inherit; } .theChessStoreLogo { width: 100%; text-align:center; padding-left: 90px; } .header-logo { text-align: center; } .rightNavUser .navUser-item--cart { padding-left: 5px; padding-right:5px; } .rightNavUser .navUser-item--cart .countPill { right: -5px; } .header-logo { padding: 7px 0; } .rightNavUser .dropdown--quickSearch{ display:none; } .rightNavUser{ flex-wrap: nowrap; } .theChessStoreLogo { display: inline-block; } .navuser-item-currency .dropdown-menu.is-open{ width:180px !important; right: 10px !important; } .navPages-container .navPages-action{ padding-left:0; padding-right:0; } .navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon{ margin:0; } .has-subMenu.is-open .navPages-action-moreIcon{ display:inline-block; transform: rotate(0deg); } nav.navPages .navPage-subMenu-list .navPages-action { text-transform: none; padding: 7px 0; } .categoryBox5Col span{ font-size:20px; } .marquee-line{ font-size:50px; } .marquee-line svg{ max-height:40px; width:auto; } .uspHomeBox h5{ font-size:16px; } .page-heading { font-size: 40px; } .catepageDesc p { font-size: 16px; } .catepageDesc{ padding-bottom:30px; } h2.magic-of-chess { margin: 40px 0 0 0; font-size: 80px; } .navPages { padding-left: 20px; } .card .sale-flag-side, .product:hover .card .sale-flag-side, .productView-images .sale-flag-side { width: 64px; min-height: 64px; } .card .sale-flag-side span { top: 16px; right: -18px; font-size: 12px; } .productView-images .sale-flag-side .sale-text{ font-size:12px; top: -4px; right: -12px; } .product-page-add-to-cart-btn .form-action{ padding: 11px 0 12px; } } @media screen and (max-width:900px){ h1.homeTagline { font-size: 30px; } .categoriesHome5Col { flex-wrap: wrap; justify-content: center; } .categoryBox5Col { width: 33.33%; border-bottom: 1px solid #919191; } .premiumChessBoardContentHome h2, .premiumChessBoardContentHome h2 span { font-size: 30px; } .gridView .gridViewOption, .cgridView .cgridViewOption { width: 50px; height: 50px; padding: 11px 6px; } .gridView .gridViewLabel { font-size: 17px; } .actionBar .form-field label.form-label { font-size: 16px; padding: 15px 0 16px 15px; } .actionBar-section .form-select{ font-size:16px; } .actionBar .form-field{ padding-right:10px; } .page-listing-page .blog{ width:48%; } .card .price-section, .card .price-section.price-section--withoutTax.rrp-price--withoutTax{ font-size:18px; } } @media screen and (max-width:800px){ .uspHome { align-items: baseline; } .specialChessCollection h2 { font-size: 50px; } .aboutUsImage{ display:none; } .aboutUsContent{ width:100%; padding-left:15px; padding-right:15px; } .aboutUsContent p{ width:100%; padding-right:0; } .aboutUsContent{ background-position:left 15px bottom; text-align:center; } .footerTopCenter, .footerTopRight { width: 100%; } .footerTopRight .socialLinks { flex-wrap: nowrap; } .footerTopRight .socialLinks .socialLinks-item{ height:90px; } .footerTopRight .socialLinks .icon--facebook svg { width: 25px; } .footerTopRight .socialLinks .icon--x svg { width: 25px; height: 100%; } .footerTopRight .socialLinks .icon--youtube svg { width: 30px; } .footerTopRight .socialLinks .socialLinks-item:hover { border:0; border-bottom: solid 1px #393939; } .pagination-list li { width: 40px; height: 40px; line-height: 30px; } .pagination-list li.pagination-item--next a, .pagination-list li.pagination-item--previous a, .pagination-list li.pagination-item--next button, .pagination-list li.pagination-item--previous button, .pagination-list li.pagination-item--next a:hover, .pagination-list li.pagination-item--previous a:hover, .pagination-list li.pagination-item--previous button:hover, .pagination-list li.pagination-item--next a:focus, .pagination-list li.pagination-item--previous a:focus, .pagination-list li.pagination-item--next button:focus, .pagination-list li.pagination-item--previous button:focus{ font-size:14px; } .pagination-list li.pagination-item--previous svg, .pagination-list li.pagination-item--next svg{ width:15px; } .pagination-list li.pagination-item--next, .pagination-list li.pagination-item--previous{ margin:0 5px; } .product-page-add-to-cart-btn .form-action input#form-action-addToCart{ font-size:22px; } .productView-info-bulkPricing [data-reveal-id="modal-bulk-pricing"] span{ font-size:18px; padding:5px 20px; } .productView-info-bulkPricing [data-reveal-id="modal-bulk-pricing"] span svg{ width:25px; } .actionBar-section .form-select{ height: 48px; } .three-grid-subcategories { width: 50%; } .three-grid-subcategories:nth-child(even):hover{ background:url(../img/sub-category-hover-bg.png) no-repeat center bottom; background-size:145%; } .three-grid-subcategories:hover{ background-color:#F6E6D1; } .three-grid-subcategories { border-right:0; } .three-grid-subcategories:nth-child(odd){ border-right:solid 1px #919191; } .three-grid-subcategories:nth-child(even):hover { background: #F6E6D1; } .three-grid-subcategories:nth-child(even){ background:#fff; } .three-grid-subcategories:nth-child(2), .three-grid-subcategories:nth-child(3), .three-grid-subcategories:nth-child(6), .three-grid-subcategories:nth-child(7), .three-grid-subcategories:nth-child(10), .three-grid-subcategories:nth-child(11), .three-grid-subcategories:nth-child(14), .three-grid-subcategories:nth-child(15), .three-grid-subcategories:nth-child(18), .three-grid-subcategories:nth-child(19) { background:url(../img/sub-category-bg.png) no-repeat center bottom; background-size:120%; } .three-grid-subcategories:nth-child(2):hover, .three-grid-subcategories:nth-child(3):hover, .three-grid-subcategories:nth-child(6):hover, .three-grid-subcategories:nth-child(7):hover, .three-grid-subcategories:nth-child(10):hover, .three-grid-subcategories:nth-child(11):hover, .three-grid-subcategories:nth-child(14):hover, .three-grid-subcategories:nth-child(15):hover, .three-grid-subcategories:nth-child(18):hover, .three-grid-subcategories:nth-child(19):hover { background:#F6E6D1 url(../img/sub-category-hover-bg.png) no-repeat center bottom; background-size:120%; } } @media screen and (max-width:767px){ .headerRightPolicies em{ display:none; } .headerRightPolicies a{ display:block; } h1.homeTagline { font-size: 30px; } .specialChessCollection h2 { font-size: 34px; padding:20px 10px; } .categoriesHome3Col , .categoriesHome5Col{ flex-wrap: wrap; max-width: 400px; margin: 0 auto; border:0; border-top:1px solid #919191; border-bottom:1px solid #919191; } .categoriesHome3Col, .categoriesHome5Col{ border-bottom:0; } .categoryBox3Col, .categoryBox3Col:last-child { border: 1px solid #919191; margin-bottom:10px; } .categoryBox3Col:first-child{ border-top:0; } .categoryBox5Col { width: 50%; border-bottom: 1px solid #919191; } .categoryBox5Col{ border-left: 1px solid #919191; } .specialChessCollection .container { gap: 0; max-width: 400px !important; margin: 0 auto; flex-wrap: wrap; } .specialChessCategoryBox span, .specialChessCategoryBox:nth-child(2) span { font-size: 30px; padding:10px 0; } .specialChessCollection{ padding-bottom:25px; } .specialChessCategoryBox{ margin-bottom:7px; } .marquee-line{ font-size:40px; } .marquee-line svg{ max-height:35px; } .marquee{ padding:30px 0; } .customerReviewsHome h2{ text-align:center; font-size: 30px; margin-bottom:70px } .customerReviewsHome { padding: 30px 15px; } .customerReviewsHome .slick-arrow { left: 0; right: 0; margin: 0 auto; width: 100px; top: -40px; } .customerReviewsHome .slick-next.slick-arrow{ left:135px; } .customerReviewsHome .slick-prev.slick-arrow{ left:0px; } .footerLocationBox p, .footerLocationBox p a, footer.footer p, .premiumChessBoardContentHome p{ font-size:16px; } .footer-info-col { width: 50%; } .footer-info{ flex-wrap:wrap; } .footer-info-col:last-child { width: 100%; } .footer-info { padding: 0px 1% 30px; } .footer-info-heading{ font-size:20px; } .footerTopRight .socialLinks .socialLinks-item { width: 33.33%; height: 80px; padding:15px; } .productSlider h2.page-heading strong { font-size: 40px; } .productSlider .slick-arrow { top: 148px; } .card-title { font-size: 15px; height:60px; } .card-body{ padding-bottom:0; } footer.footer{ margin-top:35px; } .tab-title{ font-size:22px; } .tab.is-active { margin-right:15px; } .tabs-contents .productCarousel .slick-next, .tabs-contents .productCarousel .slick-prev, .tabs-contents .productCarousel .slick-next::before, .tabs-contents .productCarousel .slick-prev::before, .productView-images .slick-next, .productView-images .slick-prev, .productView-images .slick-next::before, .productView-images .slick-prev::before, .tabs-contents .productCarousel .slick-next:hover::before, .tabs-contents .productCarousel .slick-next:focus::before, .productView-images .slick-next:hover::before, .productView-images .slick-next:focus::before, .tabs-contents .productCarousel .slick-prev:focus::before, .tabs-contents .productCarousel .slick-prev:hover::before, .productView-images .slick-prev:hover::before, .productView-images .slick-prev:focus::before{ width:30px; height:30px; background-size:100%; } .tabs-contents .productCarousel .slick-prev{ right:40px; } .tabs-contents .productCarousel .slick-next, .tabs-contents .productCarousel .slick-prev{ top:-47px; } .productView-thumbnails .slick-list { margin-left: 40px; margin-right: 40px; } h2.magic-of-chess { margin: 20px 0 0 0; font-size: 60px; } .uspCategoryPage { padding: 40px 0 0; } .uspCategoryPageInner{ flex-wrap:wrap; text-align: center; } .uspCategoryPageInner > div{ width:100%; } } @media screen and (max-width:640px){ .uspHome{ flex-wrap: wrap; } .uspHomeBox{ width:100%; margin-bottom:15px; } .aboutUsContent h3 { font-size: 30px; } .aboutUsContent{ padding-bottom:100px; } .premiumChessBoardContentHome h2, .premiumChessBoardContentHome h2 span { font-size: 28px; } .footerNewsletter{ background-size:100px; } .productView-title { font-size: 22px;} .productView{ padding-top:0; } .page-heading { font-size: 30px; } .catepageDesc p { font-size: 15px; } .catepageDesc{ padding-bottom:20px; } .gridView .gridViewLabel, .cgridView .cgridViewLabel { padding: 0 10px 0 10px; font-size: 14px; } .gridView .gridViewOption, .cgridView .cgridViewOption { width: 40px; height: 40px; padding: 7px 6px; } .actionBar .form-field label.form-label { font-size: 15px; padding: 10px 0 11px 10px; } .three-grid-subcategories{ padding:12px; } .three-grid-single-content h2 { font-size: 30px; } .brand-product-code .productView-brand{ width:95%; } .brand-product-code .productView-brand a{ display:block; } .brand-product-code .productView-info-value{ width:100%; } .brand-product-code .productView-info-name{ border:0; padding-left:0; } .brand-product-code .prdctDtl{ padding-left:10px; width:95%; } } @media screen and (max-width:550px){ .theChessStoreLogo{ padding-left:60px; } h1.homeTagline { font-size: 22px; } .categoryBox5Col { width: 50%; } .specialChessCollection h2 { font-size: 30px; } #form-action-addToCart, #form-action-addToCart1{ background-position: left 20% center; } .productView-options .form .add-to-cart-wrapper { gap: 0; flex-wrap: wrap; } .productView-options .form .add-to-cart-wrapper .add-to-cart-buttons{ margin-top: 0px; } .productView-options .add-to-cart-buttons { width: 100% !important; } .productView-details { padding-left: 20px; padding-right:20px; } .form-field--increments .form-label{ text-align:left; } #form-action-addToCart{ background-position: left 30% center; } .productView-info{ margin:0; } .productView-options .form-field { margin-bottom: 15px; } .productView-details.product-options { padding-bottom: 20px; } .productView-title{ max-width:100%; padding-right:50px; } .productView-product .form-wishlist{ top:30px; } .form-wishlist .dropdown-menu-button { width: 35px !important; height: 35px;} .form-wishlist .dropdown-menu-button svg { width: 17px; } .productView-price, .productView-price .price-section .price--withoutTax, .productView-price .price-section{ font-size:22px; } .productView-title { font-size: 18px; } h1.page-heading{ padding-top:20px; padding-bottom:10px; } h2.magic-of-chess { font-size: 40px; } .page-listing-page .blog{ width:100%; margin:0 0 20px; } .productView-price .price-section.price-section--saving.price{ font-size:14px; } .productView-options .form-field.form-field--increments{ width:100%; } .productView-info .productView-info-bulkPricing .productView-info-value{ margin-top:12px; } } @media screen and (max-width:479px){ .footerLocationBox { margin: 10px 0 0; width: 100%; padding-right: 0; } .footerTopLeft { padding: 15px 4% 5px; } .categoryBox5Col:last-child{ width:75%; } .productSliderInner { padding: 40px 0px; } .card-title{ height:auto; margin-bottom:15px; } .three-grid-single-content h2 { font-size: 22px; } .three-grid-single-content p { height: 56px; overflow:hidden; } .three-grid-single-content p:empty{ display:none; } } @media screen and (max-width:410px){ #form-action-addToCart{ background-position: left 25% center; } .add-to-cart-wrapper .form-increment .button { height: 50px; } }