/* * Custom code goes here. * A template should always ship with an empty custom.css */ /*-----------------------------------------------------------------------------------------------*\ COLORS \*-----------------------------------------------------------------------------------------------*/ /* BACKGROUND color */ #wrapper { background:#fff; /* background:#f1f1f1; background-color:#fff make it white */} .paymentSenderBlock { background-color: #fff; } /* HEADER COLOR / plain tekst / #000 black */ #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, .footer-container li a, .bottom-footer 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"],.footer-container .block-contact, .footer-container .block-contact a {color: #000;} #custom-text h2 { color:#000} #custom-text { color:#000} span.magnitude { color: #000; } .klantenserviceBlock,.klantenserviceBlock p, .klantenserviceBlock H3 {background-color:#000; color:#fff;} /* ACTIVE color ( gold #cdb877 ) */ #header a:hover,#header .top-menu a:hover, #header .top-menu a[data-depth="0"]:hover { color: #cdb877;} .pagination a:hover, .pagination .current a:hover { color: #fff; background-color:#cdb877; } .custom-checkbox input[type=checkbox]+span .checkbox-checked { color: #cdb877;} .tabs H2, .tabs H3 { font-size: 1.125rem; border-bottom: 3px solid #cdb877; padding-top: 35px; padding-bottom: 10px;} /*.tabs { color: #cdb877;}*/ #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: #fff; color:#cdb877} .product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover { border: 3px solid #cdb877;} #content a.quick-view:hover {color:#cdb877} li.product-flag { background: #fff; color:#cdb877} li.product-flag.on-sale {background: #fff; color:#cdb877; 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: #cdb877;} #wrapper .breadcrumb li a:hover, .footer-container .block-contact a:hover { color: #cdb877;} .form-control:focus, .input-group.focus{ outline: .1875rem solid #cdb877;} .footer-container li a:hover, .bottom-footer a:hover { color: #cdb877;} .block-social li { background-color: #cdb877;} .header-nav .blockcart.active a:hover {color: #cdb877 !important;} .search-widget form input[type=text]:focus+button .search, .search-widget form button[type=submit] .search:hover {color: #cdb877 } #blockcart-modal .modal-header { background: #cdb877;} .product-cover .layer .zoom-in, .page-my-account #content .links a:hover { color: #cdb877; } .input-color:checked+span, .input-color:hover+span, .input-radio:checked+span, .input-radio:hover+span { border: 2px solid #cdb877; } .search-widget form input[type=text]:focus { outline: 1px solid #cdb877;} /*zoek border */ .bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default {background-color: #cdb877;} .btn-primary { background-color: #cdb877; border-radius: 4px; } .products-sort-order .select-list:hover { background: #cdb877; color: #232323;} .footer-container li a:hover, .bottom-footer a:hover { color: #cdb877;} .header-nav .blockcart.active a:hover {color: #cdb877 !important;} .search-widget form input[type=text]:focus+button .search, .search-widget form button[type=submit] .search:hover {color: #cdb877 } .product-cover .layer .zoom-in, .page-my-account #content .links a:hover { color: #cdb877; } .block-social li {background-color: #cdb877;} #blockcart-modal .modal-header { background: #cdb877;} .input-color:checked+span, .input-color:hover+span, .input-radio:checked+span, .input-radio:hover+span { border: 2px solid #cdb877; } .pagination .current a { color: #cdb877; } .search-widget form input[type=text]:focus { outline: 1px solid #cdb877;} /* button rollover, donkerder dan main actief kleur */ .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 { color: #fff; background-color: #1e788c;} .btn-primary.active, .btn-primary:active, .open>.btn-primary.dropdown-toggle { color: #fff; background-color: #1e788c;} .btn-primary.focus, .btn-primary:focus, .btn-primary:hover { background-color: #1e788c;} .block-social li:hover { background-color: #1e788c;} #product-availability .product-available {color: #1e788c;} /* LINKS & hover 3e kleur */ a { color: #cdb877;} a:focus, a:hover { color: #208094;} #product .tabs a { color: #208094; text-decoration: underline;} #product .tabs a:hover,#product .tabs a:focus { color: #208094;} /* Oranje Sale / USPS kleur / gold #cdb877 */ .usps-bar li .material-icons { color:#cdb877; } .has-discount.product-price, .has-discount p {color: #cdb877;} #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: #fff; color:#cdb877;} .has-discount .discount {background: #fff; color:#cdb877;} span.availability-list.availability-list-out-of-stock { color: #cdb877;} span.cart-products-count {background-color: #cdb877; color: #fff;} /* DARK HEADERS / ICONS ETC */ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .footer-container .links p {color:#232323} #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:#232323} #header .usps-bar a {color:#fff} /* overige kleuren */ /*#blockcart-modal .modal-body {background: #ffffff;}*/ .product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name{background:#f1f1f1} #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: #f8f8f4;} .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;} p{font-size: .9375rem;} .btn-secondary, .btn-tertiary { background-color: #ffffff; } .facet-label.active .custom-checkbox span.color, .facet-label:hover .custom-checkbox span.color { border: 3px solid #f8921f; } .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: #9de59f;} .product-images>li.thumb-container>.thumb { margin-right: .8125rem; border: 2px solid #fff;} .product-price {color:#000} #products .product-title a, .featured-products .product-title a, .product-accessories .product-title a, .product-miniature .product-title a { color: #000000;} #content a,#category-description a { color: #000; text-decoration:underline} #content a:hover,#content a:focus, #category-description a:hover, #category-description a:focus { color: #cdb877; } button#search_filter_toggler { background-color: #f7921fb0;} #content .product-title a, #content a.quick-view{ color: #000; text-decoration:none} #block-reassurance {border:1px solid #ccc} /*-----------------------------------------------------------------------------------------------*\ 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... */ } /*-----------------------------------------------------------------------------------------------*\ FONTS N SIZES \*-----------------------------------------------------------------------------------------------*/ body {font-family: 'Open Sans', serif; font-size:16px;} .h1, h1,.h2, h2,.h3, h3,.h4, h4,.h5, h5,.h6, h7 {font-family: 'Be Vietnam', serif; text-transform: inherit !important;} ul.top-menu { font-size: 0.9rem;} #header .header-nav, .header-top { font-size: 12px; } .breadcrumb { font-size: 13px;} .block-contact.links { font-size: .875rem; } .links p.h3,.links p.h4{ font-size: 1.2rem;} #content-wrapper { line-height: 1.5em;} .h1, .h2, .h3 { text-transform: inherit; } .h1, h1 { font-size: 2.2rem;} .h2, h2 { font-size: 2rem;} .h3, h3 { font-size: 1.6rem;} .h4, h4 { font-size: 1.6rem;} .h5, h5 { font-size: 2rem;} .h6, h6 { font-size: 1rem;} #header .header-top a[data-depth="0"], #header .popover , .top-menu a.dropdown-submenu{ font-family: 'Be Vietnam'; text-transform:inherit; font-weight: 400; font-size: 1rem;} .top-menu a.dropdown-submenu { text-transform:inherit; } .block-categories { font-size: 0.9rem;} ol { font-size: .9375rem;} /*-----------------------------------------------------------------------------------------------*\ HEADER & MENU MODIFICATIONS \*-----------------------------------------------------------------------------------------------*/ #header a { } #header .header-nav, .header-top {max-height:inherit; border-bottom: none;margin-bottom: 0;} #header .logo { padding-top: 4px;} .usps-bar { width: 100%; margin:auto; text-align: left; display: inline-block; padding: 8px; background: #000; clear:both} .usps-bar ul { margin:auto; width:auto; float:left; } .usps-bar li { padding: 0 15px 0 0; display: inline-block; width: auto;} .usps-bar a {} .usps-bar li img { margin-top: -1px;} .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; } .search-widget form input[type=text] { border: 1px solid transparent; box-sizing: border-box; background-color: #f3f3f3; color: #999; 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;} .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: 200px; display: block;} #header .header-top { padding-bottom: 0.7rem; padding-top: 0.7rem; border-bottom: 1px solid #b6b6b6;} #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: 10px; 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;} 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 1.2rem .375rem 0rem;} /* drop down menu */ ul.top-menu {padding:0; margin:0} .top-menu .sub-menu { width: 100%; max-width: 400px; padding: 0; min-width: 260px; 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%;} #cookieNoticeContent a {color:#fff; 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;} /*-----------------------------------------------------------------------------------------------*\ 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 h2 { text-transform: inherit;} #custom-text p { color: inherit; font-size: inherit;} #wrapper { padding-top: 1rem;} /* HOME Content html BOX */ .contentbox-wrapper { 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 center;} .contentbox-wrapper img.item-img { width: 100%; height: auto;} .contentbox-wrapper .htmlcontent-item-1 { width: 100%; height: 400px; cursor: pointer;} .contentbox-wrapper .htmlcontentItem { height:225px; margin:1%; cursor: pointer;} .contentbox-wrapper h1 {color:#fff; font-size: 3rem} .contentbox-wrapper h3{color:#fff; margin-bottom: 2px; font-size: 1.5rem } .item-html { position:absolute; bottom:0; padding: .625rem .625rem 0rem .625rem; width:100%; } /*.contentbox-wrapper .htmlcontentItem:hover > .item-html { background: rgba(255, 255, 255, 0.3);}*/ .contentbox-wrapper .item-html p { color:#fff; font-size: 0.8rem;} .contentbox-wrapper .htmlcontent-item-1 .item-html { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3db77d+0,53aa9c+100 */ bottom: inherit; top:0 ; max-width:100%; height:100%; width: 100%; border-radius: 0; font-family: 'Source Sans Pro', serif; } .contentbox-wrapper .htmlcontent-item-1 .description { position: absolute; bottom: 0; padding: 40px; font-size:1.3rem; } #content .contentbox-wrapper a.btn-secondary { background-color: #fff; color:#000; border-radius: 0; text-decoration:none; margin-top:10px } .contentbox-wrapper .htmlcontent-item-1 { background-image: url(/img/home-banners/home-hero-bg.jpg); background-size: cover; margin-bottom:20px;} .contentbox-wrapper .htmlcontent-item-2 { background-image: url(/img/home-banners/home-banner-1.jpg); background-size: cover;margin-bottom:20px; padding-right:10px} .contentbox-wrapper .htmlcontent-item-3 { background-image: url(/img/home-banners/home-banner-2.jpg); background-size: cover;margin-bottom:20px; background-position: right center;} .contentbox-wrapper .htmlcontent-item-4 { background-image: url(/img/home-banners/home-banner-3.jpg); background-size: cover;margin-bottom:20px;} .contentbox-wrapper .htmlcontent-item-5 { background-image: url(/img/home-banners/home-banner-4.jpg); background-size: cover;margin-bottom:20px;} .contentbox-wrapper .htmlcontent-item-6 { background-image: url(/img/home-banners/home-banner-5.jpg); background-size: cover;margin-bottom:20px;} .contentbox-wrapper .htmlcontent-item-7 { background-image: url(/img/home-banners/home-banner-6.jpg); background-size: cover;margin-bottom:20px;} /* play with the widths */ .contentbox-wrapper .htmlcontent-item-2 { width:44%; } .contentbox-wrapper .htmlcontent-item-3 { width:25%; } .contentbox-wrapper .htmlcontent-item-4 { width:25%; } .contentbox-wrapper .htmlcontent-item-5 { width:31%; } .contentbox-wrapper .htmlcontent-item-6 { width:31%; } .contentbox-wrapper .htmlcontent-item-7 { width:31%; } /*-----------------------------------------------------------------------------------------------*\ CATALOGUE PAGE \*-----------------------------------------------------------------------------------------------*/ .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: .8rem; color:#252260 !important;} .category-seo { margin-top: 5px; padding-top: 25px; border-top: 1px solid #ccc;} .category-seo img {max-width:100%;height:auto} /* 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: 600;} .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} .block-categories .category-sub-menu li[data-depth="0"]>a.active {font-weight: 700} a.category-head-link {font-size: 0.9rem;font-weight: 400} a.category-head-link.active, a.category-sub-link.active {font-weight: 700} .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: 0 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: 5px;} .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 */ .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 { 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: -.4rem -.125rem; font-size: 1.4rem; } .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: -7px;} .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 { background: #dededd; 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;} #search_filters, #search_filters_brands, #search_filters_suppliers{padding: 1rem;} .facet-label .color, .facet-label input[type=checkbox]+span.color { width: 15px; height: 15px; margin:0} #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;} /* filters end */ #products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature, .product-miniature .product-miniature { margin-bottom: 1.2rem;} #products .product-title a, .featured-products .product-title a, .product-accessories .product-title a, .product-miniature .product-title a { font-size: .95rem;} /* product variantes */ #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 { margin: 0rem; width: 28px; height: 28px; background-repeat: no-repeat; background-position: center center; background-size: cover; border: 2px solid #fff; display: inline-block!important; margin-top: -4px;} #content .variant-links .color:active ,#content .variant-links .color:hover{border: 2px solid #f8921f;} #content .featured-products a.all-product-link { margin: -23px 11px 2rem 19px; background-color: #000; color: #fff; padding: 7px 9px 6px 18px; text-decoration: none;} /* Pop up Add to cart vanuit cat page */ .close { opacity: .5;} /*-----------------------------------------------------------------------------------------------*\ PRODUCT PAGE \*-----------------------------------------------------------------------------------------------*/ #product .col-md-6 h1 {padding-top:20px} #products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container { height: 395px; -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,.9); -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,.9); box-shadow: 0px 0px 1px 0 rgba(0,0,0,.9);/* was 318px */} #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description { height: 138px; /* was 70px*/} #products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations { height: 6rem; opacity: 0.9;/* was 3.125rem */ } h2.h3.product-title { line-height: 1rem; min-height: 56px;} #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;} #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.9rem; 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;} #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;} #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: 0rem; min-height: 4.5rem;} .tabs ul { list-style: disc; margin-left: 19px; color: #252260;} span.price, .current-price { display: inline-block; font-size: 1.4rem; line-height: 1; font-weight: 700;} .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-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} /* kleur keuze varianten */ .product-information .product-variants>.product-variants-item .color { width: 50px; height: 50px; background-size: cover; background-repeat: no-repeat;} .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%;} /* 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 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;} #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: 0.4rem 0rem;} #block-reassurance img { max-width: inherit; margin-right: .2rem; width: 14px; vertical-align: initial;} .blockreassurance_product .item-product img, .blockreassurance_product .item-product svg {height: 14px; width: 14px;} .blockreassurance_product p.block-title { line-height: inherit; margin-bottom: 10px;} .blockreassurance_product .item-product { display: inline-block; height: 14px; float: left; margin-right: 5px; padding-top: 0; width: 14px;} .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: 12px;} .tax-shipping-delivery-label { display: inline-block;} .deliveryprices-delivery-label { font-size: 1rem; padding-bottom: 10px;} .product-quantity .add, .product-quantity .qty {display:inline-block; float: none;} .product-quantity { display: block;} #product-availability { vertical-align: top;} .product-description-short p,.product-description-short a {float:left; display:inline-block; display: contents;} .product-description-short {clear:both; display:block} .product-prices { margin-top: 1rem; clear: both;} .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:1.8rem} .product-prices div { margin-bottom: .2rem;} .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: .1rem; font-size: 0.85rem;} .product-variants>.product-variants-item { margin: 0.5rem 0 0rem 0;} .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.8rem;} .product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name { padding: 0.4rem; margin: 0.1rem; 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%} /*-----------------------------------------------------------------------------------------------*\ CART & CHECKOUT \*-----------------------------------------------------------------------------------------------*/ .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;} #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 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;} /*-----------------------------------------------------------------------------------------------*\ 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: .9375rem; 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: 140px;} .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;} /*-----------------------------------------------------------------------------------------------*\ ACCOUNT PAGES \*-----------------------------------------------------------------------------------------------*/ .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;} /*-----------------------------------------------------------------------------------------------*\ 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.8rem} .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:#cdb877} .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:60px; height:auto;padding:1% 1% 1% 0%} .paymentSenderBlock a { text-decoration: none;} .bottom-footer {border-top: 1px solid #c5bfba; padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: .9rem; 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 #000; 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} .block_newsletter, .block-social { margin: 2rem 0 1rem 0; } .col-md-4.links, .col-md-6.links { width: 65%; margin-bottom: 20px; } .block-contact.links { width: 35%; line-height: 1.8em; } .links .col-md-6 { width: 33%; } 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: 1000; float: right; cursor: pointer; font-size: 13px; opacity: 0.8;} .back-to-top-square .img-responsive { display: block; max-width: 100%; height: auto;} /*-----------------------------------------------------------------------------------------------*\ RESPONSIVE CODE \*-----------------------------------------------------------------------------------------------*/ @media (min-width: 1200px){ .container { width: 1140px; max-width: 100%;} #wrapper .container { padding-bottom: 15px;} } @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;} /* HOME Content html BOX */ .contentbox-wrapper .htmlcontentItem{ } .contentbox-wrapper .htmlcontent-item-1 { height: 300px;} .contentbox-wrapper .htmlcontent-item-2 { height: 250px;} .contentbox-wrapper .htmlcontent-item-3 { height:250px;margin:1%} .contentbox-wrapper .htmlcontent-item-4 { height:250px;margin:1%} .contentbox-wrapper .htmlcontent-item-2 { width:31.3%; } .contentbox-wrapper .htmlcontent-item-3 { width:31.3%; } .contentbox-wrapper .htmlcontent-item-4 { width:31.3%; } .contentbox-wrapper h3 { margin-bottom: .1rem; font-size: 1.2rem;} } @media (max-width: 768px){ /* colors mobile */ #header .header-top a[data-depth="0"] { color: #7a7a7a; } .h1, h1 { font-size: 1.4rem;} .h2, h2 { font-size: 1.2rem;} .h3, h3 { font-size: 1rem;} .h4, h4 { font-size: 1rem;} .h5, h5 { font-size: 1.4rem;} .h6, h6 { font-size: .85rem;} /* header */ #header .header-nav .top-logo { width: 80px; position: absolute; left: 50%; padding-top: 0; margin-left: -40px;} .header-top .col-md-12.col-sm-12.position-static { margin: 0; padding: 0;} #header .header-top { padding: 0; background-color: #fff;} #header .header-top .search-widget form input[type=text] { padding: 1.2rem;} #header .header-nav, .header-top { max-height: inherit; border-bottom: 1px solid #f1f1f1; margin-bottom: 0;} #header .header-top { border-bottom: 1px solid #f1f1f1; } #header .header-nav .top-logo a img { max-width: 150px; max-height: 50px;} #header .header-top .search-widget { max-width: 100%;} /* home */ .carousel .carousel-inner { height: 270px;} .container { width: 100%; } .usps-bar li:nth-child(2) { display: none;} .usps-bar li:nth-child(3) { display: none;} .carousel .carousel-item img { width: inherit; margin-left: 0; height: 100%;} .home-banners .banner-item { width:49.5%;} #custom-text h2 { font-size: 1.2rem;} #custom-text p { font-size: 0.9rem;} .contentbox-wrapper .htmlcontent-item-2 { height:225px; } .contentbox-wrapper .htmlcontent-item-3 { height:225px; } .contentbox-wrapper .htmlcontent-item-4 { height:225px; } /* categories */ #wrapper .breadcrumb { margin-bottom: 0.5rem; padding-left: 0.2rem; padding-bottom: 0.5rem; padding-left: 0.2rem; font-size: 11px; line-height: 1rem;} #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 { border-top: none; padding:0rem 1rem 1rem 1rem; display:inline-block} #category #left-column #search_filters_wrapper { padding-bottom: 30px;} #category #left-column #search_filters .facet .h6 { padding: 1rem;} label.facet-label {float:none;} /*faceted specific fixes */ .Tent.kleur label {display:inline-block; clear: inherit;} /* category */ #content-wrapper {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;} #product #block-reassurance span { font-size: 0.8rem;} #productCommentsBlock .tabs { padding: 15px;} #product .safe-payment-icons img { max-width: 38px;} .tabs H2, .tabs H3 { font-size: 1rem;} .social-sharing span { display: none;} .social-sharing li { margin-right: .5rem; margin-left: 0;} /* 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:-12px;left:0;width:100%;clear:both;z-index:9999;padding-left:0;min-height:400px; height: 100vh;padding: 0 15px 15px 0px; margin:0; } .top-menu li { background-color: #fff; width: 100%; max-width:500px} #mobile_top_menu_wrapper span.float-xs-right { margin-top: -4px;} #mobile_top_menu_wrapper .top-menu .navbar-toggler { margin-top: -14px; padding: 14px; background-color:#f3f3f3;} #mobile_top_menu_wrapper .top-menu a[data-depth="0"] { padding: 1.1rem .625rem; border-bottom: none; border-top: 1px solid #f6f6f6; padding-left: 1rem; font-weight: 700; color: #252260;} #mobile_top_menu_wrapper .top-menu .sub-menu li>a { padding-left: 1.5rem; font-weight: 400;} .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 */ /* checkout */ body#checkout #header .header-nav .logo { max-width: 100%;padding: 0px;} #cart .breadcrumb.hidden-sm-down {display:none !important} .block-reassurance-item span { font-size: 0.8rem;} /* footer*/ .klantenserviceBlock li { width: 100%;} .klantenserviceBlock, .klantenserviceBlock p { font-size: .85rem;} .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 .htmlcontent-item-2 { width:98%; height:240px;} .contentbox-wrapper .htmlcontent-item-3 { width:48%; } .contentbox-wrapper .htmlcontent-item-4 { width:48%; } } @media (max-width: 576px){ .container { width: 100%;} .usps-bar { font-size: 11px; padding: 4px;} #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;} .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;} #custom-text { padding: 1rem;} #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; } .carousel .carousel-item img { opacity: 0.8;} .carousel .carousel-item figure { margin: 0; background-color: #000;} .bottomlinks a { display: block; padding: 5px 0;} #header .header-top .search-widget { float: left;} #header .header-top .search-widget { max-width: 100%;} #header .header-top { padding-bottom: 0.5rem;} .contentbox-wrapper h3 { margin-bottom: .1rem; font-size: 1.2rem;} #wrapper .banner { height: 230px; } .klantenserviceBlock H3 { font-size: 1.25rem;} .contentbox-wrapper ul li:first-child img.item-img { display: block; /* max-height: 147px; */} .contentbox-wrapper .htmlcontent-item-1 { height: 240px;} .contentbox-wrapper .htmlcontent-item-3 { width:48%; height:200px;margin:1%} .contentbox-wrapper .htmlcontent-item-4 { width:48%; height:200px;margin:1%} .contentbox-wrapper .htmlcontent-item-2 { width: 98%; height: 220px;} /* 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: 395px; margin-bottom: 1rem;} #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description { height: 138px;} } @media (max-width: 480px){ .product-images>li.thumb-container {width:24%} .contentbox-wrapper ul li:first-child a { max-height: 180px; overflow: hidden;} #wrapper .breadcrumb ol { font-size: 0.85rem; letter-spacing: -0.05rem; line-height: 1.3rem; margin-top: -10px;} #wrapper .breadcrumb li:after { margin: 0.1rem;} .contentbox-wrapper ul li:first-child a { max-height: 180px; overflow: hidden;} } @media (max-width: 400px){ .usps-bar {display:none} #wrapper .banner { height: 200px; } .images-container .product-images>li.thumb-container>.thumb { width: 32%;} }