/* About us Fonts */ @font-face { font-family: 'Baskerville'; src: url('https://whiteandgreenhome.co.uk/fonts/Baskerville.ttc') format('truetype'); } @font-face { font-family: 'Saling Cinta'; src: url('https://whiteandgreenhome.co.uk/fonts/SalingCinta.otf') format("opentype"); } @font-face { font-family: 'Baskerville SemiBold'; src: url('https://whiteandgreenhome.co.uk/fonts/Baskerville-SemiBold.woff2') format('woff2'), url('https://whiteandgreenhome.co.uk/fonts/Baskerville-SemiBold.woff') format('woff'); } @font-face { font-family: 'Baskerville BoldItalic'; src: url('https://whiteandgreenhome.co.uk/fonts/Baskerville-BoldItalic.woff2') format('woff2'), url('https://whiteandgreenhome.co.uk/fonts/Baskerville-BoldItalic.woff') format('woff'); } @font-face { font-family: 'Baskerville Bold'; src: url('https://whiteandgreenhome.co.uk/fonts/Baskerville-Bold.woff2') format('woff2'), url('https://whiteandgreenhome.co.uk/fonts/Baskerville-Bold.woff') format('woff'); } @font-face { font-family: 'Baskerville'; src: url('https://whiteandgreenhome.co.uk/fonts/Baskerville.woff2') format('woff2'), url('https://whiteandgreenhome.co.uk/fonts/Baskerville.woff') format('woff'); } @font-face { font-family: 'Baskerville SemiBoldItalic'; src: url('https://whiteandgreenhome.co.uk/fonts/Baskerville-SemiBoldItalic.woff2') format('woff2'), url('https://whiteandgreenhome.co.uk/fonts/Baskerville-SemiBoldItalic.woff') format('woff'); } @font-face { font-family: 'Baskerville Italic'; src: url('https://whiteandgreenhome.co.uk/fonts/Baskerville-Italic.woff2') format('woff2'), url('https://whiteandgreenhome.co.uk/fonts/Baskerville-Italic.woff') format('woff'); } /* broken drop down fix */ .top-menu .popover { /* top: 38px!important; display: block!important;*/} /* home full width tesdt * / /* HOMEPAGE full with onyly */ #index #wrapper{padding-top:0} #index #wrapper .container{width:100%;padding-left:0;padding-right:0} #index .featured-products{max-width:1140px;margin:auto} #index #custom-text{max-width:100%;margin:auto} #index .seo-content,.trustpilot-widget{max-width:1140px;margin:auto} /* LANDEN MENU TIJDELIJK VERSTOPT */ .language-selector.dropdown.js-dropdown,div#_mobile_language_selector {display:none} body {font-family: 'Circular Std', serif;} /*-----------------------------------------------------------------------------------------------*\ COLORS \*-----------------------------------------------------------------------------------------------*/ /* COLORS primary : GREEN : #abc3b2 secondary : GREEN : #abc3b2 MAIN FONT BLUE : #19324A - Dark blue background : White Smoke : #F7F7F7 - light grey */ /* BACKGROUND color WHITE #fff */ #wrapper { background:#fff; /* background:#f1f1f1; background-color:#fff make it white */} .paymentSenderBlock{background-color:#FFF} #custom-text{background-color:#fff} /* HEADER COLOR / plain tekst #19324A */ #header a, #header .header-top a, #header .header-nav .cart-preview .shopping-cart, #header .header-nav .cart-preview.active a, #header .header-nav .cart-preview.active i, p, .tabs .nav-tabs .nav-link, #wrapper .breadcrumb li a, span.expand-more._gray-darker, .dropdown .expand-more,.page-my-account #content .links a i, .page-my-account #content .links a, #header .header-top a[data-depth="0"], .tabs ul{color:#19324A} #custom-text h2{color:#19324A} #custom-text p {color: #19324A;} #custom-text{color:#19324A} .blockcart span{color:#19324A} span.magnitude{color:#363a428f} #header .usps-bar a,#header .usps-bar{color:#FFF} #header .usps-bar-two a,#header .usps-bar-two{color:#FFF; font-size: 0.8rem; font-weight: 400;} .usps-bar li .material-icons{color:#19324A} .usps-bar-two li .material-icons{color:#fff} .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#19324A} #search_filters .facet .facet-title,#search_filters_brands .facet .facet-title,#search_filters_suppliers .facet .facet-title,.block-categories a,#blockcart-modal .product-name{color:#19324A;font-size:14px} .product-price{color:#19324A} #products .product-title a,.featured-products .product-title a,.product-accessories .product-title a,.product-miniature .product-title a{color:#19324A} #content .product-title a,#content a.quick-view{color:#19324A;text-decoration:none} .top-menu .navbar-toggler {color: #19324A;} /* ACTIVE color ( MAIN green #abc3b2 ) */ .cart-grid-body a.label:hover {color: #abc3b2} .klantenserviceBlock,.klantenserviceBlock p, .klantenserviceBlock H3 {background-color:#abc3b2; color:#fff} .custom-radio input[type="radio"]:checked+span{background-color:#abc3b2;} #header a:hover,#header .top-menu a:hover, #header .top-menu a[data-depth="0"]:hover { color: #abc3b2;} .pagination a:hover, .pagination .current a:hover { color: #fff; background-color:#abc3b2; } .custom-checkbox input[type=checkbox]+span .checkbox-checked { color: #19324A;} .tabs H2,.tabs H3{font-size:1.5rem;border-bottom:1px solid #abc3b2;padding-top:35px;padding-bottom:10px} #products .product-miniature .discount-amount, #products .product-miniature .discount-percentage, #products .product-miniature .on-sale, #products .product-miniature .online-only, #products .product-miniature .pack, #products .product-miniature .product-flags .new, .featured-products .product-miniature .discount-amount, .featured-products .product-miniature .discount-percentage, .featured-products .product-miniature .on-sale, .featured-products .product-miniature .online-only, .featured-products .product-miniature .pack, .featured-products .product-miniature .product-flags .new, .product-accessories .product-miniature .discount-amount, .product-accessories .product-miniature .discount-percentage, .product-accessories .product-miniature .on-sale, .product-accessories .product-miniature .online-only, .product-accessories .product-miniature .pack, .product-accessories .product-miniature .product-flags .new, .product-miniature .product-miniature .discount-amount, .product-miniature .product-miniature .discount-percentage, .product-miniature .product-miniature .on-sale, .product-miniature .product-miniature .online-only, .product-miniature .product-miniature .pack, .product-miniature .product-miniature .product-flags .new { background: #abc3b2; color:#fff} .product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover { border: 3px solid #abc3b2;} #content a.quick-view:hover {color:#abc3b2} .product-flags li.product-flag { background: #fff; color:#abc3b2} li.product-flag.on-sale {background: #fff; color:#abc3b2; width:auto} #products .highlighted-informations .quick-view:hover, .featured-products .highlighted-informations .quick-view:hover, .product-accessories .highlighted-informations .quick-view:hover, .product-miniature .highlighted-informations .quick-view:hover { color: #abc3b2;} #wrapper .breadcrumb li a:hover, .footer-container .block-contact a:hover { color: #abc3b2;} .form-control:focus, .input-group.focus{ outline: .1875rem solid #abc3b2;} .footer-container li a:hover, .bottom-footer a:hover { color: #abc3b2;} .block-social li { background-color: #abc3b2;} .header-nav .blockcart.active a:hover {color: #abc3b2 !important;} .search-widget form input[type=text]:focus+button .search, .search-widget form button[type=submit] .search:hover {color: #abc3b2 } #blockcart-modal .modal-header { background: #abc3b2;} #blockcart-modal .modal-header .close .material-icons { color: #fff;} .product-cover .layer .zoom-in, .page-my-account #content .links a:hover { color: #abc3b2; } .search-widget form input[type=text]:focus { outline: 1px solid #abc3b2;} /*zoek border */ .bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default {background-color: #abc3b2;} body#checkout a:hover {color: #abc3b2;} .products-sort-order .select-list:hover { background: #abc3b2; color: #19324A;} .usps-bar-two .review-header-info img{ width: 100px; height: 18px; } .footer-container li a:hover, .bottom-footer a:hover { color: #abc3b2; text-decoration:underline} .header-nav .blockcart.active a:hover {color: #abc3b2 !important;} .search-widget form input[type=text]:focus+button .search, .search-widget form button[type=submit] .search:hover {color: #abc3b2 } .product-cover .layer .zoom-in, .page-my-account #content .links a:hover { color: #abc3b2; } .block-social li {background-color: #abc3b2;} #blockcart-modal .modal-header { background: #abc3b2;} .input-color:checked+span, .input-color:hover+span, .input-radio:checked+span, .input-radio:hover+span { border: 2px solid #abc3b2; } .pagination .current a { color: #abc3b2; } .search-widget form input[type=text]:focus { outline: 1px solid #abc3b2;} #content .featured-products a.all-product-link {background-color: #F1F4EF; color: #19324A; } #footer .container.newsletter-bar {width:100%;background-color: #F1F4EF; color: #19324A; } #footer .block_newsletter {background-color: #F1F4EF; color: #19324A; width: 100%; max-width: 600px; padding:30px 20px; margin: auto; } #footer .block_newsletter #block-newsletter-label {width:100%; margin-bottom: 10px; color: #19324A;} #footer .block_newsletter .col-md-7 {width:100%} #main .page-footer { margin-bottom: 0; clear: both;} #footer .block_newsletter form .row .col-xs-12:last-of-type p, #footer .block_newsletter form .row .col-xs-12:last-of-type .page-content.page-cms ul, .page-content.page-cms #footer .block_newsletter form .row .col-xs-12:last-of-type ul {color: #19324A;} .block_newsletter form input[type="email"]:focus { padding: 8px 8px 9px; border: 3px #abc3b2 solid; outline: 0;} .block_newsletter form input[type="email"] { color: #19324A;} .footer-container {background-color:#F1F4EF; color:#19324A; } .footer-container li {margin-bottom:0;} .footer-container li a,.footer-container .links p,.footer-container .block-contact, .footer-container .block-contact a, .bottom-footer a { color:#19324A; padding: 3px 0; display: inline-block;} /*span.price, .current-price { color:#abc3b2}*/ .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled:hover { background-color: #abc3b2; border-color: transparent;} button.btn.btn-primary.add-to-cart:disabled { background-color:#e09595;} .dropdown:hover .expand-more { color:#abc3b2} /* LIGHTER GREEN #abc3b2 */ #content .featured-products a.all-product-link:hover {background-color: #abc3b2; color: #FFF; } .active_filters { background-color: #abc3b26b; color:#fff } /* button rollover DARK #19324a */ .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover { background-color: #F1F4EF; color: #19324A;} .btn-primary.active, .btn-primary:active, .open>.btn-primary.dropdown-toggle { color: #fff; background-color: #19324a;} .btn-primary.focus, .btn-primary:focus, .btn-primary:hover { background-color: #19324a; color: #fff;} .block-social li:hover { background-color: #19324a;} /* groen abc3b2 */ #product-availability .product-available {color: #abc3b2;} .btn-primary { background-color: #687871; } span.cart-products-count {background-color: #19324A; color: #fff;} /* LINKS & hover 3e kleur - groen #abc3b2 */ a { color: #abc3b2;} a:focus, a:hover { color: #abc3b2;} #product .tabs a { color: #abc3b2; text-decoration: underline;} #product .tabs a:hover,#product .tabs a:focus { color: #abc3b2;} /* Sale / USPS kleur / ORANJE #abc3b2 NOT DEFINE IN SHEET SO GREEN ALSO */ .has-discount.product-price, .has-discount p {color: #abc3b2;} #products .product-miniature .discount-amount.discount-amount, #products .product-miniature .discount-amount.discount-percentage, #products .product-miniature .discount-percentage.discount-amount, #products .product-miniature .discount-percentage.discount-percentage, #products .product-miniature .on-sale.discount-amount, #products .product-miniature .on-sale.discount-percentage, #products .product-miniature .online-only.discount-amount, #products .product-miniature .online-only.discount-percentage, #products .product-miniature .pack.discount-amount, #products .product-miniature .pack.discount-percentage, #products .product-miniature .product-flags .new.discount-amount, #products .product-miniature .product-flags .new.discount-percentage, .featured-products .product-miniature .discount-amount.discount-amount, .featured-products .product-miniature .discount-amount.discount-percentage, .featured-products .product-miniature .discount-percentage.discount-amount, .featured-products .product-miniature .discount-percentage.discount-percentage, .featured-products .product-miniature .on-sale.discount-amount, .featured-products .product-miniature .on-sale.discount-percentage, .featured-products .product-miniature .online-only.discount-amount, .featured-products .product-miniature .online-only.discount-percentage, .featured-products .product-miniature .pack.discount-amount, .featured-products .product-miniature .pack.discount-percentage, .featured-products .product-miniature .product-flags .new.discount-amount, .featured-products .product-miniature .product-flags .new.discount-percentage, .product-accessories .product-miniature .discount-amount.discount-amount, .product-accessories .product-miniature .discount-amount.discount-percentage, .product-accessories .product-miniature .discount-percentage.discount-amount, .product-accessories .product-miniature .discount-percentage.discount-percentage, .product-accessories .product-miniature .on-sale.discount-amount, .product-accessories .product-miniature .on-sale.discount-percentage, .product-accessories .product-miniature .online-only.discount-amount, .product-accessories .product-miniature .online-only.discount-percentage, .product-accessories.product-miniature .pack.discount-amount, .product-accessories .product-miniature .pack.discount-percentage, .product-accessories .product-miniature .product-flags .new.discount-amount, .product-accessories .product-miniature .product-flags .new.discount-percentage, .product-miniature .product-miniature .discount-amount.discount-amount, .product-miniature .product-miniature .discount-amount.discount-percentage, .product-miniature .product-miniature .discount-percentage.discount-amount, .product-miniature .product-miniature .discount-percentage.discount-percentage, .product-miniature .product-miniature .on-sale.discount-amount, .product-miniature .product-miniature .on-sale.discount-percentage, .product-miniature .product-miniature .online-only.discount-amount, .product-miniature .product-miniature .online-only.discount-percentage, .product-miniature .product-miniature .pack.discount-amount, .product-miniature .product-miniature .pack.discount-percentage, .product-miniature .product-miniature .product-flags .new.discount-amount, .product-miniature .product-miniature .product-flags .new.discount-percentage {background: #abc3b2; color:#19324A;} .has-discount .discount {background: #abc3b2; color:#19324A;} /* overige kleuren */ span.availability-list.availability-list-out-of-stock { color: #afafaf; font-size:12px} #header .usps-bar a:hover, #header .usps-bar a:hover .material-icons {text-decoration:none; color:#fff;text-decoration: underline; } #header .usps-bar-two a:hover, #header .usps-bar-two a:hover .material-icons {text-decoration: underline; color:#fff} /*#blockcart-modal .modal-body {background: #ffffff;}*/ .product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name{background:#F1F4EF} #product-details > div:nth-child(even),.product-features>dl.data-sheet dd.value:nth-of-type(2n), .product-features>dl.data-sheet dt.name:nth-of-type(2n) { background: #FAFCF9;} .product-description .material-icons {color: #5eb11d} .alert-info { background-color: #f1fcff; border-color: #bcdff1; color: #31708f;} #products .up .btn-secondary, #products .up .btn-tertiary { background-color: #ffffff;} .btn-secondary, .btn-tertiary { background-color: #ffffff; } .facet-label.active .custom-checkbox span.color, .facet-label:hover .custom-checkbox span.color { border: 2px solid #19324A; } .facet-label .color, .facet-label input[type=checkbox]+span.color {border: 1px solid #c4c4c4;} #block-reassurance li .block-reassurance-item, .social-sharing { color: #797e82;} .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover, .btn-tertiary:focus, .btn-tertiary:hover, .focus.btn-tertiary { background-color: #abc3b2;} .product-images>li.thumb-container>.thumb { margin-right: .8125rem; border: 2px solid #fff;} #content a,#category-description a { color: #1E1E1D; text-decoration:underline} #content a:hover,#content a:focus, #category-description a:hover, #category-description a:focus { color: #abc3b2; } button#search_filter_toggler { background-color: #C0C0C0; color:#fff} #block-reassurance {border:1px solid #ccc} #wrapper .breadcrumb li a { color: #696564;} .block-social ul { margin-bottom: 0;} .block-social ul li { background-color:#19324A;background-size: contain;margin: 0.125rem 0.5rem 0.125rem 0.125rem; width: 1.5rem; height: 1.5rem; } .block-social ul li:hover {background-color:#abc3b2} /*-----------------------------------------------------------------------------------------------*\ SHADOWS ON OR OFF \*-----------------------------------------------------------------------------------------------*/ .card, .block-categories, #wrapper, .carousel,#wrapper .banner img, #search_filters, #search_filters_brands, #search_filters_suppliers, .products-sort-order .select-title,#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container, #product #block-reassurance,.tabs, .footer-container,.btn-primary, .btn-secondary, .btn-tertiary, .bootstrap-touchspin,.product-cover img,.product-variants>.product-variants-item select, .product-images>li.thumb-container>.thumb,.page-addresses .address, .page-authentication #content,.social-sharing li,.color, .custom-checkbox input[type=checkbox]+span.color,body#checkout #footer, .page-customer-account #content,.page-my-account #content .links a span.link-item,.btn-tertiary:hover,li.product-flag, #products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations { box-shadow: none; /* TURN THIS OFF IF YOU WANT THOSE retro 1998 shadows... */ } /*-----------------------------------------------------------------------------------------------*\ ROUNDED CORNERS \*-----------------------------------------------------------------------------------------------*/ /*#custom-text { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}*/ /*#products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature, .product-miniature .product-miniature { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 3px 5px 0px; -moz-box-shadow: rgba(0,0,0,0.2) 0px 3px 5px 0px; box-shadow: rgba(0,0,0,0.2) 0px 3px 5px 0px;} #products img, .featured-products img, .product-accessories img, .product-miniature img { margin-left: 0; width: 100%; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}*/ /*.product-customization { border-radius: 6px 16px 0 0;} #content .home-trending, .contentbox-wrapper .home-trending .trending-item { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .item-html,.klantenservice-blok, #products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container { box-shadow: none;} .btn { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .contentbox-wrapper .htmlcontentItem, .contentbox-wrapper .htmlcontent-item-1,.contentbox-wrapper .htmlcontent-item-1 .item-bg, .contentbox-wrapper .htmlcontent-item-promo, .contentbox-wrapper .htmlcontent-item-promo .item-bg{-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .product-cover, .product-cover img,.images-container .product-images>li.thumb-container>.thumb { border-radius: 6px;} #content .featured-products a.all-product-link{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #custom-text .slim-3-col .item-col img { -webkit-border-radius: 6px ; -moz-border-radius: 6px ; border-radius: 6px ;} #products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature, .product-miniature .product-miniature { -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow: none; /* -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px; -moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px; box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;*/} /*-----------------------------------------------------------------------------------------------*\ FONTS N SIZES \*-----------------------------------------------------------------------------------------------*/ body {font-family: 'Circular Std', serif; font-size:15px; line-height: 1.5em; font-weight:400;} .h1, h1,.h2, h2,.h3, h3,.footer-container .h4 {font-family: 'Baskervville', serif; text-transform: inherit !important; font-weight: 400;} .h4, h4,.h5, h5,.h6, h7 {font-family: 'Baskervville', serif; font-size:15px; font-weight: 400;} #search_filters .text-uppercase.h6 {font-family: 'Baskervville', serif; font-size:20px; font-weight: 400;} h3.h3.product-title,#products .product-title, .featured-products .product-title, .product-accessories .product-title, .product-miniature .product-title {font-family: 'Circular Std', serif; } .product-prices span.price, .product-prices .current-price{font-family: 'Circular Std', serif; } span.price, .current-price,#products .product-miniature .product-description .regular-price,.product-discount .regular-price{font-family: 'Circular Std', serif; } ul.top-menu { font-size: 0.9375rem;} #header .header-nav, .header-top { font-size: 0.75rem; font-weight: 400; } .breadcrumb { font-size: 0.8125rem;} .block-contact.links { font-size: .875rem; } .links p.h3,.links p.h4{ font-size: 1.5rem;} #content-wrapper { line-height: 1.5em;} .h1, .h2, .h3 { text-transform: inherit; } .h1, h1 { font-size: 2.4rem; margin-bottom:1.5rem } .h2, h2 { font-size: 2rem; margin-bottom:1.5rem } .h3, h3 { font-size: 1.8rem; margin-bottom:1.5rem } .h4, h4 { font-size: 1.6rem; } .h5, h5 { font-size: 1.8rem; } .h6, h6 { font-size: 1rem; } #header .header-top a[data-depth="0"], #header .popover , .top-menu a.dropdown-submenu{ text-transform:inherit; font-weight: 400; font-size: 0.9rem; font-size:14px} .top-menu a.dropdown-submenu { text-transform:inherit; } .block-categories { font-size: 0.9375rem;} ol { font-size: .9375rem;} #wrapper .breadcrumb ol{font-size: .8rem;} #products .product-title a, .featured-products .product-title a, .product-accessories .product-title a, .product-miniature .product-title a { font-size: 1rem; } #custom-text h2 { font-size: 2.375rem; } .all-product-link.h4 { font-size: 1.4rem; } p,.tabs ul{font-size: 1rem; margin-bottom: 1.5rem;} /*-----------------------------------------------------------------------------------------------*\ MARGINS / PADDINGS FOR BLOCKS \*-----------------------------------------------------------------------------------------------*/ #content .featured-products {margin-bottom: 1.125rem; margin-top: 1.125rem; } #content .featured-products a.all-product-link { margin: 2.125rem 0.625rem; } #content .featured-products a.all-product-link { } #custom-text { padding:0} #content .home-trending { margin-top: 3.125rem; margin-bottom: 3.125rem; } /*-----------------------------------------------------------------------------------------------*\ BUTTONS WTWERFASDF \*-----------------------------------------------------------------------------------------------*/ .btn {font-weight:700; font-size: 0.9375rem; padding: 0.8rem 1.2rem; outline: none!important;} #content a.btn.btn-home { background-color:#fff; color:#1E1E1D; text-decoration:none} #content a.btn.btn-home:hover, #content a.btn.btn-home:focus {color: #FFF; background-color:#19324a} .btn-primary, .btn-secondary, .btn-tertiary {text-transform: inherit; font-weight:400; border-radius:6px;} /*-----------------------------------------------------------------------------------------------*\ HEADER & MENU MODIFICATIONS \*-----------------------------------------------------------------------------------------------*/ #header { box-shadow: 0 1px 1px 0 rgb(0 0 0 / 11%);position: relative; box-shadow:none} #header a { } #header .header-nav{position: relative;max-height:inherit; background-color: #fff;margin-bottom: 0; border:none /*border-bottom: 1px solid #f1f1f1;*/} #header .header-top{max-height:inherit;margin-bottom: 0; border:none /*border-bottom: 1px solid #f1f1f1;*/} #header .header-top{background-color: #fff;} #top-menu #cms-page-8 {display:none} /*verberg klantenservice link op desktop */ .usps-bar { width: 100%; margin:auto; text-align: center; display: block; padding: 8px; background-color: #abc3b2; clear:both} .usps-bar ul { margin:auto; width:auto; float:none; } .usps-bar li { padding: 0 15px 0 0; display: inline-block; width: auto;} .usps-bar .codeword {border:1px solid #fff; border-radius:3px; padding:0 5px} .usps-bar li .material-icons { display: inline-block; padding: 0; font-size: 18px; font-weight: bold; vertical-align: text-bottom;} .usps-bar .usps-contacts { width: auto; text-align: right; float: right; display: inline-block; } .usps-bar-two { width: 100%; margin:auto; text-align: center; display: block; padding: 8px; background-color: #687871; clear:both} .usps-bar-two ul { margin:auto; width:auto; float:none; } .usps-bar-two li { padding: 0 15px 0 0; display: inline-block; width: 31%;} .usps-bar-two li .material-icons { display: inline-block; padding: 0; font-size: 18px; font-weight: bold; vertical-align: text-bottom;} .usps-bar-two .usps-contacts { width: auto; text-align: right; float: right; display: inline-block; } .usps-bar-two img {margin-right:6px; width: 24px; height: 24px;} .usps-bar-two img.ratingstars { width: auto; height: auto; vertical-align: -4px;} .search-widget form input[type=text] { border: 1px solid #b9b2b2; box-sizing: border-box; background-color: #fff; color: #010103; height: 34px; font-size: 13px;} #header .header-top .menu { padding-left: 0; margin-bottom: 0; margin-top: 3px;} .top-menu { margin-bottom: 0;} /*.top-menu .collapse { display: none;}*/ .top-menu .sub-menu {z-index:299} .logoBar { padding-top:0;padding-bottom:5px;} img.logo.img-responsive { width: auto; height: auto; object-fit: contain; max-width: 100%; max-height: 100%;} .logoIcons h1, .logoIcons a { height: 100%; width: 100%; display: flex;} .header-nav .logoIcons { height: 60px; max-width: 270px; display: block;} #header .header-top { padding-bottom: 0.2rem; padding-top: 0rem;} #header .header-nav .blockcart,#header .header-nav .cart-preview.active { background: transparent;} #header .header-nav .blockcart .header { position: relative;} .signinCart span, .logout span { font-size: 11px; display: block;} .signinCart { display: inline-block;} .header-nav .material-icons { font-size: 29px; height: 23px; width: auto; margin-bottom: -4px;} #header .header-nav .user-info { margin-left: 0.8rem; display: block; text-align: center;} #header .header-nav .schade-melden { margin-left: 0.8rem; display: block; margin-top: .9375rem; text-align: center; white-space: nowrap;} /* custom cart icons wot!? #header .header-nav .user-info:before { content: url('/img/icons/icon-feather-user.svg'); z-index:20} #header .header-nav .shopping-cart:before { content: url('/img/icons/icon-feather-shopping-bag.svg'); z-index:20} #header .header-nav .shopping-cart .material-icons.shopping-cart, #header .header-nav .user-info .material-icons {color:#fff; z-index:10} */ #header .header-nav .cart-preview .shopping-cart, #header .header-nav .user-info .material-icons, #header .header-nav .user-info a, .blockcart span {color: #c8cecb;} #header .header-nav .cart-preview:hover .shopping-cart, #header .header-nav .user-info:hover .material-icons, #header .header-nav .user-info a:hover, .blockcart span:hover { color: #abc3b2; } #search_widget form input { width: 100%; padding: 6px 42px; background-color: #ffffff; border-radius: 3px; border: 1px solid #f6f6f6;} span#currency-selector-label { display: none;} #header .header-nav .language-selector, #header .header-nav .currency-selector { margin-top: 1.3rem;} .dropdown .expand-more { display: inline-block;} .dropdown-menu { min-width: 6.5rem;} #header .header-nav .user-info .account { margin-left: 0; display: block; text-align: center;} .header-nav .cart-preview .shopping-cart { margin-top: 1px;} .header-nav .cart-preview.active a, #header .header-nav .cart-preview.active i { color: inherit;} .js-top-menu-bottom { background-color: #fff; max-width: 500px;} #mobile_top_menu_wrapper #top-menu { margin-bottom: 0;} .top-menu a[data-depth="0"] { padding: .1875rem 2rem .375rem 0rem;} /* drop down menu */ ul.top-menu {padding:0; margin:0;padding-left:5px} .top-menu .sub-menu { width: 100%; max-width: 400px; padding: 0; min-width: 300px; box-shadow: 1px 1px 0px 1px rgba(0,0,0,.1); margin:0; margin-left: -16px; margin-top: -3px;} .top-menu .sub-menu ul>li { float: none; width: 100%; padding: 0; margin: 0;} .top-menu .sub-menu ul[data-depth="1"]>li { margin: 0; border-top: 1px solid #f6f6f6;} .top-menu .sub-menu a {width: 100%; padding: 12px 10px 12px 18px;} #header .top-menu .sub-menu a:hover { background-color: #F7F7F7; } .top-menu[data-depth="1"]{ margin: 0;} #header .menu, #header .menu>ul>li { position: relative;} .top-menu a[data-depth="2"] { padding: 5px 10px 5px 25px; font-size: 0.8rem; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="2"] { padding-left: 12px;} span.cart-products-count { position: absolute; left: 50%; margin-left: 6px; top: -7px; z-index: 2; border-radius: 11px; -webkit-font-smoothing: antialiased; min-width: 16px; height: 16px; line-height: 16px; padding: 0 5px; text-align: center; text-decoration: none; vertical-align: middle; font-size: 11px;} #products img, .featured-products img, .product-accessories img, .product-miniature img { margin-left: 0; width: 100%; height:auto} #cookieNoticeContent { padding-bottom: 10px;} #cookieNoticeContent a {color: #1e1e1d; text-decoration:underline} #cookieNoticeContent a:hover{ color: #f8921f;} #cookieNoticeContent span.closeButtonNormal { padding: 5px 10px; font-weight: bold;} .ui-autocomplete li.ui-menu-item { font-size: 0.8rem; border-bottom: 1px solid #ccc; padding: 3px 0;} .ui-autocomplete li.ui-menu-item .separator { display: none!important;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbfbfb; background: #eeeeee; font-weight: 400; color: #212121;} .ui-widget-content { max-width: 330px;} /*-----------------------------------------------------------------------------------------------*\ OTHER GENERAL ITEMS \*-----------------------------------------------------------------------------------------------*/ #cms #content {max-width:760px} #cms #content.page-cms-8 { max-width: inherit;} /*-----------------------------------------------------------------------------------------------*\ HOMEPAGE --- NEEDS A STANDARD! \*-----------------------------------------------------------------------------------------------*/ .carousel { margin-bottom: 0.62rem;} .carousel .carousel-item img { width: inherit; margin-left: 0; height: 100%; object-fit: cover;} .carousel-item h2, .carousel-item h3 { color: inherit;} /* custom banners */ .home-banners {padding-bottom:20px; text-align: center;} .home-banners .banner-item { padding: .625rem; width:32.9%; display:inline-block} .home-banners .item-img { width: 100%; height: auto;} .home-banners .row {margin: 0;} #custom-text{text-align:left} #custom-text p{font-size:inherit;max-width:750px} #wrapper { padding-top: 1rem;} .featured-products h2{position:relative; text-align:center} .featured-products h2:after{border-top:2px solid #abc3b2;content:'';position:absolute;bottom:-12px;left:47%;height:1px;width:45px} #products .products, .featured-products .products, .product-accessories .products, .product-miniature .products { margin: 0 auto;justify-content: left;} .featured-products .products { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Shop onderin category blocks en custom content */ .shopCatBlock {width: 100%; background-color: #F1F4EF; padding: 10px 30px; text-align: center;} #custom-text .shopCatBlock H2 { position: relative;font-size: 2rem;margin-top: 2rem;} #custom-text .shopCatBlock H2:after { border-top: 2px solid #abc3b2; content: ''; position: absolute; bottom: -12px; left: 47%; height: 1px; width: 45px;} .shopCatBlock H3 {font-size:1.3rem; margin-bottom:10px} .ShopCatItem { width: 24%; display: inline-block; padding: 1%; margin: auto; text-align: left; vertical-align: top; color:#7e8b97; font-size:14px;} .ShopCatItem img {max-width:100%; height:auto; margin-bottom:10px;} .ShopCatItem a {margin-top:15px} #custom-text .ShopCatItem p {margin-bottom:0; min-height:48px;} #custom-text .homeDiscountBanner {width: 100%; position: relative; background-image: url(/img/home-banners/slate_banner_3-2.jpg); background-size: cover; margin-bottom: 0px; background-position: center; height: 400px; display:block} #custom-text .homeDiscountBanner .discount-item {position: relative; width: 100%;} #custom-text .homeDiscountBanner .discount-item .discount-text { width: 100%; position: relative; padding: 40px; font-size: 1.3rem; text-align: center; margin: auto; margin-top: 75px; display: inline-block;} #custom-text .homeDiscountBanner h2 { color: #fff; font-size: 2.375rem; margin-bottom: 20px; text-shadow: 2px 2px #00000785; font-weight: 400;} #custom-text .homeDiscountBanner p { color: #fff; font-size: 0.8rem; margin: 0; max-width:inherit} #custom-text .homeDiscountBanner a.btn-secondary { background-color: #687871; color: #fff; text-decoration: none; margin-top: 10px;} #custom-text .homeDiscountBanner a.btn-secondary:hover { background-color: rgb(25, 50, 74);; color: #fff;} .trustpilot-widget {width:100%;padding: 0; height: inherit;} .usps-bar-two li.rating-item { } .usps-bar-two li.rating-item img { height: 18px; width: auto; padding-left: 5px; vertical-align: text-bottom;} #header .usps-bar-two li.rating-item a { text-decoration: none;} .seo-content {padding:10px;} /*-----------------------------------------------------------------------------------------------*\ CATALOGUE PAGE \*-----------------------------------------------------------------------------------------------*/ .thumbnail-container:hover img { transform: scale(1.08);} .block-category { min-height: inherit; padding: 1rem 1.563rem;} .block-category.card { border: none; background-color: transparent; padding: 0; line-height: 1.3rem;} .block-category .category-cover { position: relative; float: right; width: 25%; height: auto; right: auto;} .block-category .category-cover img { display: none;} /*hide category image */ #category-description.text-muted { width: 100%; display: inline-block; font-size: 1rem; color:#19324A !important;} .category-seo { margin-top: 5px; padding-top: 25px; border-top: 1px solid #ccc;} .category-seo img {max-width:100%;height:auto} #category-description ul { list-style:disc; margin-left: 19px;font-size: .9rem;} #category-description ul.voordelen { list-style: none; margin-left:0} #category-description ul.voordelen li:before { content: '✓'; padding-right: 19px; font-weight: bold;} /* paginering */ .pagination .page-list { background: none; padding: .375rem; box-shadow: none; font-size: 0.9rem;} .pagination .page-list li { display: inline-block; background-color: #fff; line-height: 30px;} .pagination .page-list li a { width: 31px; height: 31px; line-height: 30px; border: 1px solid #d4d2d2; border-radius: 2px; display: inline-block; text-align: center;} .pagination a:not(.previous):not(.next) { letter-spacing: normal;} .pagination .current a { text-decoration: none; font-size: inherit;} .pagination a:hover { font-weight: 700;} .pagination .page-list li a.previous, .pagination .page-list li a.next { width: inherit; height: 31px; min-width: 31px; float:none;} /* cata log menu and filters */ .block-categories { margin-bottom: 0;} .block-categories .category-sub-menu li[data-depth="0"]>a { border-bottom:none; font-weight: 400; width: 80%;} .block-categories .category-sub-menu li[data-depth="0"]>a.active {font-weight: 600} a.category-head-link {font-size: 0.9rem;font-weight: 400} a.category-head-link.active, a.category-sub-link.active {font-weight: 600} .block-categories .category-sub-menu li[data-depth="1"] { margin-bottom: 0; padding-bottom: 10px;} .block-categories .category-sub-menu li[data-depth="2"] { margin-bottom: 0; padding-bottom: 10px;} .category-top-menu .category-sub-menu ul.category-sub-menu { padding-top: .5rem; padding-bottom: .3rem; width: 100%; border-left: 1px solid #e2e2e2; padding-left: 20px; margin-top: 0rem;} .block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]):before { content: initial;} .block-categories .arrows .arrow-down, .block-categories .arrows .arrow-right { display: none;} /* Uitverkocht tag */ span.availability-list { font-size: 0.8rem; padding: 5px 2px 0px 2px; color:#090; font-weight:400; float: right; width: min-content; line-height: 0.95rem; min-width: 95px; text-align: right; } /* desktop cat menu toggle settings */ /* .category-top-menu .collapse { display: block !important;} remove toggle stuff .navbar-toggler.collapse-icons { display: none;} remove toggle stuff */ .product-flags { top: -10px;} #products .product-miniature .product-flags li.product-flag, .featured-products .product-miniature .product-flags li.product-flag, .product-accessories .product-miniature .product-flags li.product-flag, .product-miniature .product-miniature .product-flags li.product-flag { min-height: 0.2rem;text-transform: inherit;} li.product-flag.discount { display: none;} .block-categories .material-icons { font-size: 12px; height: 24px; width: 24px; padding: 6px;} .category-top-menu .displaymytree.collapse { display: block;} .category-top-menu li.cattree.displaymytree .collapse { display: block;} .category-top-menu li.cattree.displaymytree .collapse-icons {display:none} .category-top-menu li.cattree.displaymytree .collapse-icons {display:none} .block-categories .category-sub-menu li[data-depth="1"] .category-sub-menu {display:none} .block-categories .category-sub-menu li[data-depth="1"].active .category-sub-menu {display:block} .block-categories .category-sub-menu li[data-depth="1"].displaymytree .category-sub-menu {display:block} /* desktop cat menu settings end */ /* cata buttons meer info */ .catalogue-bestelbutton { clear:both; text-align: center; height: 40px;} a.btn.btn.btn-category.bestellen, #content a.btn.btn.btn-category.bestellen { text-decoration: none; font-size: .8rem; color: #fff; padding: .2rem .5rem; margin-top: 18px; font-weight: 400; padding: .3rem 1.5rem; border-radius: 10px; background-color: #687871; font-size: 13px; color: #fff; border: 1px solid #687871;} a.btn.btn.btn-category.bestellen:hover, #content a.btn.btn.btn-category.bestellen:hover {background-color: rgb(25, 50, 74);; border: 1px solid rgb(25, 50, 74);; color: #fff; } .category-top-menu .category-head-link {font-weight:700; padding-bottom: 0.4rem;} span.custom-checkbox { font-size: .85rem;} #search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a { color:#687871; font-size: .8rem;} .custom-checkbox input[type=checkbox]+span { border: 1px solid #8a8c90; border-radius: 3px;margin-top: -3px;} .custom-checkbox input[type=checkbox]+span .checkbox-checked { margin: -6px -1px; font-size: 1.5rem; } .color, .custom-checkbox input[type=checkbox]+span.color { border: 2px solid #fff;}.block-categories .category-sub-menu li[data-depth="1"] a.active::before { width: 6px; height: 6px; border-radius: 50%; left: -24px; top: 9px; z-index: 2;} .block-categories .category-sub-menu li[data-depth="1"] a.active::after { height: 25px; width: 6px; left: -24px; top: 0px; z-index: 1;} .block-categories .category-sub-menu li[data-depth="1"] a.active::after, .block-categories .category-sub-menu li[data-depth="1"] a.active::before { position: absolute; content: ''; display: block;} .block-categories .category-sub-menu li[data-depth="1"] a.active::before { background: #323232;} /* kleur stipje cat menu */ .block-categories .category-sub-menu li[data-depth="1"] a.active::after { background: #fff;} #products .product-miniature .product-description .regular-price { display: block; line-height: 1rem; font-weight: 400; margin-top: 0px;} #products .regular-price, .featured-products .regular-price, .product-accessories .regular-price, .product-miniature .regular-price { font-weight: 400; } .active_filters .filter-block { font-size: 0.8rem; padding: .125rem .325rem; box-shadow: none; border: 1px solid #ccc;} .active_filters .filter-block .close { margin-top: .2875rem;} .active_filters { padding: .625rem 1.875rem 0; margin-bottom: 1.25rem;} span.magnitude { font-size: 11px; display: inline-block; margin: 0; padding: 0 0px 0 2px; text-align: right;} .dropdown-menu {font-size:0.8rem} label.facet-label { width: 100%; display: block; text-align: left; } .block-categories {padding: 1rem 0.5rem 1rem 0rem;} #search_filters, #search_filters_brands, #search_filters_suppliers{padding: 1rem 0.5rem 1rem 0rem;} .facet-label .color, .facet-label input[type=checkbox]+span.color { width: 20px; height: 20px; border-radius:20px; margin:0; border: 1px solid #ddd;} #search_filters .facet { padding: 0.95rem 0; border-top: 1px solid #d9e4eb;} div#_desktop_search_filters_clear_all { padding-bottom:0.95rem;} /* fix individual filter widths/ Faceted search when needed */ .Kleur label.facet-label{ width: 50%; float:left;} .Afmeting label.facet-label{ width: 50%; float:left;} #search_filters .h6 { font-family:inherit; text-transform: inherit !important; line-height: 1.5rem;} /* filters end */ #products .product-miniature, .product-miniature .product-miniature { margin-bottom: 2rem;margin: 0 0.4125rem; width: 32%; margin: 0.5%; display: inline-block;} .featured-products .product-miniature, .product-accessories .product-miniature { margin-bottom: 2rem;margin: 0 0.4125rem; width: 24%; margin: 0.5%; display: inline-block;} /* product variantes */ .product-miniature .variant-links { display: flex !important; } #products .variant-links, .featured-products .variant-links, .product-accessories .variant-links, .product-miniature .variant-links { display: flex; top: 0; min-height: 30px; padding-top: 0.5rem;} #products .variant-links .color, .product-accessories .color { margin: 0rem; width: 28px; height: 28px; background-repeat: no-repeat; background-position: center center; background-size: cover; border: 1px solid #ccc; display: inline-block!important; margin-top: -4px; margin-right: 3px;} #products .variant-links .color:active ,#products .variant-links .color:hover{border: 2px solid #f8921f;} #content .variant-links { display: flex; top: 0; min-height: 30px; padding-top: 0.5rem;} #content .variant-links .color,#products .variant-links .color, .product-accessories .color { margin: 0rem; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; background-size: cover; border: 1px solid #efefef; display: inline-block!important; margin-top: -4px;border-radius: 12px; margin-right:4px;box-shadow: inset 0px 2px 3px #00000029;} label .color, .variant-links .color, .custom-checkbox input[type="checkbox"]+span.color { width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; background-size: cover; border: 1px solid #efefef; display: inline-block!important; margin-top: -4px;border-radius: 12px; margin-right:0;box-shadow: inset 0px 2px 3px #00000029;} #content .variant-links .color:active ,#content .variant-links .color:hover{border: 2px solid #19324A;} #content .featured-products a.all-product-link { padding: 20px 30px 18px 30px; text-decoration: none; float: none!important; display: inline-block; clear: both;} #content .featured-products.clearfix {text-align: center;} /* Cart Pop up Add to cart from cat page */ .close { opacity: .5;} #blockcart-modal { padding: 15px;} #blockcart-modal .col-md-6 {width:100%} #blockcart-modal .modal-title {font-family: 'Circular Std', serif;font-size: 1.2rem; color: #fff;} #blockcart-modal .modal-title i.material-icons { color: #fff;} #blockcart-modal h6.h6.product-name {font-family: 'Circular Std', serif;font-size: 1.2rem;} #blockcart-modal .product-image { display: block; width: 100%; max-width: 9.375rem; margin: auto; text-align: center;} #blockcart-modal .modal-body { padding: 2rem 1.875rem; background: #fff;} #blockcart-modal .btn-primary { background-color: #16a036;} /* wishlist icon tweaks wishlist icon */ .wishlist-button-add { box-shadow: none !important; background: none !important;} /* HOME Content html BOX */ .contentbox-wrapper { position: relative; font-size: 14px; padding-bottom: 20px;} .contentbox-wrapper .row { margin: 0;} .contentbox-wrapper li { position:relative; line-height: 24px; color:#fff; padding: 0; background-position: center bottom;} .contentbox-wrapper img.item-img { width: 100%; height: auto;} .contentbox-wrapper .htmlcontent-item-1 { width: 100%; height: 500px; cursor: pointer;} .contentbox-wrapper .htmlcontentItem { width:31%; margin:1%; cursor: pointer;} .contentbox-wrapper h1 {font-family: 'Circular Std', serif; color: #fff; font-size: 2.2rem; line-height: 3.2rem; margin-bottom: 20px; text-shadow: 0 3px 10px #00000065;} .contentbox-wrapper h2 {font-family: 'Baskervville', serif; color:#fff; font-size:3.5rem; text-shadow: 0 3px 10px #00000065;} .contentbox-wrapper h3{color:#fff; margin-bottom: 2px; font-size: 1.5rem } .item-html { position:absolute; bottom:0; background: rgba(41, 171, 226, 0.9); padding: .625rem ; width:100%; } .contentbox-wrapper .htmlcontentItem:hover > .item-html { background: rgba(233, 144, 36, 0.9);} .item-html p { color:#fff; font-size: 0.8rem; margin:0} .contentbox-wrapper .htmlcontent-item-1 .item-html { background: transparent; /* Old browsers */ bottom: inherit; top:0 ; max-width:100%; height:100%; width: 100%;border-radius: 0;} .contentbox-wrapper img { max-width: 100%; height: auto; } .contentbox-wrapper .htmlcontent-item-1 .hero-maxall-logo { position: absolute; bottom: 40px; right:20px;} .contentbox-wrapper .htmlcontent-item-1 .hero-maxall-logo img {max-width:200px; height: auto} .contentbox-wrapper .htmlcontent-item-1 .description { position: relative; padding: 40px; font-size: 1.3rem; text-align: center; margin: auto; margin-top: 75px; } #content .contentbox-wrapper a.btn-secondary { background-color: #687871; color:#fff; text-decoration:none; margin-top:10px } #content .contentbox-wrapper a.btn-secondary:hover {background-color: rgb(25, 50, 74); color:#fff; } .contentbox-wrapper .htmlcontent-item-1 { background-image: url(/img/home-banners/Autumn_winter_banner_2-2.jpg); background-size: cover; margin-bottom:20px; background-position: 2%;} /* play with the widths play with the widths */ .contentbox-wrapper .htmlcontent-item-2 { width:31%; } .contentbox-wrapper .htmlcontent-item-3 { width:31%; } .contentbox-wrapper .htmlcontent-item-4 { width:31%; } .contentbox-wrapper .htmlcontent-item-5 { width:31%; } .contentbox-wrapper .htmlcontent-item-6 { width:31%; } .contentbox-wrapper .htmlcontent-item-7 { width:31%; } /* REVIEWS STYLING *//* REVIEWS STYLING */ #product-comments-list-header, .product-comment-list-item { float: none; color: #687871; max-width: 750px; width:100%; margin: auto; } .product-comment-list-item .comment-infos {width:100%; min-height:inherit; display:block; float: none;line-height: 1rem; height: inherit; margin-bottom:20px;} .product-comment-list-item .comment-infos .grade-stars { margin-bottom: 0; width: 128px;} .product-comment-list-item .comment-date { width: 130px; display: inline-block; float:right; margin-top: 5px; color:#6b868f9c} .product-comment-list-item .comment-author{ width: fit-content; display: inline-block;color: #19324a; font-size: 16px; padding-top:5px} .product-comment-list-item .comment-content{width:100%; min-height:inherit; display:block; float: none;} .product-comment-list-item .comment-content h4 { height: inherit; color: #19324A; font-size: 1.6rem; font-weight: 400; letter-spacing: 0px; line-height: 1.8rem; margin-bottom:12px;} .product-comment-list-item .comment-content p { color: #19324A; font-size: 15px; letter-spacing: 0px; line-height: 19px; word-break: break-word; white-space: pre-wrap; margin-bottom: 13px;} .product-comment-list-item .comment-content .comment-buttons a { color: #68787185;} /*-----------------------------------------------------------------------------------------------*\ PRODUCT PAGE \*-----------------------------------------------------------------------------------------------*/ #product .bon-product-popup { margin: 0.5rem 0 0rem 0; border-top: 1px solid #D5DADE; padding-top: 0.8rem; border-bottom: 1px solid #D5DADE; padding-bottom: 0.8rem; } #product .bon-product-popup .title-popup-1:before, .bon-product-popup .title-popup-2:before { font-size: 1rem;} #product .bon-product-popup a {font-size: 1rem;} #product .col-md-6 h1 {padding-top:10px; margin-bottom: 0.5rem; font-size: 30px;} li.product-flag.out_of_stock { display: none;} #products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container { min-height: 450px; width: 100%; /* was 318px */} #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description { height: 205px; background: transparent; /* was 70px*/} #products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations { height: 7rem; opacity: 0.9; display: none;/* was 3.125rem */ } #products .thumbnail-container .product-thumbnail, .featured-products .thumbnail-container .product-thumbnail, .product-accessories .thumbnail-container .product-thumbnail, .product-miniature .thumbnail-container .product-thumbnail {display: contents; background-color:red} #product .product-description-short p, #product .product-description-short a, #product .product-description-short {font-size: 1rem; padding: 10px 0;} /* FIX IMAGES PRODUCT PAGE FLUID ? */ .img-fluid, .carousel-inner>.carousel-item>img, .carousel-inner>.carousel-item>a>img { width: 100%; height: auto; max-width: 100%; } /*#product .tabs.productdetails { display: none;} hide the product details #product .tabs.omschrijving { width: 100%; max-width: 750px;}*/ #products .thumbnail-container:focus .highlighted-informations.no-variants, #products .thumbnail-container:hover .highlighted-informations.no-variants, .featured-products .thumbnail-container:focus .highlighted-informations.no-variants, .featured-products .thumbnail-container:hover .highlighted-informations.no-variants, .product-accessories .thumbnail-container:focus .highlighted-informations.no-variants, .product-accessories .thumbnail-container:hover .highlighted-informations.no-variants, .product-miniature .thumbnail-container:focus .highlighted-informations.no-variants, .product-miniature .thumbnail-container:hover .highlighted-informations.no-variants { bottom: 5.4rem;opacity: 0.9; display: none; /*hide quick view*/} #product-modal .modal-content .modal-body .image-caption { display: none;} /* omschrijving bij popup afbeelding weg */ #products .product-miniature .discount-amount, #products .product-miniature .discount-percentage, #products .product-miniature .on-sale, #products .product-miniature .online-only, #products .product-miniature .pack, #products .product-miniature .product-flags .new, .featured-products .product-miniature .discount-amount, .featured-products .product-miniature .discount-percentage, .featured-products .product-miniature .on-sale, .featured-products .product-miniature .online-only, .featured-products .product-miniature .pack, .featured-products .product-miniature .product-flags .new, .product-accessories .product-miniature .discount-amount, .product-accessories .product-miniature .discount-percentage, .product-accessories .product-miniature .on-sale, .product-accessories .product-miniature .online-only, .product-accessories .product-miniature .pack, .product-accessories .product-miniature .product-flags .new, .product-miniature .product-miniature .discount-amount, .product-miniature .product-miniature .discount-percentage, .product-miniature .product-miniature .on-sale, .product-miniature .product-miniature .online-only, .product-miniature .product-miniature .pack, .product-miniature .product-miniature .product-flags .new, li.product-flag { left: 0.4375rem; font-size: 0.75rem; padding: 0.1rem .4rem; min-height: auto; } #products .product-miniature .discount-amount.on-sale, #products .product-miniature .discount-percentage.on-sale, #products .product-miniature .on-sale.on-sale, #products .product-miniature .online-only.on-sale, #products .product-miniature .pack.on-sale, #products .product-miniature .product-flags .new.on-sale, .featured-products .product-miniature .discount-amount.on-sale, .featured-products .product-miniature .discount-percentage.on-sale, .featured-products .product-miniature .on-sale.on-sale, .featured-products .product-miniature .online-only.on-sale, .featured-products .product-miniature .pack.on-sale, .featured-products .product-miniature .product-flags .new.on-sale, .product-accessories .product-miniature .discount-amount.on-sale, .product-accessories .product-miniature .discount-percentage.on-sale, .product-accessories .product-miniature .on-sale.on-sale, .product-accessories .product-miniature .online-only.on-sale, .product-accessories .product-miniature .pack.on-sale, .product-accessories .product-miniature .product-flags .new.on-sale, .product-miniature .product-miniature .discount-amount.on-sale, .product-miniature .product-miniature .discount-percentage.on-sale, .product-miniature .product-miniature .on-sale.on-sale, .product-miniature .product-miniature .online-only.on-sale, .product-miniature .product-miniature .pack.on-sale, .product-miniature .product-miniature .product-flags .new.on-sale { left: 0.4375rem; background: #f8921f; color: #fff; width: auto; font-size: 0.9rem; padding: 0.1rem .4rem; min-height: auto; } #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description { padding: 0 10px; width: 100%;} #products .product-price-and-shipping, .featured-products .product-price-and-shipping, .product-accessories .product-price-and-shipping, .product-miniature .product-price-and-shipping { text-align: left;font-size: 12px; position: relative; margin-bottom: 10px; margin-top: 22px; font-weight:400} #products .product-title, .featured-products .product-title, .product-accessories .product-title, .product-miniature .product-title { text-align: left; text-transform: capitalize; margin-top: 1rem; margin-bottom: 0; min-height: 3rem; line-height: 1.2rem; height: 48px; overflow: hidden;} #product .product-reference { display:none} #product .product-ean {display:none} .tabs ul { list-style: disc; margin-left: 19px; } .tabs.omschrijving .product-description img {max-width:100%; width:100%; height:auto} .product-description:after { border: none!important;} span.price, .current-price { display: inline-block; font-size: 1.1rem; line-height: 1; font-weight: 700;} .product-price-and-shipping span.regular-price { position: absolute; top: -16px;} .products-selection .sort-by, .total-products p, .pagination>div:first-child { font-size: 13px;} button.btn-unstyle.select-title { font-size: 13px; padding: .3rem .625rem .325rem .625rem;} #block-reassurance { margin-top: 1rem;} #block-reassurance ul {margin-bottom:0} #product-details > div {padding:10px;padding-bottom:10px} #product-details .label {margin:0} #product-details .product-out-of-stock{display:none} #product-details .product-features .h6 { font-size: 1.125rem; display: none;} /*.product-bottom .tabs > div, .product-bottom .tabs > H3, #productCommentsBlock .tabs { max-width: 600px;}*/ .tabs { margin: 1%; padding: 1%; width: 48%; float: left;} #productCommentsBlock .tabs {width:98%; } #product-details .label, #product-details span {font-size:0.9rem} #products .thumbnail-container .product-thumbnail img, .featured-products .thumbnail-container .product-thumbnail img, .product-accessories #products .thumbnail-container .product-thumbnail img, .featured-products .thumbnail-container .product-thumbnail img, .product-accessories .thumbnail-container .product-thumbnail img, .product-miniature .thumbnail-container .product-thumbnail img{ bottom: auto } /* kleur keuze varianten */ .product-information .product-variants>.product-variants-item .color { width: 30px; height: 30px; border-radius:15px; background-size: cover; background-repeat: no-repeat; box-shadow: inset 0px 3px 6px #00000029;} .product-variants .input-color { height: 28px; width: 28px; } .product-variants>.product-variants-item .color { width: 28px; height: 28px;} .product-information .product-variants .color {margin: 0; } #product #content { max-width: 100%;} /* KEUZES FILTERS PRODUCT PAGE */ .product-variants>.product-variants-item { margin: 0.5rem 0 0rem 0; border-top: 1px solid #D5DADE; padding-top: 0.8rem;;} .input-color:checked+span, .input-radio:checked+span { border-radius:15px; color:#fff; border: 2px solid #8c9f80; background-color:#8c9f80; } .input-color:hover+span, .input-radio:hover+span { border-radius:15px; border: 2px solid #687871; background-color:#687871; color:#fff} .product-variants-item .radio-label { display: inline-block; padding: 0.125rem .625rem; font-weight: 400; background: #fff; border: 2px solid #EAECEE;min-width: 160px; text-align: center; border-radius:15px; } /* staffels */ p.h6.product-discounts-title {font-weight: bold; font-size: 1.2rem; color: #f7921f;} .product-discounts>.table-product-discounts thead tr th,.product-discounts>.table-product-discounts tbody tr td { border: 1px solid #cacaca; padding: 4px; text-align: left;} /* afbeeldingen */ /* afbeeldingen javascript verkleinen werkt NIET correct met veel .images-container .product-images img.thumb.js-thumb { width: 68px;} .page-content .scroll-box-arrows i { height: 68px; line-height: 68px;} .images-container .product-images>li.thumb-container>.thumb { margin-right: .4rem;} */ /* start Forcdeer NO SLIDER */ #main .images-container .js-qv-mask.scroll { overflow: inherit; width: 100%; white-space: normal;} .images-container .product-images>li.thumb-container>.thumb { margin: 0; max-width: 100%; height: auto; } .product-cover .product-images>li.thumb-container { display: inline-block; margin: 0; padding: 5px; width: 19%;} .scroll-box-arrows.scroll {display:none} /* end Forcdeer NO SLIDER */ .scroll-box-arrows i { height: 84px; /* fix minder hoge images *//* fix minder hoge images *//* fix minder hoge images */ } /* fix popup arrows */ #product-modal .modal-content .modal-body .arrows .arrow-up { position: absolute; top: -2rem; opacity: 1;} #product-modal .modal-content .modal-body .arrows .arrow-down { position: absolute; bottom: -2rem;} #product-modal .modal-content .modal-body .mask { margin-top: 2.188rem; margin-bottom: 2.188rem; max-height: 44.38rem;} #productCommentsBlock { margin-top: 0; background-color: #fff;} #productCommentsBlock div.star { width: 24px; height: 24px; background-size: cover !important;} .comment_author_infos em { font-size: 0.8rem;} #product_comments_block_tab div.comment_details .title_block, #product_comments_block_tab div.comment_details h4 { padding-bottom: 0px; } #product_comments_block_tab div.comment div.comment_author { float: none; margin-bottom: 14px; width: 100%;} #product_comments_block_tab .comment_author_infos { padding-top: 0; clear: inherit; float: left; line-height:25px /* height from stars */} .comment_author span {display:none} #product_comments_block_tab div.comment div.comment_details { clear: both; padding-top: 10px;} #product_comments_block_tab div.comment .star_content { padding-right: 10px;} .product-accessories { margin-top: 25px; padding-right: 15px; padding-left: 15px; text-align: center;} .product-accessories .h5 { position:relative; margin-bottom: 28px;} .product-accessories .h5:after { border-top: 2px solid #abc3b2; content: ''; position: absolute; bottom: -12px; left: 47%; height: 1px; width: 45px;} .product-accessories .products { justify-content: center;} #block-reassurance { border: none;} #product #block-reassurance {background-color:transparent} #block-reassurance li {border:none; line-height: 1.2rem;} #block-reassurance li .block-reassurance-item { padding: 0rem 0rem 0.4rem 0rem;} /* #block-reassurance li {border:none; line-height: 1.2rem; width:30%; margin:1%; display:inline-block;vertical-align: top; max-width: 130px; text-align: center;} #block-reassurance li .block-reassurance-item { padding: 0.4rem 0rem; font-size: 1rem; text-align: center;} #block-reassurance img { max-width: inherit; margin-right: .2rem; width: 24px; height: 24px; margin: auto; display: block; vertical-align: bottom;} #block-reassurance img:after {clear:both}*/ .blockreassurance_product { margin-top: 25px; margin-bottom: 20px;} .blockreassurance_product .item-product img, .blockreassurance_product .item-product svg {height:24px; width:24px; margin-right: 0;} .blockreassurance_product p.block-title { display: flex; line-height: 1.3em; margin-bottom: 15px; font-weight: 400; font-size: .9rem; margin-left: 20px;} .blockreassurance_product .item-product { display: inline-block; height: 14px; float: left; margin-top: -4px; margin-right: 5px; padding-top: 0; width: auto; } .product-prices .tax-shipping-delivery-label .delivery-information:before { content: ""; padding: 0;} .product-prices .tax-shipping-delivery-label .delivery-information { font-size: 12px; line-height: 1rem;} .product-prices .tax-shipping-delivery-label { font-size: 11px;} .tax-shipping-delivery-label { display: inline-block;} .deliveryprices-delivery-label { padding-bottom: 0px; padding-top: 0; display: inline-block; margin-left: 0; color: #abc3b2; font-size: 0.9rem; margin-bottom: 1.5rem; width:100%} .product-quantity .add, .product-quantity .qty {display:inline-block; float: left; } .product-quantity { display: block;} #product-availability { margin-top: 0; vertical-align: top; font-size: .75rem; margin-bottom: 5px; font-weight:400} #product-availability i.material-icons { font-size: 18px; height: 18px; width: 18px; vertical-align: top;} .product-description-short p,.product-description-short a {float:left; display:inline-block; display: contents; color: #19324A; font-size: 0.8125rem;} .product-prices .tax-shipping-delivery-label {color: #696564;margin-left:10px} .product-description-short {clear:both; display:block; max-width: 400px;} .product-prices { margin-top: 0rem; clear: both;} #product .product-prices {margin-top: 10px;} #product .product-prices .product-discount {margin-bottom:4px} .has-discount.product-price, .has-discount p {margin-bottom:0px} .product-description-short i { font-size: 1.3rem; line-height: inherit; vertical-align: text-top;} .product-prices span.price,.product-prices .current-price{font-size:2.2rem; margin: 10px 0; color: #8c9f80;} .product-actions .add-to-cart { min-width: 270px; background-color:#16a036; } @media (min-width: 370px){ .product-actions .add-to-cart { min-width: 260px; } } .social-sharing { font-size: 0.8rem; margin-top: 1rem;} .social-sharing li { width: 30px; height: 30px; background-size: 22px 22px;} .product-actions .control-label { font-weight: bold; margin-bottom: 10px; font-size: 0.85rem; } .product-discounts {margin-bottom: 0;} table.table-product-discounts { margin-bottom: 1.5rem;} #product .safe-payment-icons {max-width:320px; padding-top:10px} #product .safe-payment-icons img {max-width:50px; height:auto; padding: 1px} .product-attachments .h5 { display:none} .attachment { margin-bottom: 15px;font-family: Noto Sans,sans-serif; } .attachment p {margin-bottom: 5px;} .attachment h4 a{ font-size: 1rem;color: #5d5d5d; font-family: Noto Sans,sans-serif;} .attachment a { font-size: 0.9rem; } .product-features .h6 { font-size: 1.125rem;} .product-features { font-size: 0.9rem; margin:0} .product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name { padding: 0.4rem; margin: 0.1rem; font-weight:400; text-transform: inherit;} .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden} .video-container iframe,.video-container object,.video-container embed{ position:absolute;top:0;left:0;width:100%;height:100%} /* product maatwerkvlak*/ .product-customization { padding: 1rem 0 1rem 0; /* border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; */ margin: 1rem 0; padding: 1rem; background-color: #F7F7F7; margin: 1rem 0; } .product-customization .product-customization-item { margin: 0.8rem 0 0rem 0;} .product-customization .card.card-block {padding: 0; font-size: 0.8125rem; margin: 0; border: 0; line-height: 1.2rem; background: transparent;} .product-customization label { font-size: 0.875rem; } .product-customization p.h4.card-title { font-size: 1rem; font-weight: bold; margin-bottom: 0px; padding-bottom: 0;} .product-customization .product-message { background: #ffffff; border: 2px solid #abc3b2; font-size: 1rem; padding: 0.8rem; max-width: 380px; display: block;} .product-customization .customization-message, .product-customization .customization-message label {font-size:1rem; margin-bottom: 0;} .product-customization .customization-message label {font-weight:bold; margin-left: 5px;} .product-add-to-cart .control-label{display:none} .product-add-to-cart {margin-top:1rem} .product-customization small { display: none;} .btn-opslaan {padding: 0.4rem 0.8rem; margin-bottom: 10px;background-color:#fff; color:#1E1E1D; border:1px solid #1E1E1D;} .btn-opslaan:hover {background-color:#abc3b2; color:#fff; border:1px solid #ccc;} .product-customization .aanpssing-info { font-size: 0.75rem; display: inline-block; max-width: 315px; margin-left: 5px; line-height: 1.05rem; vertical-align: bottom; height: 40px; color: #696564;} .product-customization .material-icons{ margin-right: 4px;} .product-customization .aanpssing-info-icon { text-align: center; width: 40px; height: 40px; display:inline-block; background-color:#FFF; margin-top: 5px; } .product-customization .aanpssing-info-icon img {width: auto; height: 28px; vertical-align: 10px; padding-top: 7px;} /* product page size guide */ .product-variants-item.Size { position: relative;} .size-guide-link { position: absolute; top: 0; right: 0; font-size: 12px; margin-top: 9px;} .size-guide-link a{color:#19324A; text-decoration:underline} /*-----------------------------------------------------------------------------------------------*\ CART & CHECKOUT \*-----------------------------------------------------------------------------------------------*/ #cart .product-line-info { font-size: 0.875rem;line-height: 1.2rem;} #cart .cart-item span.regular-price{position: relative; top: inherit;} #cart .has-discount .discount { background: white;color: #abc3b2;padding: 0; margin: 0;font-family: 'Circular Std', serif; font-size: 0.875rem;line-height: 1.2rem;} .product-discount { font-size: .875rem;} body#checkout #header .header-nav {padding: 0;} body#checkout #header .header-nav .logo { max-width: 250px; padding: 5px;} body#checkout #cart-summary-product-list {display:block !important} /* altijd cart laten zien uitgeklapt */ body#checkout .card-block .cart-summary-products p a{display:none} body#checkout .card-block .cart-summary-products p:first-child {display:block} #delivery-addresses .address { line-height: 1.25rem;} body#checkout section.checkout-step .radio-block { width: 100%;} body#checkout section.checkout-step .address-item { min-width: 250px;} .cart-summary-line span.label.sub, .cart-summary-line span.value.sub { font-size: 13px; color: #7a7a7a;} body#checkout section.checkout-step .step-number { font-family: auto;} .card-block.cart-summary-totals .cart-summary-line.cart-total { padding: 1rem 0 0rem 0; margin-bottom: 0;} #checkout-personal-information-step p:nth-child(2) {display:none} /* uitloggen optie verstoppen */ #checkout-personal-information-step p:nth-child(3) {display:none} /* uitloggen optie verstoppen */ .product-variants>.product-variants-item select { max-width: 100%;} #checkout .nav-item .nav-link.active, #checkout.nav-item .nav-separtor.active { color: #abc3b2;} /* checkout mollie CSS */ body#checkout section.checkout-step .payment-options img { float: left; width: 30px;margin-right: 5px;} body#checkout section.checkout-step .payment-option { padding-bottom: 8px;} body#checkout section.checkout-step .payment-options label { cursor: pointer;} body#checkout section.checkout-step .payment-options .custom-radio { margin-right: 0.8rem;} body#checkout .condition-label { font-weight: bold;} .card-block #order-details { padding-left: 1rem; padding-top: 2rem; } .card-block #order-items { padding-bottom: 1rem; border-bottom: 1px solid #f1f1f1;} #delivery { display: none; } form .form-control-label {font-size: 1rem;} /*-----------------------------------------------------------------------------------------------*\ CMS TEXT PAGES CMS TEXT PAGES \*-----------------------------------------------------------------------------------------------*/ header.page-header { padding: 1.25rem 1.25rem 0 1.25rem;} .page-content.page-cms { text-align: inherit;} .page-content.page-cms ul { list-style: disc; margin-left: 19px; font-size: 1rem; color: inherit;} .page-content.page-cms li { margin-left: 10px; padding: 5px 0;} .klantenservice-page > div { padding: 10px;} .klantenservice-page .klantenservice-blok { padding: 15px; border: 1px solid #ccc; text-align: center; min-height: 160px;} .klantenservice-page .klantenservice-blok p {margin-bottom:5px} .content-text-table { font-size: 0.8rem;} .content-text-table th { font-size: 0.8rem; padding: 5px; vertical-align: top; border-top: 1px solid #ddd;} .content-text-table td { padding: 5px; vertical-align: top; border-top: 1px solid #ddd;} .content-text-table tr:last-child { border-bottom: 1px solid #ddd;} .product-text-table { width:100%; font-size: 0.8rem;} .product-text-table th { font-size: 0.8rem; padding: 5px; vertical-align: top; border-top: 1px solid #ddd;} .product-text-table td { padding: 5px; vertical-align: top; border-top: 1px solid #ddd;} .product-text-table tr:last-child { border-bottom: 1px solid #ddd;} .contact-rich h4 { text-transform: inherit; color: #1E1E1D; margin-bottom: 2rem;} /* size guide page werkt het weer niet wat een gedoe moet ik meer tikken */ .size-guide-table { border-bottom: 1px solid #ddd; font-size:12px; } .size-guide-table tbody>tr>th, .size-guide-table>tbody>tr>td, .size-guide-table>tfoot>tr>td, .size-guide-table>tfoot>tr>th, .size-guide-table>thead>tr>td, .size-guide-table>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd;} /*about us page custom code */ #cms #content { max-width: inherit} #cms.cms-id-4 #content img { max-width:100%; height:auto; } #cms.cms-id-4 p {max-width:768px} .cms-id-4 .team {vertical-align: top;} .cms-id-4 .team img {border-radius: 100%;} .cms-id-4 .team .team-item {width:32%; min-width:250px; vertical-align: top; display: inline-block; padding-right: 20px;} .cms-id-4 .team .team-content {max-width: 250px;} .cms-id-4 .team .team-item p {padding-top:15px; ;} .cms-id-4 .team .team-item h3 {font-size: 1.4rem;} /*-----------------------------------------------------------------------------------------------*\ ACCOUNT PAGES \*-----------------------------------------------------------------------------------------------*/ /* .address-form .form-group:first-of-type { display: none;} hide alias field */ .page-customer-account #content { min-height: 300px;} .page-customer-account #main .page-footer, .page-my-account #main .page-footer, #addresses #main .page-footer{ background-color: #fff; padding: 0.5rem;} #my-account header.page-header { margin-top: 1rem;} .page-customer-account #content { min-height: 300px;} .page-customer-account #main .page-footer, .page-my-account #main .page-footer, #addresses #main .page-footer{ background-color: #fff; padding: 0.5rem;} #my-account header.page-header { margin-top: 1rem;} .page-my-account #content .links a:hover i { color: #abc3b2;} .page-my-account #content .link-item {border: 1px solid #cfd9e1;} .page-my-account #content a{ text-decoration: none;} .page-my-account #content .links a { text-transform:inherit;max-width: 250px;} button.btn.btn-primary.form-control-submit.float-xs-right { float: none!important; margin-left: 25%;} #my-account .page-footer a { background-color:#fff; color: #50575C; border:1px solid #50575C; padding: 10px 20px; font-weight:600 } #my-account .page-footer a:hover {background-color:#abc3b2; color: #fff; border:1px solid #abc3b2;} .wishlist-footer-links>a { color: #abc3b2;} #main .page-footer { margin-bottom: 0rem;} /*-----------------------------------------------------------------------------------------------*\ CONTACT PAGE \*-----------------------------------------------------------------------------------------------*/ #contact .contact-rich {display:none} #contact #left-column {display:none} #contact #content-wrapper {width:100%; max-width:800px} /*-----------------------------------------------------------------------------------------------*\ 404 PAGE \*-----------------------------------------------------------------------------------------------*/ #pagenotfound .page-not-found, #products .page-not-found { max-width: 900px;} /*-----------------------------------------------------------------------------------------------*\ FOOTER \*-----------------------------------------------------------------------------------------------*/ #footer { padding-top: 0;} .footer-container { margin-top: 0; padding-top: 1.5rem; } .footer-container li a, .footer-container .block-contact {font-size:0.9rem} .ourServicesBlock { background-color:#FAFCF9;color:#19324A; padding:10px; font-size:14px;text-align:center; width:100%; margin:auto} .ourServicesBlock h2 {margin: 1rem 0; position: relative; } .ourServicesBlock li { width:31%; padding:1%; margin:1%; text-align:center; display:inline-block;vertical-align: top; } .ourServicesBlock, .ourServicesBlock p { } .ourServicesBlock li a {color:#19324A; text-decoration:underline} .ourServicesBlock li a:hover {color:#abc3b2} .ourServicesBlock .type-text { max-width: 400px;} .ourServicesBlock img { margin-bottom: 10px;} .ourServicesBlock h2:after { border-top: 2px solid #abc3b2; content: ''; position: absolute; bottom: -12px; left: 47%; height: 1px; width: 45px; } .klantenserviceBlock { padding:10px; } .klantenserviceBlock li {float:left; width:30%; padding:1%; margin:1%;} .klantenserviceBlock li a {color:#fff; text-decoration:underline} .klantenserviceBlock li a:hover {color:#363a42} .paymentSenderBlock { padding-top:1.25rem; padding-bottom:1.25rem} .paymentSenderBlock ul {padding-bottom:0;margin-bottom:0} .paymentSenderBlock li{ width:100%; padding:0; margin:0; text-align:center} .paymentSenderBlock img.icon {width:18%; max-width:50px; height:auto;padding:1% 1% 1% 0%} .paymentSenderBlock a { text-decoration: none;} .paymentSenderBlock h4 { font-size: 1.2rem; } .bottom-footer {border-top:1px solid #ffffff52; padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: .85rem; margin-top: 0.5rem; margin-bottom: 1rem;} .bottomlinks a:after { content: " | ";} .bottomlinks a:last-child:after { content: "";} .footer-container .text {width: 50%; float:left;} .footer-container .bottomlinks {width: 50%; float:right; text-align:right;} .footer-container .links p:after { border-top: 2px solid #abc3b2; content: ''; position: absolute; bottom: -9px; left: 0; height: 1px; width: 30px;} .footer-container .links p { position: relative; margin-bottom: 20px;} .footer-container .block-contact {border:none} .footer-container .links p.h3 { font-family: 'Circular Std', serif; font-size: 1.3rem;} .block_newsletter, .block-social { margin: 2rem 0 1rem 0; } .col-md-4.links, .col-md-6.links { width: 100%; margin-bottom: 0px; } .block-contact.links { width: 35%; line-height: 1.8em; } .links .col-md-6 { width: 25%; } p.h4.text-uppercase.block-contact-title { text-transform: initial !important;} .back-to-top-square { position: fixed; bottom: 0px; right: 20px; width: 40px; height: 39px; background-color: #fff; border: 1px solid #c5c5c5; border-radius: 2px 2px 0 0; z-index: 998; float: right; cursor: pointer; font-size: 13px; opacity: 0.8;} .back-to-top-square .img-responsive { display: block; max-width: 100%; height: auto; padding: 0; margin-left: 14px; margin-top: 14px;} .product-flag.discount{display: none;} /*-----------------------------------------------------------------------------------------------*\ RESPONSIVE CODE \*-----------------------------------------------------------------------------------------------*/ @media (min-width: 1200px){ .container { width: 1140px; max-width: 100%;} #wrapper .container { padding-bottom: 0;} .contentbox-wrapper .htmlcontent-item-1 { height: 550px;} } @media(min-width: 768px){ .search-widget { min-width: 11.63rem;} } @media (max-width: 992px){ .container { width: 100%; } .carousel .carousel-item img { width: inherit; margin-left: 0; height: 100%;} #header .header-top .search-widget { min-width: inherit; width: 100%; max-width: 200px;} .tabs , #productCommentsBlock .tabs{ margin: 0; padding: 0.5rem; width: 100%; float: none; margin-top: 0.6rem;} .klantenservice-page .klantenservice-blok { min-height: 166px;} /*Home html content*/ .contentbox-wrapper .htmlcontent-home.hero,.contentbox-wrapper .htmlcontent-home.promo-one { margin-left: -15px; margin-right: -15px; margin-top: -16px;} .contentbox-wrapper .htmlcontent-item-promo { margin-bottom: 0;} /*.contentbox-wrapper .htmlcontent-item-1,.contentbox-wrapper .htmlcontent-item-1 .item-bg, .contentbox-wrapper .htmlcontent-item-promo, .contentbox-wrapper .htmlcontent-item-promo .item-bg {border-radius: 0px;}*/ .contentbox-wrapper h1 { background-color:transparent} /* trending part */ /* #content .home-trending, #content .home-trending h2, #content .home-trending p {background-color:#abc3b2; color:#fff;} #content .home-trending p { font-size: 13px;} .contentbox-wrapper .home-trending .trending-item {background-color:#abc3b2; color:#fff; height: auto; padding: 0;} #content .contentbox-wrapper .home-trending .trending-item:hover > p {color:#1E1E1D; } .contentbox-wrapper .home-trending { padding: 3.125rem 0;} .contentbox-wrapper .htmlcontent-item-2,.contentbox-wrapper .htmlcontent-item-3 {margin: 1%; width: 48%;} */ .contentbox-wrapper .home-trending { padding: 1rem;} } .mobile-header { display: none; } .desktop-header { display: block; } @media (max-width: 768px){ .mobile-header { display: block; } .subheader-banner { font-size: 28px !important; } .review-header-info a { display: flex; flex-direction: column; } .desktop-header { display: none !important; } /* remove search #search_widget { display: none; } */ /* colors mobile */ #header .header-top a[data-depth="0"] { color: #1E1E1D; } /*.h1, h1 { font-size: 1.8rem;} .h2, h2 { font-size: 1.6rem;} .h3, h3 { font-size: 1.4rem;} .h4, h4 { font-size: 1.4rem;} .h5, h5 { font-size: 1.8rem;} .h6, h6 { font-size: 1rem;}*/ /* header */ #header .header-top { background-color: #fff;} #header .header-nav .top-logo { width: 220px; position: absolute; left: 50%; padding-top: 0; margin-left:-120px} #header .header-nav .top-logo a img { max-width: 220px; max-height: 50px;} #header .header-top { padding: 0;} #header .header-top .search-widget { float: left;} #header .header-top .search-widget { max-width: 100%;} #header .header-top .search-widget { max-width: 98%; margin: auto; text-align: center; float: none; display: block;} #header .header-top .search-widget form input[type=text] { padding: 1.2rem; } .header-top .col-md-12.col-sm-12.position-static { margin: 0; padding: 0;} /* drop down menu */ ul.top-menu {padding-left:0px} #mobile_top_menu_wrapper #top-menu { margin-bottom: 0; background: #fff; } #mobile_top_menu_wrapper .mobile-placeholder { height: 100vh; max-width: 380px; background-color: #fff;} #_mobile_custom_links { margin-top: 20px; border-top: 1px solid #ccc; padding-top: 20px; margin-left: 20px; margin-right: 20px;} #_mobile_custom_links .dropdown-item {padding-left:0} #top-menu #cms-page-8 {display:block} /* klantenservice link op mobile TONEN */ #header .header-nav .blockcart.active { margin-left: .8rem; margin-right: .4rem;} .search-widget form input[type=text] { font-size: 15px;} /* home */ .carousel .carousel-inner { height: 270px;} .container { width: 100%; } /*.usps-bar li:nth-child(1) { display: none;}*/ .usps-bar li:nth-child(2) { display: none;} /* SEARCH BAR ERIN */ #header .header-top row { width: 100%;} .header-top .col-md-12.col-sm-12.position-static { width: 100%;} #search_widget {width: 100%;margin: 0;} /*.usps-bar-two li:nth-child(3) { display: none;}*/ .usps-bar-two .container{padding:0} .usps-bar-two li {width:32%; max-width:195px; font-size:10px; line-height:12px;vertical-align: top;} .usps-bar-two li.rating-item {vertical-align: middle; line-height: 10px;} .usps-bar-two li.rating-item img { display: inline-block; margin-top: -3px; } div#tp-widget-rating { margin: 0;} div#trust-score { margin: 0 6px 0 0;} .usps-bar-two span {display:contents} #header .usps-bar-two a, #header .usps-bar-two { display: flex; align-items: center;} .carousel .carousel-item img { width: inherit; margin-left: 0; height: 100%;} .home-banners .banner-item { width:49.5%;} #custom-text h2 { font-size: 2rem;} #custom-text p { font-size: 0.9375rem;} .featured-products .product-miniature,.product-accessories .product-miniature { width: 49%;} /* HOME Content html BOX */ #content .home-trending { margin-top: 2rem; margin-bottom: 2rem;} #custom-text .slim-3-col .item-col {width:48%; margin-bottom:20px; display:inline-block} .contentbox-wrapper h1 { font-size: 2rem;} .contentbox-wrapper h2 { font-size:3rem} .contentbox-wrapper .htmlcontent-item-1 .item-bg{ background-image: url(/img/home-banners/home-hero-bg-mob.jpg); background-size: cover;background-position: center center;} .contentbox-wrapper .htmlcontent-item-1 { height: 350px;} .contentbox-wrapper .htmlcontent-item-1 .description { padding: 0px 20px 40px 20px;} .contentbox-wrapper .htmlcontent-item-1 .description { margin-top: 50px;} .contentbox-wrapper .htmlcontent-item-1 .hero-maxall-logo img { max-width: 150px; height: auto;} /*.contentbox-wrapper .home-trending .trending-item:last-child { display: none;}*/ .contentbox-wrapper .htmlcontent-item-2 { height:inherit; width: 96%; margin: 2%;} .contentbox-wrapper .htmlcontent-item-3 { height:inherit; width: 96%; margin: 2%;} .contentbox-wrapper .htmlcontent-item-4 { height:inherit; width: 96%; margin: 2%;} .contentbox-wrapper .htmlcontent-item-promo .description { padding:0rem 0rem 7rem 0.5rem; } .contentbox-wrapper .home-trending .trending-item { width: 22%; margin: 1%;} /*.contentbox-wrapper .home-trending .trending-item img { width: 50px; height: 50px; margin-bottom: 0.5rem;}*/ .contentbox-wrapper .home-trending h2 { margin-bottom: 1rem;} /* Shop onderin category blocks en custom content */ .ShopCatItem { width: 49%;max-width: 300px;} #custom-text .ShopCatItem p {font-size:12px; min-height:inherit} .shopCatBlock { padding: 10px;} #custom-text .shopCatBlock H2 { margin-top: 1rem; margin-bottom: 32px;} #custom-text { padding: 0;} /* categories */ #wrapper .breadcrumb { margin-bottom: 0.5rem; padding-left: 0.2rem; padding-bottom: 0rem; padding-left: 0.2rem; font-size: 11px; line-height: 1.3rem;} #search_filters .facet { padding: 0; border-bottom: none;} .breadcrumb.hidden-sm-down { display: block !important;} #index .breadcrumb { display: none!important;} .pagination .col-md-4 { width: 100%; text-align:center} /* filters */ #category #left-column #search_filters .facet ul li { width: 100%; border-top: none; padding: .625rem; display:inline-block} #category #left-column #search_filters_wrapper { padding-bottom: 30px;} #category #left-column #search_filters .facet .h6 { padding: 0.6rem} label.facet-label {float:none;} /* NIEUWE FIX - DIT MOET ERIN OM ACTIEVE FILTERS TE TONEN OP MOB! */ #main #products .hidden-sm-down {display:block!important} #main #products .highlighted-informations {display:none!important} #main #products .hidden-sm-down.total-products, #main #products .hidden-sm-down.sort-by{display:none!important} #category #left-column #search_filter_controls button { background-color:#abc3b2; color:#fff; padding: 0.4rem 0.6rem;} #category #left-column #search_filter_controls button.btn { padding: 0.4rem 0.6rem;} #category #left-column #search_filter_controls button.btn .material-icons {font-size: 1rem;} #main #products .hidden-md-up.text-sm-center.showing{ font-size: 0.8rem;} #category #left-column #search_filters { height: 100vh;} /*faceted specific fixes why is it broken again ffs */ .Tent.kleur label {display:inline-block; clear: inherit;} /* category */ #content-wrapper { padding: 0; display:block !important;} /* geforceerd tonen categorie korte tekst ivm filter die het verstopt op mobile */ #category-description.text-muted { margin-bottom: 10px;} /* ruimte onder cat tekst op mobile */ .thumbnail-container:focus .product-description:after,#products .thumbnail-container:hover .product-description:after,.featured-products .thumbnail-container:focus .product-description:after,.featured-products .thumbnail-container:hover .product-description:after,.product-accessories .thumbnail-container:focus .product-description:after,.product-accessories .thumbnail-container:hover .product-description:after,.product-miniature .thumbnail-container:focus .product-description:after,.product-miniature .thumbnail-container:hover .product-description:after {content:""; border-top:none;} /* remove mobile shadows */ #products .thumbnail-container .product-description, .featured-products .thumbnail-container .product-description, .product-accessories .thumbnail-container .product-description { box-shadow: none;} /*product pages */ #main > .row > .row { margin: 0;} .products-selection .filter-button .btn-secondary, .products-selection .filter-button .btn-tertiary { padding: 0.46rem;} .product-prices span.price, .product-prices .current-price { font-size: 1.5rem; margin: 0px 0 10px 0;} #product #block-reassurance span { font-size: 0.8rem;} #productCommentsBlock .tabs { padding: 15px;} #product .safe-payment-icons img { max-width: 38px;} .tabs H2, .tabs H3 { } .social-sharing span { display: none;} .social-sharing li { margin-right: .5rem; margin-left: 0;} #products .product-miniature, .product-accessories .product-miniature, .product-miniature .product-miniature { width: 49%; padding: 5px; margin: 0.5%; display: inline-block;} /* mobile menu makeover start */ #wrapper,#footer{ display:inherit!important } #header .header-nav #menu-icon { padding-left: 1rem; margin-left:0; padding-right: 1rem;} #mobile_top_menu_wrapper{background:#0000008c;display:block;position:absolute;top:-1px;left:0;width:100%;clear:both;z-index:9999;padding-left:0;min-height:400px;height:-webkit-fill-available;padding: 0 15px 15px 0px; margin:0; height: 100vh; } .top-menu li { background-color: #fff; width: 100%; max-width:500px} #mobile_top_menu_wrapper .top-menu .navbar-toggler { margin-top: -14px; padding: 14px; background-color:#fff;} #mobile_top_menu_wrapper .top-menu a[data-depth="0"] { padding: 0.8rem .625rem; border-bottom: none; border-top: 1px solid #f6f6f6; padding-left: 20px; font-weight: 400; color: #363a42; border:none;} #mobile_top_menu_wrapper .top-menu .sub-menu li>a { padding-left: 1.5rem; font-weight: 400;} #mobile_top_menu_wrapper span.float-xs-right { margin-top: -2px;} .navbar-toggler {width: inherit; height: inherit;} /* mobile add to cart popup fix */ #blockcart-modal .modal-title,#blockcart-modal .cart-products-count,.modal-content, .cart-content p { font-size: 0.9rem;} .cart-content p { margin-bottom: 0; line-height: 1.5rem;} #blockcart-modal .product-image { width: 50%;} .cart-content p { display: none;} /* teveel informatie verstoppen */ p.cart-products-count { display: block; padding-bottom: 0.5rem;} /* mobile add to cart popup fix end */ #blockcart-modal { padding: 8px;} #blockcart-modal .modal-body .divide-right span { display: inline-block;} #blockcart-modal .modal-body .divide-right span.product-quantity { margin-bottom: 20px;} #blockcart-modal .col-md-6 { max-width: 400px; margin: auto;} #blockcart-modal .modal-title, #blockcart-modal .cart-products-count, .modal-content, .cart-content p { font-size: inherit;} #blockcart-modal .cart-content { border-top: 1px solid #ccc; padding-top: 10px; padding-left: 0;} #blockcart-modal .cart-content .cart-content-btn { display: block; text-align: center;} /* checkout */ body#checkout #header .header-nav .logo { max-width: 190px;padding: 0px;} #cart .breadcrumb.hidden-sm-down {display:none !important} .block-reassurance-item span { font-size: 0.8rem;} .paymentSenderBlock { padding-top: 2.25rem; padding-bottom: 2.25rem;} /* footer*/ .footer-container { margin-top: 0; padding-top: 0;} .footer-container .h3,.footer-container .links .h3{ font-family: 'Circular Std', serif; font-size: 1.3rem;} .col-md-4.links, .col-md-6.links { margin-bottom: -1px;} .footer-container .links ul { background-color: #fff;} .footer-container .links ul>li a { color: #232323; font-weight: 400;} .footer-container .links ul>li {border-bottom: none;} .block-contact.links { padding-top: 5px;} .links .title {border-top: 1px solid #ffffff52; border-bottom:none} .footer-container .links ul>li:last-child { padding-bottom: 30px;} .ourServicesBlock li { width: 100%; } .ourServicesBlock .type-text { max-width: 400px; margin: auto;} .klantenserviceBlock li { width: 100%; } .klantenservice-page .klantenservice-blok { min-height: auto;} .klantenserviceBlock, .klantenserviceBlock p { font-size: .975rem;} .klantenserviceBlock .type-text { max-width: 400px;} .block-contact.links, .col-md-4.links { border-top: 1px solid #ffffff52;} .links .col-md-6, .block-contact.links, .col-md-4.links { width: 100%; margin-bottom: 0;} .footer-container .bottom-footer .text { width: 100%; float: none; padding-top: 10px; } .footer-container .bottom-footer .bottomlinks { width: 100%; float: none; text-align: left;} .footer-container .bottom-footer div { padding: 15px 0 0 0;} .footer-container .bottom-footer {font-size: .85rem; padding:10px 10px 20px 10px;} .bottomlinks a:after { content: "";} .col-md-4.links, .col-md-6.links { width:100%; } .block-contact .hidden-sm-down {display:block!important; padding: 10px;} .block-contact .hidden-md-up { display: none!important;} } @media (max-width: 620px){ .contentbox-wrapper .htmlcontentItem{ width:100%; margin:1%} .contentbox-wrapper .home-trending .trending-item { width: 44.5%; max-width: 200px; padding: 1rem 0; margin: 2%;} .contentbox-wrapper .home-trending p.intro { max-width: 434px; margin-left: auto; margin-right: auto;} /*about us page custom code */ #cms.cms-id-4 .team img { max-width: 150px;} .cms-id-4 .team .team-item {width:100%; min-width: inherit; display: block; padding-right: 0; padding-bottom:25px} .cms-id-4 .team .team-content {max-width: inherit;} .cms-id-4 .team .team-item p {padding-top:15px; text-align: inherit;} #blockcart-modal .modal-title { line-height: 1.1rem;} #blockcart-modal .product-price { margin-bottom: 10px;} #blockcart-modal .cart-content { font-size: .875rem;} #blockcart-modal .product-image { max-width: 130px;} #blockcart-modal .modal-body .divide-right span.product-quantity { margin-bottom: 13px;} #blockcart-modal .modal-header { padding: 12px;} } @media (max-width: 590px){ li.rating-item span { display: inline-block;} li.rating-item { margin-top: -3px;} } @media (max-width: 576px){ .h1, h1 { font-size: 2.4rem; margin-bottom:0.5rem } .h2, h2 { font-size: 2rem; margin-bottom:0.5rem } .h3, h3 { font-size: 1.8rem; margin-bottom:0.5rem } .h4, h4 { font-size: 1.6rem; } .h5, h5 { font-size: 1.8rem; } .h6, h6 { font-size: 1rem; } .container { width: 100%;} .usps-bar { font-size: 11px; padding: 5px 2px;} .usps-bar-two { font-size: 11px; padding: 5px 2px;} #header .header-nav .top-logo { width: 112px; padding-top: 0;} .logoBar { padding-top: 0; padding-bottom: 0;} .header-nav .logoIcons { height: 50px;padding: 2px 0;} #header .header-nav .blockcart { padding-right: 1rem; padding-left: 0;} #header .header-nav .user-info { padding-right: 0.3rem; padding-left: 0.3rem; margin-left: 0rem; } .carousel .carousel-item h2 {font-size: 1.6rem;} .carousel .carousel-item .caption .caption-description p { margin-bottom: 0.8rem;} .carousel .carousel-control .icon-next i, .carousel .carousel-control .icon-prev i { font-size: 2rem;} #wrapper { padding-top: 0.5rem;} #blockcart-modal .modal-title i.material-icons { margin-right: 0.3rem;} .comment_details { padding-top: 20px;} .home-banners .banner-item { width: 100%; float: none;} .home-banners .banner-item-2-col { width: 100%; float: none; } /* HOME Content html BOX */ .contentbox-wrapper h1 { font-size: 1.8rem; margin-bottom: 2px; line-height: 2.8rem;} .contentbox-wrapper h2 { font-size:2.6rem} .contentbox-wrapper .item-html { padding: 0.5rem 1rem;} .contentbox-wrapper .htmlcontent-item-2,.contentbox-wrapper .htmlcontent-item-3 {margin: 1%; width: 98%;} .contentbox-wrapper .htmlcontent-item-1 .description { } .contentbox-wrapper h1 { font-size: 2.4rem; padding: 10px 0; } .contentbox-wrapper h3 { font-size: 1.9rem; } .contentbox-wrapper .htmlcontent-home.hero { margin-top: -8px;} .contentbox-wrapper .htmlcontent-item-1 .description { margin-top: 0; padding: 40px 20px 40px 20px;} #custom-text .slim-3-col .item-col {width:100%; margin-bottom:20px; display:inline-block} .carousel .carousel-item img { opacity: 0.8;} .carousel .carousel-item figure { margin: 0; background-color: #000;} .bottomlinks a { display: block; padding: 5px 0;} #wrapper .banner { height: 230px; } .contentbox-wrapper ul li:first-child img.item-img { display: block; /* max-height: 147px; */} /* CATALOGUE VARIATIONS */ #products .variant-links .color, .product-accessories .color { /* width: 34px; height: 34px;*/} #products .variant-links, .featured-products .variant-links, .product-accessories .variant-links, .product-miniature .variant-links { display: inline-block;} #products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container { height: inherit; margin-bottom: 1.2rem; } /* Cart Popup*/ #blockcart-modal .modal-title i.material-icons { display: none;} #blockcart-modal .modal-body { padding: 0.6rem;} /* ACCOUNT PAGE */ .page-my-account #content .links a { text-transform: inherit; max-width: inherit; width: 100%;} /*footer*/ .klantenserviceBlock H3 { font-size: 2rem;} .footer-container li a, .footer-container .block-contact { font-size: 0.875rem;} } @media (max-width: 480px){ .product-images>li.thumb-container {width:24%} .contentbox-wrapper ul li:first-child a { max-height: 180px; overflow: hidden;} .contentbox-wrapper .htmlcontentItem { width: 100%; margin: 1%;} .contentbox-wrapper h1 {font-size: 1.6rem; padding: 0; line-height: 1.3em; } .contentbox-wrapper .htmlcontent-item-1 .description { padding: 60px 0px 40px 0px;} .contentbox-wrapper .htmlcontent-item-1 .hero-maxall-logo img { max-width: 120px;} #wrapper .breadcrumb li:after { margin: 0.1rem;} #header .header-nav .top-logo a img { max-width: 205px; max-height: 50px;} .contentbox-wrapper h3 { width: 43%; display: inline-block;} .item-html p { width: 100%; display: inline-block; text-align: left; font-size: 0.9rem; vertical-align: text-bottom;} #content .featured-products a.all-product-link { padding: 15px 20px 15px 20px; margin: 1.125rem 0.625rem;} .col-md-6.col-xs-6.qty { min-width: 100px;} #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description { height: 229px;} a.btn.btn.btn-category.bestellen, #content a.btn.btn.btn-category.bestellen { margin-top: 12px;} .product-information img.icon { max-width: 100%; height: auto;} /* CART FIXES */ .cart-grid-body { padding: 0;} } @media (max-width: 400px){ /*.usps-bar {display:none}*/ #wrapper .banner { height: 200px; } .images-container .product-images>li.thumb-container>.thumb { width: 32%;} #header .header-nav .top-logo a img { max-width: 190px; max-height: 50px;} #header .header-nav .blockcart { margin-left: 8px;} #header .usps-bar-two a, #header .usps-bar-two { font-size: 11px; font-weight: 400;} .usps-bar-two img { margin-right: 3px;} .usps-bar-two li {padding: 0 5px 0 0;} #header .usps-bar-two li.rating-item a { display: inline-block;} .usps-bar-two li.rating-item img { display: inline-block; padding-left:0} #header .usps-bar-two li.rating-item {padding-top: 2px;line-height: 11px;} #header .usps-bar-two li.rating-item strong { padding-left: 3px;} .contentbox-wrapper h1 {font-size: 1.4rem; padding: 0; line-height: 1.4em; } .contentbox-wrapper .htmlcontent-item-1 .description { padding: 70px 0px 40px 0px;} } @media (max-width: 350px){ .contentbox-wrapper .home-trending .trending-item {width:100%} .contentbox-wrapper .htmlcontent-item-1 .hero-maxall-logo img { display:none} #products .product-miniature, .product-accessories .product-miniature, .product-miniature .product-miniature { width: 100%;} .featured-products .product-miniature, .product-accessories .product-miniature { width: 100%;} } /* New Product Tabs */ .tabs-list { display: flex; align-content: stretch; } .tabs-list li { width: 33%; height: 30px; border-bottom: 1px solid lightgray; } .tabs-list li:hover { cursor: pointer; } .tabs-list li.active { border-bottom: 1px solid black; } .tabs-list li span { color: #232323; font-size: 14px; } #tabs { margin-top: 4px; margin-left: 2px; } .tab-item { display: none; } .tab-item ul { list-style: disc; margin-left: 15px; } .tab-item.active { display: block !important; } #description-tab > div > h2:nth-child(5), #description-tab > div > ul:nth-child(6), #description-tab > div > h2:nth-child(7), #description-tab > div > ul:nth-child(8), #mobile-description-tab > div > h2:nth-child(5), #mobile-description-tab > div > ul:nth-child(6), #mobile-description-tab > div > h2:nth-child(7), #mobile-description-tab > div > ul:nth-child(8) { display: none; } .tab-item { font-size: .9rem; color: #19324A; } .mobile-tabs-list { display: none; } .tabs-list { display: flex; } .product-bottom { display: none !important; } @media (max-width: 600px){ .mobile-tabs-list { display: block; flex-wrap: wrap; } .product-miniature .variant-links .color { width: 20px !important; height: 20px !important; } .js-product-additional-info { margin-bottom: 30px; } .tabs-list, #tabs { display: none; } .mobile-tabs-list .mobile-li { width: 100%; height: 35px; margin-bottom: 15px; position: relative; } .mobile-tabs-list .mobile-li.active:after { right: 4px; font-size: 36px; content: "-"; color: #232323 !important; } .mobile-tabs-list .mobile-li:after { position: absolute; right: 0px; font-size: 36px; content: "+"; color: #232323 !important; } #mobile-shipmentdetails-tab { margin-bottom: 15px; } .mobile-tabs-list li.active { border-bottom: 1px solid lightgray; } } /* About us */ .our-mission--header, .our-story--header, .nicetomeetyou--header, .about-the-white-and-green-feeling--header, .organic-and-fairtrade--header, .materials--header { font-size: 26px !important; font-style: italic !important; font-family: 'Baskerville Italic' !important; } .our-mission--content, .about-the-white-and-green-feeling--content { font-size: 26px; color: black; font-family: 'Baskerville' !important; text-align: center; margin-top: 10px; padding: 10px; } .our-mission--signature { font-size: 38px; color: black; font-family: 'Saling Cinta' !important; margin-top: 25px; text-align: center; } .about-our-story-block, .organic-and-fairtrade-block { margin-top: 40px; background-color: #f3f0e8; } .organic-and-fairtrade--header { padding-top: 20px; padding-bottom: 35px !important; } .our-story--header { padding-top: 20px; } .main-content { background-color: #f3f0e8; } .our-story--timeline { display: inline-block; margin-left: 25px; margin-top: 20px; max-width: 350px; } .organic-and-fairtrade--items, .materials--items { background-color: #f3f0e8; display: inline-block; margin-left: 50%; /* From parent width */ transform: translateX(-50%); /* use self width which can be unknown */ -ms-transform: translateX(-50%); /* For IE9 */ margin-top: 20px; } .materials--items { background-color: white !important; } #shopify-section-about, #shopify-section-materials { overflow-x: hidden; } .our-story--timeline--item--header, .organic-and-fairtrade--items--item h2, .materials--items--item h2 { margin-top: 5px; margin-bottom: 15px; font-size: 24px !important; color: black; font-family: 'Baskerville' !important; } .our-story--timeline--item--content, .organic-and-fairtrade--items--item p, .materials--items--item p { font-size: 18px; margin-bottom: 30px; color: black; font-family: 'Circular Std' !important; } .our-story--timeline--item--content--button, .organic-and-fairtrade--items--item--button, .materials--items--item--button { text-align: center; margin-bottom: 30px; } .our-story--timeline--item--content--button button, .about-item--button button, .organic-and-fairtrade--items--item--button button, .materials--items--item--button button { background-color: #4c604d; color: white; padding-left: 20px; padding-right: 20px; padding-top: 8px; padding-bottom: 8px; border: 0px; border-radius: 50px; text-transform: uppercase; font-size: 16px; font-family: 'Circular Std Book'; cursor: pointer; } .button--shop-now { margin-top: 30px; } .video-wrapper { text-align: center; margin-bottom: 30px; } .about-co-founders--header { font-size: 16px !important; font-family: 'Baskerville' !important; padding-bottom: 0px !important; font-weight: bold; }.about-co-founders--subheader { font-size: 20px !important; font-family: 'Circular Std' !important; } .about-co-founders-block { background-color: #f3f0e8; } .about-co-founders--wrapper { position: relative; z-index: 500; margin-top: 20px; display: inline-block; margin-left: 50%; /* From parent width */ transform: translateX(-50%); /* use self width which can be unknown */ -ms-transform: translateX(-50%); /* For IE9 */ text-align: center; } .about-item--wrapper { background-color: #f3f0e8; margin-top: 25px; margin-bottom: 25px; } .about-item--button { margin-top: 25px; } .about-item--container { text-align: center; padding: 25px; } .about-item--text { color: black !important; font-size: 24px !important; font-family: 'Baskerville' !important; } .about-the-white-and-green-feeling--header { margin-top: 40px; margin-bottom: 30px !important; } .arrow { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 6px; } .down { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .blue-info--wrapper { background-color: #ccd6e6; font-size: 26px; color: black; font-family: 'Baskerville' !important; text-align: center; padding-left: 40px; padding-right: 40px; padding-top: 40px; padding-bottom: 20px; } .blue-info-image { padding-top: 20px; padding-bottom: 75px; text-align: center; } .our-story--timeline--item--square { border: 1px solid black; border-radius: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; margin-top: 40px; margin-bottom: 40px; width: 95%; } .our-story--timeline--item--square h3 { margin-top: 5px; font-size: 26px !important; color: black; font-weight: bold !important; font-family: 'Baskerville' !important; } .our-story--timeline--item--square p { margin-top: 5px; margin-bottom: 15px; font-size: 26px !important; color: black; font-style: italic !important; font-family: 'Baskerville Italic' !important; } .about-co-founders--whitebg { position: absolute; width: 100%; height: 80px; background-color: white; bottom: 0; z-index: 40; } .our-story--timeline--item:nth-child(odd){ border-color: black !important; padding: 30px; padding-left: 30px !important; padding-bottom: 70px; position: relative; border-left: 2px solid; border-top-left-radius: 30px; border-bottom-left-radius: 30px; margin-left: 30px; } .our-story--timeline--item:nth-child(2){ padding-top: 0px !important; margin-top: -71px !important; } .our-story--timeline--item:nth-child(3){ margin-top: -53px !important; padding-top: 0px; } .our-story--timeline--item:nth-child(4){ margin-top: -100px !important; padding-top: 0px !important; border-bottom-right-radius: 0px !important; } .our-story--timeline--item:nth-child(5){ margin-top: -100px !important; border-color: black !important; padding-left: 30px !important; padding-bottom: 70px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; margin-left: 30px; border-left: 0px !important; border-right: 2px solid black; border-bottom-right-radius: 30px; } .our-story--timeline--item:nth-child(6){ margin-top: -50px !important; border-color: black !important; padding-left: 30px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; margin-left: 30px; border-left: 0px !important; border-right: 1px solid black; border-bottom-left-radius: 30px; border-right: 0px !important; padding-top: 0px !important; border-left: 2px solid !important; border-top-left-radius: 30px; padding-bottom: 20px !important; margin-bottom: 30px; padding-bottom: 10px !important; border-bottom-left-radius: 0px !important; } .our-story--timeline--item:nth-child(1){ border-top-left-radius: 0px; } .our-story--timeline--item:nth-child(1) .our-story--timeline--item--image:before { content: '2014'; right: 100%; margin-top: 54px; margin-right: 22px; position: absolute; } .our-story--timeline--item:nth-child(2) .our-story--timeline--item--image:before { content: '2015'; right: 100%; margin-top: -2px; margin-right: 18px; position: absolute; } .our-story--timeline--item:nth-child(3) .our-story--timeline--item--image:before { content: '2015'; left: 100%; margin-top: -22px; margin-left: -52px; position: absolute; } .our-story--timeline--item:nth-child(4) .our-story--timeline--item--square:before { content: '2016'; right: 100%; margin-top: -19px; margin-right: 21px; position: absolute; } .our-story--timeline--item:nth-child(5) .our-story--timeline--item--image:before { content: '2021'; left: 100%; margin-top: 80px; margin-left: -37px; position: absolute; } .our-story--timeline--item:nth-child(6) .our-story--timeline--item--image:before { content: '2022'; right: 100%; margin-top: 50px; margin-right: 21px; position: absolute; } .our-story--timeline--item:nth-child(2):after{ content: ''; left: 100%; margin-top: 10px; margin-left: -15px; position: absolute; border-radius: 50%; padding: 10px; height: 30px; width: 30px; background-color: white; text-align: center; border: 1px solid black; font-size: 110%; } .our-story--timeline--item:nth-child(1):before{ content: ''; right: 100%; margin-top: 50px; margin-right: -13px; position: absolute; border-radius: 50%; padding: 10px; height: 30px; width: 30px; background-color: white; text-align: center; border: 1px solid black; font-size: 110%; } .our-story--timeline--item:nth-child(4):before{ content: ''; right: 100%; margin-top: -7px; margin-right: -15px; position: absolute; border-radius: 50%; padding: 10px; height: 30px; width: 30px; background-color: white; text-align: center; border: 1px solid black; font-size: 110%; } .our-story--timeline--item:nth-child(5):after{ content: ''; left: 100%; margin-top: -300px; margin-left: -15px; position: absolute; border-radius: 50%; padding: 10px; height: 30px; width: 30px; background-color: white; text-align: center; border: 1px solid black; font-size: 110%; } .our-story--timeline--item:nth-child(6):before{ content: ''; right: 100%; margin-top: 50px; margin-right: -13px; position: absolute; border-radius: 50%; padding: 10px; height: 30px; width: 30px; background-color: white; text-align: center; border: 1px solid black; font-size: 110%; } .our-story--timeline--item:nth-child(1):after{ content: ''; right: 100%; margin-top: -5px; margin-right: -15px; position: absolute; border-radius: 50%; padding: 10px; height: 30px; width: 30px; background-color: white; text-align: center; border: 1px solid black; font-size: 110%; } .our-story--timeline--item:nth-child(even){ border-color: black !important; padding: 30px; padding-left: 30px !important; padding-bottom: 70px; position: relative; border-right: 2px solid; border-top-right-radius: 30px; border-bottom-right-radius: 30px; margin-left: 30px; } .our-story--timeline--item img { max-width: 95% !important; } .about-co-founders { position: relative; } .container-about-us { padding: 15px; margin-top: 25px; margin-bottom: 25px; } .remove-margin { margin: 0px;padding:0px;width:100%; } .remove-margin .breadcrumb { margin-left: 10%; } @media (min-width: 599px){ .our-mission--header, .our-story--header, .nicetomeetyou--header, .about-the-white-and-green-feeling--header, .organic-and-fairtrade--header, .materials--header { font-size: 36px !important; } .about-the-white-and-green-feeling--header { padding-bottom: 0px !important; } .about-the-white-and-green-feeling--content { font-size: 30px; padding: 0px 25%; line-height: 40px; margin-top: 0px !important; } .materials--items--flex{ display: flex; } .materials--items--flexwrap { text-align: left; } .about-our-story-block .container { max-width: 100% !important; } .our-mission--content{ font-size: 36px; line-height: 36px; padding-left: 100px; padding-right: 100px; } .our-mission--signature { margin-top: 50px !important; font-size: 64px !important; margin-bottom: 50px; } .page-main--wrapper{ text-align: center; } .about-single-image { text-align: center; } .about-single-image img { width: 80%; } .our-story--timeline { max-width: 50%; text-align: left; } .our-story--timeline--item--image { width: 100%; } .our-story--timeline--item--image img { width: 95%; max-height: 360px; margin-bottom: 15px; } .our-story--timeline--item--header, .our-story--timeline--item--content { width: 95%; line-height: 40px; } .our-story--timeline--item--square h3 { font-size: 34px !important; margin-bottom: 5px; } .our-story--timeline--item--square p { font-size: 34px !important; } .about-item--text { font-size: 36px !important; } .about-item--container { padding: 25px 450px !important; line-height: 40px; } .about-co-founders--header { font-size: 22px !important; } .about-co-founders--subheader { font-size: 34px !important; } .about-co-founders--wrapper img { width: unset !important; height: unset !important; } .about-co-founders-block { margin: 0% 18%; } .embed-container iframe { width: 64%; height: 600px; } .our-story--timeline--item--header { font-size: 34px !important; } .our-story--timeline--item--content { font-size: 24px !important; } .our-story--timeline--item:nth-child(odd), .our-story--timeline--item:nth-child(even) { padding-left: 100px !important; } .about-the-white-and-green-feeling--wrapper .sitewide--title-wrapper { padding: 50px 100px; } .materials--items { margin-left: 38%; transform: translateX(-38%); width: 50%; } .materials--items img { -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); margin-right: 50px; } .organic-and-fairtrade-flex { display: flex; justify-content: center; margin-bottom: 60px; } .organic-and-fairtrade-flex .organic-and-fairtrade--items--item { margin-top: 0px !important; margin-bottom: 0px !important; } div.organic-and-fairtrade-flex > div:nth-child(1) > img { width: 350px; } div.organic-and-fairtrade-flex > div:nth-child(1) { margin-right: 30px; } .product-badge-details { width: 72px !important; height: 72px !important; font-size: 15px !important; } .blue-info--container { padding: 0px 33%; font-size: 34px; line-height: 40px; } .blue-info-image img { width: 640px !important; } #content > div > div.materials-block > div > div.page-main--wrapper > div > div:nth-child(1), #content > div > div.materials-block > div > div.page-main--wrapper > div > div:nth-child(2) { margin-bottom: 20px !important; } } .blue-info-image img, #content > div > div.about-the-white-and-green-feeling-block > div > div > img { width: 66%; } @media (max-width: 599px){ .blue-info-image img, #content > div > div.about-the-white-and-green-feeling-block > div > div > img { width: 320px; } .alert-desktop { display: none !important; } .usps-bar-one { font-size: 10px; } } .about-us { overflow-x: hidden; } .textblock-subheader { /*font-family: 'Baskervville', serif !important;*/ font-weight: bold !important; } .product-badge-details { position: absolute; display: flex; z-index: 1; top: 10px; left: 10px; font-style: italic; font-size: 13px; background-color: #687770; color: white; text-align: center; align-items: center; justify-content: center; width: 55px; height: 55px; border-radius: 50%; } .js-address-form .form-group:first-of-type { display: none; } .address-item > header > label > span.address-alias.h4 { display: none !important; } body#checkout section.checkout-step .address { margin-top: -18px; } .subheader-banner { font-size: 48px; } .christmas-header { text-shadow: 2px 0px 3px #5d5d5d; } .usps-bar-one { background-color: black; color: white; font-size: 12px; text-align: center; padding-top: 5px; padding-bottom: 5px; font-weight: bold; } .review-header-info { position: relative; } .review-header-info a span { top: 3px !important; }