/** Category Views **/ .nextRow { float: left; width: 1px; } /* Word gebruikt voor lazyload can de producten */ .noResultsTxt strong { font-weight: 600} .bigTextTitle { font-size: 26px; font-weight: 300; color: #555; line-height: 55px; } .panel.panel-default.history { display: none} .ratedCategory { display: none; } .populairProducts { display: none; } .buttonPos { display: block; } .section.category { margin-top: 15px; } .section.category .pager { border-top: 0px solid #e5e5e5; padding-top: 0px; } .section.category h1.first { margin: 0 0 10px; font-size: 24px; } .section.category h1.first span { font-weight: 400; font-size: 24px; color: #262626; } .section.category h2.sec { font-size: 21px; font-weight: 600} .section.category h2 span { font-size: 21px; font-weight: 600} .section.category h3 span { font-size: 21px; font-weight: 600} .section.category .searchResultTitle { color: #31708f; border: 1px solid #bce8f1; background-color: #d9edf7; float: left; width: 100%; position: relative; padding: 10px 10px 7px 10px; border-radius: 6px; font-size: 16px; font-weight: 300; } .section.category .searchArgument { font-weight: 700; font-style: italic} .productcontent .headingLarge { margin-bottom: 10px; } .productcontent .headingMedium { margin-bottom: 10px; } .productcontent .headingSmall { margin-bottom: 10px; } .introText { margin-top: 0; } .introText p { margin: 0; padding: 0 0 15px 0; } .introText a, .introText a:link { font-weight: bold; } .introText p a, .introText p a:link, .introText p a:visited { font-weight: bold; } .productService { padding: 11px 15px; } .search-pop-up { position: absolute; height: 61px; width: 200px; display: none; z-index: 10000; color: #004085; background-color: #cce5ff; border: 1px solid #b8daff; padding: 20px; cursor: pointer; text-align: center; text-decoration: none; } .search-pop-up:hover { background-color: #b8daff; text-decoration: none; } .search-pop-up a:hover { text-decoration: none; } /* Subcats */ .subCatBlock.stepBack { display: none; } .swiper-container { float: left; width: 100%; padding-left: 0px; max-height: 175px; } .swiper-wrapper.slider { height: 158px; margin-left: -5px; margin-bottom: 10px; margin-top: 5px; } .subCatBlock.swiper-slide { border: 0px; padding: 0 5px;} .subCatBlock.swiper-slide a { border: 1px solid #e5e5e5; border-bottom: 3px solid #C8C8C8; float: left; width: 100%; border-radius: 6px; padding: 10px 20px 9px 20px; text-align: center; } .subCatBlock.swiper-slide img { margin: 0 auto 12px auto; display: block; height: 80px; } .subcatProdinfo span { color: #262626; font-weight: bold; font-size: 14px; } .subcatProdinfo { color: #262626; font-weight: 400; font-size: 13px; } /* Navigation buttons */ .gradientBgL { background: rgb(255,255,255);` background: -moz-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5018382352941176) 40%, rgba(255,255,255,1) 70%); background: -webkit-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5018382352941176) 40%, rgba(255,255,255,1) 70%); background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5018382352941176) 40%, rgba(255,255,255,1) 70%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); position: absolute; left: 0px; top: 0px; height: 160px; padding: 4px 1px 4px 10px; z-index: 1; width: 55px; } .gradientBgR { background: rgb(255,255,255); background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5018382352941176) 40%, rgba(255,255,255,1) 70%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5018382352941176) 40%, rgba(255,255,255,1) 70%); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5018382352941176) 40%, rgba(255,255,255,1) 70%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); position: absolute; right: 0; top: 0px; height: 160px; padding: 4px 1px 4px 10px; z-index: 1; width: 55px; } .gradientBgL button { border: 1px solid #e5e5e5; height: auto; background: white; width: auto; border-radius: 6px; border-bottom: 3px solid #cccccc!important; border: 1px solid #e5e5e5; margin: 0; position: relative; background: white; padding: 12px 14px; float: right; margin-right: 10px; font-size: 15px; line-height: 16px; top: 45px; } .gradientBgL button i { font-weight: bold; margin: 0; padding: 0; color: #262626; } .gradientBgR button { border: 1px solid #e5e5e5; height: auto; background: white; width: auto; border-radius: 6px; border-bottom: 3px solid #cccccc!important; border: 1px solid #e5e5e5; margin: 0; position: relative; background: white; padding: 12px 14px; float: right; margin-right: -15px; font-size: 15px; line-height: 16px; top: 45px;} .gradientBgR button i { font-weight: bold; margin: 0; padding: 0; color: #262626; } .gradientBgL.slick-arrow.slick-disabled { display: none!important; } .gradientBgR.slick-arrow.slick-disabled { display: none!important; } /* Product view */ .priceLadder { display: none; } .productStocks { display: none; } .productBlock { transition: outline 0.2s linear; border: 1px solid #fff; position: relative; border-radius: 6px; height: auto; margin-bottom: 50px; height: auto; min-height: 553px; } .productBlock ul.productSpecs { margin: 10px 0; float: left; width: 100%; list-style: none; } .productBlock ul.productSpecs li { font-size: 13px; line-height: 25px; margin-left: -40px; font-weight: 400; color: #555555; } .productBlock ul.productSpecs li i { margin: 0 4px 0 -5px; font-size: 13px; font-weight: 600; display: none; } .productBlock ul.productSpecs li strong { font-weight: 600; } .productBlock li.productSpecsStock { margin-top: 10px; } .productBlock .plpStock { width: 7px; height: 7px; border-radius: 50%; display: inline-block; margin-right: 5px; vertical-align: middle; margin-top: -2px; } .productBlock .plpStock.inStock { background: #448A10; } .productBlock .plpStock.outOfStock { background: #A94442; } .productBlock .plpStock.comingSoon { background: #4399E1; } .productBlock .btn.btn-primary.inverted { width: 100%; float: right; } .productBlock .hasVideo { left: 10px; top: 10px; z-index: 1; } .productBlock .imageWrap { height: 220px; width: 100%; margin: 0 auto; display: block; } .productBlock .imageWrap img { display: block; margin: 10px auto 0px auto; max-width: 100%; max-height: 100%; width: auto; } .productBlock .productName { float: left; width: 100%; height: 45px; overflow: hidden; color: #262626; font-size: 14px; font-weight: 600; line-height: 24px; } .productBlock .headingTiny { float: left; width: 100%; height: 47px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 0; padding-right: 30px; } .productBlock .productPriceDiscount { margin-top: -11px; font-size: 10px; font-weight: 600; color: white; line-height: 18px; position: absolute; background: #fe701c; bottom: 270px; padding: 3px 7px; border-radius: 6px; display: none; } .productBlock .productPricetag { float: left; color: #262626; font-size: 13px; font-weight: 600; text-align: left; } .productBlock .productPricetag span { font-weight: 900; font-size: 18px; } .productBlock .productPricetag span.customPiecePrice { margin-right: 6px; } .productBlock .productPricetag strong { font-size: 14px; } .productBlock .productPricetag.lowerPrice { color: #262626; letter-spacing: -0.52px; } .productBlock .productPricetag.lowerPrice strong { font-size: 18px; font-style: italic; font-weight: 900; color: #e93641; } .productBlock .productPricetagCustom { float: left; color: #262626; font-size: 11px; font-weight: 600; text-align: left; font-family: 'Poppins'; } .productBlock .productPricetagCustom span { font-size: 19px; font-style: italic; font-weight: 700; } .productBlock .productPricetagCustom span.customPiecePrice { margin-right: 4px; } .productBlock .productPricetagCustom strong { font-size: 14px; } .productBlock .productPricetagCustom.lowerPrice { color: #262626; letter-spacing: -0.52px; } .productBlock .productPricetagCustom.lowerPrice strong { font-size: 19px; color: #fe701c; font-style: italic; } .productBlock .productPricetag.quotation { line-height: 25px; text-transform: lowercase; } .productBlock .productPricetag.quotation:first-letter { text-transform: uppercase; } .productBlock .labelContainer { border-radius: 6px; position: absolute; right: 10px; top: 10px} .productBlock .productColors .gradientFadeOut { position: absolute; position: absolute; width: 110px; height: 15px; right: 20px; background: rgb(255,255,255); background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5018382352941176) 40%, rgba(255,255,255,1) 70%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5018382352941176) 40%, rgba(255,255,255,1) 70%); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5018382352941176) 40%, rgba(255,255,255,1) 70%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); } .productBlock:hover { height: auto; outline: 0; transition: 0.25s; border-radius: 0; border: 1px solid #e5e5e5; cursor: pointer; border-radius: 6px; position: relative; overflow: hidden; height: auto; -webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.34); -moz-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.34); box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.24); z-index: 1; } .productBlock:hover .btn.btn-primary.inverted { color: white; } .productBlock:hover > .buttonPos { display: block; position:relative; right: inherit; top: inherit; padding: 0 } .productBlock:hover > .priceLadder { display: none; } .productBlock:hover > .productPricetag { display: block; } .productBlock:hover > .productSpecs { display: block; } .productBlock:hover > .productStocks { display: none; } .productBlock .prodLabel { position: relative; letter-spacing: normal; } .productBlock .prodLabel:nth-of-type(2) { color: white; font-size: 12px; font-weight: 600; } .productBlock .prodLabel:nth-of-type(3) { color: white; font-size: 12px; font-weight: 600; } .productBlock .prodLabel:nth-of-type(4) { color: white; font-size: 12px; font-weight: 600; } .discountBox { float: left; width: 100%; margin-bottom: 10px; } .bestSellers { background:#efefef; position: absolute; width: 54px; height: 54px; border-radius: 0 0 54px 0; margin-left: -15px; } .bestSellers span { margin-top: 6px; float: left; margin-left: 11px; color: #555; font-weight: 600; font-size: 20px; } .categoryProducts .bestSellers { display: none; } .productDeliveryTime { float: left; width: 100%; } .productDeliveryTime span { text-align: center; display: block; padding-top: 1rem; font-weight: 400; font-size: 12px; line-height: 23px; color: #262626; margin-bottom: 13px; } .productDeliveryTime span i { font-size: 13px; line-height: 23px; margin-right: 3px; } .lowerPrice #strike { font-size: 12px; font-weight: 300; text-decoration: line-through; } /* Labels */ .labelContainer>div { color: white; font-size: 12px; font-weight: 600; text-align: center; padding: 6px 9px; ; -webkit-font-smoothing: antialiased;} .labelContainer .first { border-radius: 10px 10px 0 0;} .labelContainer .second { border-radius: 0 0 10px 10px;} .labelContainer .first:only-child { border-radius: 99px; padding: 6px 13px; font-size: 14px; } .labelContainer .tip { background:#46b8da; } .labelContainer .new { background:#fc9401; } .labelContainer .deal { background:#1591c5; } .labelContainer .promo { background:#e93641; } /* Colors on hover */ .productBlock .productColors { height: 11px; overflow: hidden; float: left; width: 100%; max-height: 11px; margin-bottom: 11px; margin-top: 16px; } .productBlock .productColors .productColor { margin-right: 3px; height: 11px; width: 11px; float: left; border-radius: 45px; overflow: hidden; } .productBlock .productColors .productColor .colorPreviewTop { border-radius: 6px 6px 0 0 } .productBlock .productColors .productColor.unknownColor { border: 2px solid #e5e5e5; } .productBlock:hover > .productColors { display: block; } /* Paging */ .catPaging { float: left; width: 100%; background-color: #f3f3f3; padding: 15px 20px; border-radius: 6px; border-bottom: 2px solid #c8c8c8; margin-bottom: 50px; } .catPaging .headingSmallest { width: auto; float: left; line-height: 30px; } .catPaging .catResults { width: auto; line-height: 35px; margin: 0 10px 0 10px; padding: 0; float: right; font-size: 13px; font-weight: 500; } .catPaging .sidebarFilter { float: left; width: 37%; padding: 0; border: 0 } .catPaging .sidebarFilter span { font-size: 13px; font-weight: 300; } .catPaging .sidebarFilter input[type="text"] { margin: 0 0 0 0; height: 35px; width: 100%; font-size: 13px; font-weight: 500; color: #262626; background-color: white; box-shadow: 0px -1px 0px 0px #CCCCCC; border-radius: 6px; border-top: 3px solid #F2F2F2; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } .catPaging .sidebarFilter .filterName { width: auto; } .catPaging select { float: right!important; margin-left: 10px; height: 35px; border-radius: 6px; padding: 0 0px 0 8px; line-height: 33px; font-size: 13px; font-weight: 500; border: 1px solid #e5e5e5; border: 1px solid #e5e5e5; border-bottom: 2px solid #CCCCCC; background-color: #ffffff; } .catPaging .catSort { display: none; } .catPaging #filterToggleMobile { line-height: 33px; font-size: 14px; font-weight: 600; border: 1px solid #e5e5e5; border-bottom: 3px solid #CCCCCC; background-color: #efefef; } .catPaging select#pageSize { float: left; } .mobilePaging { display: none!important; } .mobilePaging { display: block; } .mobilePaging select { padding: 10px; color: #262626; border: 1px solid #d5d5d5; border-radius: 6px; font-size: 12px; margin-right: 10px; width: 100%; background: white; margin-top: -15px; margin-bottom: 10px; } .mobilePaging .nextPage { float: right; font-weight: 500; font-size: 13px; line-height: 24px; } /* Sorting */ .mobileSortOptions { display: none!important} .mobileSortOptions .btn:first-of-type { float: left} .mobileSortOptions .btn i { margin-right: 1rem; } .mobileSortOptions { display: block; margin-bottom: 10px; } .mobileSortOptions .btn { width: 48%; float: right; background: #014587; margin-bottom: 5px; color: white; } /* Banners */ .messageBlockCats { margin: 15px 0; display: none; } .messageBlockCats .alert { display: none; float: left; width: 100%; border-radius: 6px; margin-bottom: 40px; margin-top: -20px; border-color: #e5e5e5; } .messageBlockCats .alert p { margin: 0; padding: 13px 15px; } .messageBlockCats .alert .btn { margin: 17px 25px 0px 25px; } .catBlockBanner { border:1px solid #e5e5e5; margin-bottom: 30px; margin-top: 30px; border-radius: 6px; height: inherit; overflow: hidden; padding: 0; display: none; } .catBlockBanner img { } .catBlockBanner .btn { position: absolute!important; right: 25px; top: 19px; } .catBlockBanner .btn:hover { top: 19px!important; } .catBlockBanner .btn.btn-light { -webkit-box-shadow: 0 3px 0 #ba5406; box-shadow: 0 3px 0 #ba5406; border-color: #fff; background-color: #fff; -webkit-backface-visibility: hidden; outline: 0; color: #014587!important; font-weight: 600; padding: 0px 15px; font-size: 15px; line-height: 33px; border-radius: 5px; transition: all ease 0.1s; margin-bottom: 3px; } .catBlockBanner .btn.btn-light:hover { -webkit-box-shadow: 0 2px 0 #ba5406; box-shadow: 0 2px 0 #ba5406; transform: translate(0, 1px); -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); background-color: #fff; } .catBlockBanner .btn.btn-light:active { -webkit-box-shadow: 0 1px 0 #ba5406; box-shadow: 0 1px 0 #ba5406; transform: translate(0, 2px); -webkit-transform: translate(0, 2px); -ms-transform: translate(0, 2px); } .messageBlockCats.chat { background-image: url("/images/allgifts.nl/chatBgNL.png"); background-position: top right; border: 1px solid #e5e5e5; margin-bottom: 30px; margin-top: 30px; border-radius: 6px; height: 89px; overflow: hidden; padding: 0; display: none!important; } .messageBlockCats.chat img { margin-left: 15px; margin-top: 5px; } .messageBlockCats.chat .btn { margin-top: 25px; margin-right: 25px; } .messageBlockCats.chat .btn i { margin-right: 10px; } .messageBlockCats .headingSmallest { color: #448a0f; } /* Custom SEO Parsgraphs */ .customContents { display: block; margin-top: 40px; width: 100%; float: left; margin-top: 60px; } .customContents p { padding-bottom: 0; float: left; width: 100%; } .customContents a:link, .customContents a:visited { font-weight: 500; color: #014587; } .customContents h1 { margin: 45px 0 0 0; padding: 0; text-transform: inherit; font-size: 23px; border: 0; line-height: 32px; font-weight: 700; color: #262626; float: left; width: 100%; } .customContents h1 span { font-weight: 300!important; } .customContents h2 { margin: 45px 0 0 0; padding: 0; text-transform: inherit; font-size: 23px; border: 0; line-height: 32px;font-weight: 700; color: #262626; float: left; width: 100%; } .customContents h2 span { font-weight: 300!important; } .customContents h3 { margin: 45px 0 0; padding: 0; text-transform: inherit; font-size: 23px; border: 0; line-height: 32px; font-weight: 700; color: #262626; float: left; width: 100%; } .customContents h3 span { font-weight: 300!important; font-size: 16px!important; } .customContents h4 { margin: 45px 0 0; } /* Paging */ .productContainer .pager { margin: 0 auto; text-align: center; width: 100%; } .yiiPager { margin: 0 auto; display: block; } .pager ul { margin-left: -55px; } .pager ul li { margin-left: 0px; color: #707070; } .pager ul li i { color: white; margin: 0; font-weight: 800; } .pager li>a:hover, .pager li>a:focus { background: #eee; border-bottom: 2px solid #CCCCCC; } .pager li>a, .pager .page.selected a { background: #f3f3f3; border: 1px solid #e5e5e5; border-bottom: 2px solid gray; color: #262626; } .pager li>a, .pager li>span { border-radius: 6px; padding: 4px 15px; color: #fff; text-transform: capitalize; color: #262626; font-size: 14px; line-height: 30px; background: #fff; border: 1px solid #e5e5e5; border-bottom: 2px solid #CCCCCC; font-weight: bold; } li.last a, li.first a, li.last a:link, li.first a:link { color: #262626; } li.first a i, li.last a i { color: #262626; } /* Previous Viewed Products */ .orderHistoryBox { border-top: 1px solid #e5e5e5; padding-top: 30px; margin-top: 30px; padding-bottom: 14px; } .orderHistoryBox .product-history .productBlock { width: 20%; float: left; padding: 20px; min-height: inherit } .orderHistoryBox .product-history .productBlock .btn { margin-top: 20px!important; } .orderHistoryBox .product-history { padding: 30px 15px; } .orderHistoryBox .product-history .headingMedium { margin-bottom: 25px; } .orderHistoryBox .content-title { line-height: 55px; color: #555; font-weight: 300; font-size: 30px; border-bottom: 0px solid #e5e5e5; margin-bottom: 20px; } .orderHistoryBox .content-title span { font-weight: 600; } .orderHistoryBox .product-box-image { height: auto} .orderHistoryBox .productBlock .imageWrap { margin-bottom: 15px; height: 115px; } /** Filters **/ .messageBlockCats .alert strong { font-size: 15px; font-weight: 700; } .section.category .alert.alert-danger strong { font-weight: 800} .loadOverlay { color: white; } #filterSidebar .showFilterProducts { display: none; } .filterContent .navbar ul { margin-left: 1px; } .filter-active > .closebtn { font-size: 36px; } .filter-active > .closebtn:hover { color: #262626; } .sidenav.filter-active .panel-title { line-height: 30px;} .sidenav.filter-active .filterValue.filterPrice span { color: #262626; font-size: 14px; } .filterPrice .btn { font-size: 14px; line-height: 32px; color: #555; font-weight: 500; } .filterValue.numberInput { padding: 0; } .panel-default { border: 0; box-shadow: none; } .panel-default>.panel-heading { border-color: #e5e5e5; } .filterHolder { position: absolute; bottom: 0; top: 0; } .productHolder { float: right; } .productcontent { position: relative; float: left;width: 100%; margin-top: 0px; } .bottomHolder { position: absolute; bottom: 0px; } .filterBox { position: relative; float: left; } .filterBox.top { position: fixed; top: 60px; } .filterBox.bottom { position: fixed; bottom: 10px; float: left; z-index: 99; } .filterBox.bottom.hold { position: absolute; bottom: 25px; background-color: #014587; z-index: 99; } .filterBox.top.hold { position: absolute; top: 0px; } .filterHolder.smallerFilterSidebar { position: relative; } .filterHolder.largerFilterSidebar { position: absolute; } .filterContainer { width: 100%; float: left; } .filterContainer .panel-body { padding: 0; } .sidebarTitleBox { width: 90%; float: left; } .sidebarTitleBox.headingTiny { margin-bottom: 0; } .sidebarTitleBox .resetFilters { position: relative; float: right; color: #555555; font-size: 12px; line-height: 26px; font-weight: 600; text-decoration: underline; } .sidebarTitleBox .resetFilters:hover { cursor: pointer; color: #262626 } .colorFilter { padding-left: 0px; } .colorFilter li { width: 25px; height: 25px; margin: 0 7px 7px 0; float: left; border: 1px solid #e5e5e5; border-radius: 4px; } .colorFilter li:hover { cursor: pointer} .colorFilter li .colorSelected { display: none; } .colorFilter li.activeFilter .colorSelected { color: #262626; line-height: 23px; text-align: center; display: block; top: 2px; position: relative; left: 4px; font-weight: bolder;} .colorFilter .is-braun i, .colorFilter .is-bruin i { color: #ffffff!important; } .colorFilter .is-schwarz i, .colorFilter .is-zwart i { color: #ffffff!important; } .colorFilter .is-blau i, .colorFilter .is-blauw i { color: #ffffff!important; } .colorFilter .is-lila i, .colorFilter .is-paars i { color: #ffffff!important; } .colorFilter .is-rot i, .colorFilter .is-rood i { color: #ffffff!important; } .colorFilter .is-grün i, .colorFilter .is-groen i { color: #ffffff!important; } .colorFilter .is-kupfer i, .colorFilter .is-koper i { color: #ffffff!important; } .colorFilter .is-bronze i, .colorFilter .is-brons i { color: #ffffff!important; } .colorFilter .is-rosa i, .colorFilter .is-roze i { color: #ffffff!important; } .filterPrice { float: left; width: 100%; margin-top: 6px; } .filterPrice .input-group { width: 47%; float: right; } .filterPrice .input-group-addon { font-weight: bold; font-size: 13px; padding: 8px; background: #f3f3f3; border: 1px solid #e5e5e5; border-bottom: 2px solid gray; } .filterPrice .input-group input[type="text"] { font-size: 13px; margin: 0; margin: 0; border: 1px solid #e5e5e5; border-left: 0; box-shadow: none; border-bottom: 2px solid #e5e5e5; padding: 7px; height: 35px; } .filterPrice .priceDivider { height: 10px; width: 10px; float: left; } .filterPrice .btn { display: none; float: left; margin-left: 4px; margin-right: 0!important; padding: 0 9px!important; text-transform: capitalize; background: white; border: 1px solid #e5e5e5; border-bottom: 2px solid gray; } .filterPrice .btn:hover { background: #f3f3f3; } .sidebarFilter .expandable-filter { color: #fff; } .sidebarFilter .filterValue li:hover > label { text-decoration: none; } .sidebarFilter select { color: #262626; font-size: 12px; } .sidebarFilter input[type="text"] { color: #262626; font-size: 12px; } .sidebarFilter ul li { line-height: 30px; font-size: 14px; font-weight: 300; } .sidebarFilter ul li .weight { color: #b5b5b5; margin-left: 0; font-size: 14px; font-weight: 400; } .sidebarFilter ul.filterValue.colorFilter li { border-radius: 99px; } .sidebarFilter ul li.disabledFilter > label:hover { color: #262626; font-weight: 300; } .sidebarFilter .activeFilter { color: #262626; font-weight: 700 } .sidebarFilter .activeFilter > label { font-weight: 700 } .sidebarFilter input { line-height: 30px; padding-left: 7px; font-size: 13px; } .sidebarFilter label { line-height: 30px; font-weight: 300; } .sidebarFilter .filterIntro { font-weight: 300; } .sidebarFilter .showAllFilters { font-weight: 600; font-size: 14px; color: #262626; } .sidebarFilter .showAllFilters:hover { color: #262626; text-decoration: underline } .sidebarFilter .subTitle { font-weight: 600; color: #262626; font-size: 12px; } .sidebarFilter .filterValue li:hover > label { font-weight: 600; } .sidebarFilter .resetFilters { color: #555; } .sidebarFilter { border-bottom: 1px solid #e5e5e5; padding: 20px 0 20px 0; float: left; width: 90%; } .sidebarFilter .headingSmallest { float: left; margin-bottom: 6px; } .sidebarFilter select { padding: 6px; border: 1px solid #d5d5d5; border-radius: 4px; margin-right: 10px; width: 100%; margin-bottom: 5px; margin-top: 5px; } .sidebarFilter input[type="text"] { padding-left: 6px; border: 1px solid #b2c7db; border-radius: 4px; margin-right: 10px; width: 100%; margin-bottom: 5px; margin-top: 5px; cursor: default; height: 37px; } .sidebarFilter .numberInput { padding: 0; } .sidebarFilter input[type="number"] { margin: 0 0 0 0; height: 35px; width: 100%; font-size: 13px; font-weight: 500; color: #262626; background-color: white; box-shadow: 0px -1px 0px 0px #CCCCCC; border-radius: 6px; border-top: 3px solid #F2F2F2; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-radius: 6px!important; padding-left: 10px; } .sidebarFilter:first-child { border-top: 0} .sidebarFilter.sliderFilter .showAllFilters { display: none } .sidebarFilter ul { margin-bottom: 0; width: 100%; float: left; } .sidebarFilter ul:not(.colorFilter) li { margin-left: -40px; width: max-content; min-width: 100%; } .sidebarFilter .filterValue li:hover > label { text-decoration: none; cursor: pointer; transition: 0.1s; } .sidebarFilter ul:not(.colorFilter) li:hover { font-weight: 400; } .sidebarFilter ul li.disabledFilter { opacity: 0.3; cursor: default; } .sidebarFilter ul li.disabledFilter:hover { text-decoration: none; cursor: default; } .sidebarFilter ul li.disabledFilter > label:hover { text-decoration: none; cursor: default;} .sidebarFilter input { padding: 0; cursor: pointer } .sidebarFilter label { margin: 0; font-weight: 300; max-width: 205px; padding-left: 4px; text-transform: math-auto; } .sidebarFilter>.expandable-filter { max-height: 170px; width: 100%; } .sidebarFilter .categoryUp { display: block; } .sidebarFilter.closed .categoryUp { display: none; } .sidebarFilter .categoryDown { display: none; } .sidebarFilter.closed .categoryDown { display: block; } .sidebarFilter .showAllFilters { width: 100%; float: left; } .sidebarFilter .showAllFilters i { margin-left: 5px; opacity: 0.5; display: none; } .sidebarFilter .showAllFilters:hover > i { opacity: 1.0; transition: 0.2s; cursor: pointer } .sidebarFilter .showAllFilters:hover { cursor: pointer; } .sidebarFilter .filterName { font-size: 15px; color: #262626; font-weight: 600; width: 100%; float: left; } .sidebarFilter .subTitle { margin-bottom: 10px; margin-top: 10px; float: left; width: 100%; } .sidebarFilter .resetFilters { position: absolute; right: 20px; opacity: 0.3; margin-top: 4px; transition: 0.2s; right: 25px; } .sidebarFilter .resetFilters:hover { opacity: 1.0; cursor: pointer; } .sidebarFilter p input { margin: 0 } .sidebarFilter.LogoViewDisabled { display: none; } .sidebarFilter .ui-slider-horizontal .ui-slider-handle { background: #262626!important; top:0!important} .ui-slider .ui-slider-handle { width: 2rem!important; height: 2rem!important; margin-top: -5px!important; } .sidenavFoot { position: fixed; bottom: 0; width: 100%; background: #dff0d8; padding: 1rem 2rem 1.5rem 2rem; z-index: 9; border-top: 1px solid #d6e9c6 } .sidenavFoot .btn { width: 65%; margin: 0 auto!important; text-align: center; display: block; padding: 1rem 0} .filter-active { width: 100%!important;} .sidenav > .sidenavFoot, .sidenav > .sidenavHead { display: none!important; } .sidenav.filter-active .panel-heading { position: relative; } .filter-active .filterContainer { padding: 0; } .sidenav.filter-active .panel-heading { background: #f5f5f5; width: 100%; position: fixed; top: 0; left: 0; border-radius: 0;} .sidenav.filter-active .panel-default { margin-top: -30px; } .sidenav.filter-active .panel-heading { position: fixed; } .hasVideo { position: absolute; bottom: 0px; width: 45px; height: 45px; } .hasVideo img { width: 45px; height: 45px; } .loadOverlay { display: none; line-height: 300px; } .categoryProducts.loading .loadOverlay { display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: darkslategrey; opacity: 0.5; text-align: center; } .filterValue li { display: none; transition: 0.2s; } .filterValue.all li { display: block; transition: 0.2s; } .filterValue li:nth-child(1), .filterValue li:nth-child(2), .filterValue li:nth-child(3), .filterValue li:nth-child(4), .filterValue li:nth-child(5) { display: block; } .showAllFilters.hidden { display: none; } /* Certification Marks */ .extendendShopInfo.sidebar { margin-bottom: 30px; float: left; width: 90%; } .extendendShopInfo.sidebar .websiteRating { width: 45%; float: left; padding: 0 15px 0 0; } .extendendShopInfo.sidebar .websiteRating img { width: 100%; } .extendendShopInfo.sidebar .websiteCertification { width: 55%; float: left; padding: 0 0 0 15px; } .extendendShopInfo.sidebar .websiteCertification img { width: 100%; } .extendendShopInfo.sidebar .ratingOverlay { display: none; } .extendendShopInfo.sidebar .countText { display: none; } /* Website Awards */ .extendendShopInfo.sidebar .websiteAwards { width:100%; float: left; display: block; margin-top: 20px; } .extendendShopInfo.sidebar .websiteAwards img { margin: 0 auto; display: block; } .extendendShopInfo.sidebar .ratingText { margin-top: 10px; height: 24px; display: inline-block; width: 23px; margin-left: 57px; text-align: center; position: absolute; font-size: 12px; font-weight: 700; color: #333; } @media (min-width: 992px) { /* Subcats */ } @media (max-width: 991px) { /* Subcats */ } /** NO MOBILE- RES **/ @media (min-width: 768px) { /* Filters */ .sidebarFilter .expandable-filter { transition: all .3s ease-in-out; } .sidebarFilter.closed { transition: all .3s ease-in-out; min-height: 0px; max-height: 0px; overflow: hidden } .mobileCheck { display: none; } } /** MOBILE- RES **/ @media (max-width: 767px) { /** CATEGORY PAGE **/ .productcontent .headingLarge { margin-bottom: 6px; } .catBlockBanner { display: none; } .extendendShopInfo.sidebar { display: none; } .extendendShopInfo.footerBox .single-line-review { display: none; } .sidebarTitleBox { display: none; } .breadcrumbs { display: block; margin: 0 15px; } .breadCrumbsShopName { display: none; } .messageBlockCats.chat { display: none; } .moPage.mobilePaging { display: none; } /* Product view */ .productBlock { border: 0!important; border-radius: 0; padding-bottom: 0px; padding-top: 20px; min-height: 428px; overflow: hidden; max-height: max-content; } .productBlock.unloaded { width: 50%; max-height: 458px; overflow: hidden; } /* CLS fix */ .productBlock.loading { width: 50%; max-height: 458px; overflow: hidden; } /* CLS fix */ .productBlock ul { margin-top: 10px; margin-bottom: 5px; } .productBlock .productPricetag { margin-bottom: 10px; margin-top: 5px; display: block!important; float: left; } .productBlock:hover { -webkit-box-shadow:none!important; -moz-box-shadow: none!important; box-shadow: none!important; } .productBlock:hover > .productColors { } .productBlock ul.productSpecs li { font-size: 12px; line-height: 22px; } .productBlock .imageWrap { width: 100%; float: left; height: auto; } .productBlock .imageWrap img { margin-top: 0; } .productBlock .productName { width: 100%; float: left; height: 36px; margin-top: 10px; } .productBlock .headingTiny { padding-right: 15px; } .productBlock .product-box-image { height: auto; max-height: 145px!important; width: 100%; } .productBlock .productSpecs { width: 100%; float: left; } .productBlock .productSpecs li { list-style: none } .productBlock .productColors { margin-top: 10px; margin-bottom: 10px; height: 10px; } .productBlock .productColors .productColor { height: 10px; width: 10px; } .productBlock .prodLabel { left: 15px; position: absolute!important; right: auto; top: auto; z-index: 1; } .orderHistoryBox .product-history .productBlock { width: 100%; padding: 20px 0 0 0; margin: 0 } .catListContainer { display: none; } .productBlock .btn.btn-primary.inverted { width: 100%; margin-top: 0!important; } .productBlock .discountBox { float: left; position: relative; width: 100%; min-height: 42px; margin-bottom: 0; } .productDeliveryTime span { font-size: 11px!important; } .productDeliveryTime span i { font-size: 12px!important; } .productBlock .productPriceDiscount { margin-top: -66px; } /* Subcats */ .catPaging { padding: 0; background-color: white; border: 0; margin-bottom: 15px; } .catPaging .catResults { display: none; } .catPaging select { width: 100%; border-radius: 6px; padding: 0 10px; height: 43px; float: left; margin-bottom: 10px; background-color: #F5F5F5; text-align: center; font-size: 13px; font-weight: bold; } .catPaging #filterToggleMobile { margin: 0 0 10px 0; width: 100%; border-radius: 6px; padding: 0 10px; height: 43px; text-align: left; background-color: #fff; text-align: center; font-size: 13px; font-weight: bold; } .catPaging .sidebarFilter { display: none; } .catPaging select#pageSize { display: none; } .subcatProdinfo span { float: left; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 0; } .swiper-wrapper.slider { height: 148px; } .subCatBlock.swiper-slide img { height: 65px; } /* Custom SEO Paragraphs */ .customContents h2 { font-size: 18px; border: 0; line-height: 25px; font-weight: 300; color: #262626; font-weight: 600; margin-bottom: 6px; margin-top: 15px; } .customContents h3 { font-size: 18px; border: 0; line-height: 25px; font-weight: 300; color: #262626; font-weight: 600; margin-bottom: 6px; margin-top: 15px; } .customContents h4 { font-size: 18px; border: 0; line-height: 25px; font-weight: 300; color: #262626; font-weight: 600; margin-bottom: 6px; margin-top: 15px; } /** Paging **/ .pager li>a, .pager li>span { padding: 4px 13px; } /* Filters */ .ui-slider .ui-slider-handle { width: 3rem!important; height: 3rem!important; } .sidenav.filter-active .panel-default { margin-top: 0; padding-bottom: 0;} .filter-active > .closebtn { position: fixed; top: 0; right: 25px; margin-left: 50px; z-index: 9999; display: block; } .filter-active > .closebtn:hover { cursor: pointer; transition: 0.2s} .filter-active > .sidenavFoot, .filter-active > .siden.mobileSortOptions .btnavHead { display: block!important; } .sidebarFilter .filterPrice { margin-top: 3rem; ; float: left; } .sidebarFilter .filterName { text-align: left; } .sidebarFilter ul { text-align: left; } .filterPrice .filterLeft { margin-top: 46px; } .filterPrice .filterRight { margin-top: 46px; margin-bottom: 0px;} .sidebarFilter .subTitle { display: none; } .filterValue.colorFilter.all li:last-child { margin-bottom: 20px; } .filterValue.colorFilter.all li:last-of-type { margin-bottom: 20px!important; background-color: yellow!important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border-radius: 20px!important; margin-top: -9px!important; } #productCountMobile span { background: white; border-radius: 6px; padding: 2px 4px; } .sidenav.filter-active .panel-heading { z-index: 99; } .sidenav.filter-active .panel-default { margin-top: -20px; padding-bottom: 45px;} .filterBox.top { z-index: 9999; } .filterContainer { padding: 0px 10px 0; } .filterContainer .panel.panel-default { margin: 0; border: 0; border-radius: 5px 5px 0 0; } .filterContainer .panel-body { overflow: hidden; border-radius: 5px; } .sidebarFilter { padding: 0px 15px; width: 100%; } .sidebarFilter label { margin: 0; } .sidebarFilter.sliderFilter { display: none!important; } .sidebarFilter .showAllFilters { display: none; text-align: left; } .sidebarFilter .filterValue li { display: block; margin-left: -50px; } .sidebarFilter .expandFilterIcon { display: block; margin: 0 0 0 0; right: 25px; } .sidebarFilter .resetFilterIcon { display: none; } .sidebarFilter:not(.closed) .expandable-filter li { display: none; } .sidebarFilter:not(.closed) .expandable-filter input { margin-left: 0px; } .sidebarFilter .expandable-filter { min-height: 1px;} .sidebarFilter .expandable-filter li.activeFilter { display: block; } .sidebarFilter.closed .expandable-filter li { display: block; line-height: 35px; } .sidebarFilter.closed .expandable-filter input { display: block; margin-left: unset; width: auto; float: left; margin-top: 9px; margin-right: 5px; } .sidebarFilter.closed .expandable-filter { max-height: none; } .sidebarFilter .categoryUp { display: none; } .sidebarFilter.closed .categoryUp { display: block; } .sidebarFilter .categoryDown { display: block; } .sidebarFilter.closed .categoryDown { display: none; } .sidebarFilter ul:not(.logoview) li { padding-left: 10px; padding-left: 0px; width: 100%; float: left; } .filterButtonContainer { display: block; padding: 0px; width: 100%; position: fixed; bottom: 0; } .filterInnerContainer { padding: 15px 25px; background: #ffffff; float: left; width: 100%; border-radius: 0 0 5px 5px } .filterValue.colorFilter li { float: left; width: 36px!important; height: 36px; margin: 3px!important; border-radius: 99px; } .expandable-button { float: left; width: 100%; } #filterSidebar { height: 100vh; max-height: 100vh;top: inherit; bottom: 0; padding-top: 25px; display: block; z-index: 999999998; background-color: white; } #filterSidebar .showFilterProducts { display: block; width: 100%; } .sidenav { bottom: 0; transition: all 0.7s; } .sidenav.hideSidebar { position: fixed; left: -90vh!important; transition: all 0.7s; } .resetFilters.resetFilterIcon { float: left; width: 100%; text-align: center; margin-top: 20px;} #placeholderFilterCount { background-color: orange; display: none; width: 22px; height: 22px; position: relative; float: right; line-height: 22px; text-align: center; border-radius: 50%; color: white; top: 5px; } } /** LOW- RES VIEW **/ @media (min-width: 768px) and (max-width: 991px) { /** CATEGORY VIEW **/ .catListContainer ul.fullCatLists li a { width: 89%; } .extendendShopInfo.sidebar .ratingText { margin-top: 8px; width: 23px; margin-left: 44px; } .extendendShopInfo.sidebar .websiteRating img { max-width: 175px; max-height: 55px; display: block; } .extendendShopInfo.sidebar .websiteCertification img { max-width: 175px; max-height: 55px; display: block; } .extendendShopInfo.sidebar.alt-show .ratingText { margin-left: 29%; margin-top: 34px; } .productBlock .imageWrap { height: 155px; } .productBlock .headingTiny { padding-right: 10px; } .productBlock { margin-bottom: 50px; min-height: 450px; } .discountBox { min-height: 27px; } .catBlockBanner { border: 1px solid #e5e5e5; margin-bottom: 30px; margin-top: 30px; border-radius: 6px; height: 86px; overflow: hidden; } .catBlockBanner img { position: absolute; right: -140px; margin-right: -23px; } .lowerPrice { max-width: 90px; } /* Banners */ .messageBlockCats .alert { padding: 10px 20px 20px 20px; } .messageBlockCats .alert .btn { margin: 0; width: 100%; } .messageBlockCats .alert p { padding: 10px 0px 15px 0px; line-height: 23px!important; } .messageBlockCats.chat img { margin-left: 0; margin-top: -10px; border: 10px solid white; } /* Sorting*/ .catPaging { padding: 20px 20px 0px 20px; } .catPaging select { margin-bottom: 10px; } .catPaging .catResults { line-height: 45px; margin: 0 5px; } .catPaging .sidebarFilter { width: 100%; } /* Colors on hover */ .productBlock .productColors { bottom: 205px; } } /** MED- RES VIEW **/ @media (min-width: 992px) and (max-width: 1199px) { /* View */ .subCatBlock { width: 157px; } .subCatBlock .categoryName { width: 90px; } .subCatBlock .catCount { width: 90px; } .catListContainer ul.fullCatLists li a { width: 89%; } .extendendShopInfo.sidebar .ratingText { margin-top: 8px; font-size: 11px; margin-left: 42px; } .catBlockBanner img { left: -55px; position: relative; } .messageBlockCats .alert .btn { margin: 18px 18px; } .messageBlockCats.chat { background-position: top right -80px; } .messageBlockCats.chat img { margin-left: -7px; margin-top: -5px; border: 10px solid white; } .catBlockBanner { border: 1px solid #e5e5e5; margin-bottom: 30px; margin-top: 30px; border-radius: 6px; height: 86px; overflow: hidden; } /* Banners */ .messageBlockCats.chat .alert.alert-info { background: #f3f3f3; } .messageBlockCats.chat .alert.alert-info p { width: 49%; margin-top: 5px; margin-bottom: 0; padding-bottom: 0; } .messageBlockCats.chat .alert.alert-info img { padding: 12px 15px 8px 15px; max-height: 89px; max-width: 100%; } .messageBlockCats.chat .alert.alert-info .btn { width: 27%; margin-left: 0; } /* Product view */ .product-box-image { height: 175px; } /* Colors on hover */ .productBlock .productColors { bottom: 220px; } }