/*
Theme Name: computerzaak v2
Theme URI: https://www.computerzaak.nl
Author: Herold
Author URI: https://www.velema.nl
Description: Een template op maat gebouwd voor computerzaak.
Text Domain: computerzaak
Tags: computerzaak
*/
/* Kleuren
oranje 		#ff6c00		rgba(252,155,84,0.9)
lichtoranje	#fff0e5
groen 		#00C45E
blauw		#01aef3
lichtgrijs	#f9f9f9
geel		#FFEE00
*/

/* ../fonts */

@font-face {font-family: 'Inter Tight';src: url('../fonts/InterTight-SemiBold.woff2') format('woff2'),url('../fonts/InterTight-SemiBold.woff') format('woff');font-weight: 600;font-style: normal;font-display: swap;}
@font-face {font-family: 'Inter Tight';src: url('../fonts/InterTight-Bold.woff2') format('woff2'),url('../fonts/InterTight-Bold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}

@font-face {font-family: 'Libre Franklin';src: url('../fonts/LibreFranklin-Bold.woff2') format('woff2'),url('../fonts/LibreFranklin-Bold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: 'Libre Franklin';src: url('../fonts/LibreFranklin-Regular.woff2') format('woff2'),url('../fonts/LibreFranklin-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}

html body{font-family: 'Libre Franklin'; font-weight: normal; font-size: 15px; color: #3e3e3e; letter-spacing: 0; line-height: 1.75}

h1, h2, h3, h4, h5, .title, .widget-title {font-family: 'Inter Tight', sans-serif; font-weight: bold; text-transform: initial; letter-spacing: 0; line-height: 1.25; margin: 0 0 5px 0; color: #000 }
h1, .single-product h1 {font-size: 28px;}
h2 {font-size: 26px;}
h3, .widget-title {font-size: 20px;}
h4 {font-size: 16px;}
h5 {font-weight: 400; font-size: 16px; margin: 0}
h6 {font-weight: 400; font-size: 15px; margin: 0}
strong {font-weight: 600}
p {margin: 0 0 15px 0}

em {font-style: italic}

a {color: #01aef3}
a:hover {color: #313131;}

a.inverted {color: #313131}
a.inverted:hover {color: #01aef3}

p.large {font-weight: 500; color: #191919}

p.quote {font-family: 'Inter Tight', sans-serif; font-size: 18px; font-weight: 400}

img, iframe, embed, video, object {max-width: 100%}

html .demo_store {background-color: #00C45E; padding: 15px}
html .demo_store a {margin-left: 5px;}


.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;padding:10px;border:0;border-radius:2px;outline:0;background:#00C45E;text-shadow:none;text-decoration:none;cursor:pointer;-webkit-appearance:none; font-weight: 500; color: #fff; line-height: 1.25; font-size:15px;}
.button.green, .button.orange, .button.blue {font-family: 'Inter Tight', sans-serif; background: #00C45E url(../images/icon-arrow-right.svg) center right 15px no-repeat; background-size: 6px; color: #fff; border-radius: 5px; position: relative; padding: 15px 70px 15px 25px; } 
.button.green:hover, .button.orange:hover {color: #fff; background-color: #00B456}
.button.orange {background-color: #ff6c00; border-color: #DB4800} 
.button.orange:hover{background-color: #e86200; border-color: #DB4800}
.button.blue {background-color: #4299f2; border-color: #2979cc} 
.button.blue:hover{background-color: #378ce3; border-color: #2979cc}


.hidden {display: none !important}
.clickable {cursor: pointer}

hr {height: 0;margin-top: 10px;margin-bottom: 10px; border: 0;border-top: 1px solid #e9e9e9;}

.widget .widget-title {font-weight: 700; display: inline-block; margin-bottom: 5px}

#content .alignfull, #content .entry-content .alignfull,#content .entry-header.alignfull{width:calc(100vw - 8.1px);position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}

select{background: #fff url(../images/icon-chevron-down.svg) calc(100% - 12px) 14px no-repeat;background-size:12px 12px;width:100%;max-width:100%;height:40px;margin-bottom:5px;padding:0 31px 0 11px;border:1px solid #e2e2e2;border-radius:5px;/*box-shadow:0 1px 1px 0 rgba(0,0,0,.05)*/;font-size:15px;font-weight:400;line-height:40px;text-overflow:"";appearance:none}
input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel] {font-family: 'Libre Franklin', sans-serif;width:100%;max-width:100%;height:40px;margin-bottom:5px;padding:0 11px;border:1px solid #e2e2e2;border-radius:2px;/*box-shadow:0 1px 1px 0 rgba(0,0,0,.05)*/;font-size:15px;font-weight:400;line-height:40px;text-overflow:"";appearance:none}

textarea {font-family: 'Libre Franklin', sans-serif;border:1px solid #e2e2e2;border-radius:3px;box-shadow:0 1px 1px 0 rgba(0,0,0,.05);font-size:15px; padding: 11px; max-width: 100%}

/*.post-template-default #content, .post-template-default #content {background: #f7fafa}*/

/* css3 animations */
.button, a, a:hover, .clickable:hover, .clickable:hover, li:hover { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

html #trustbadge-container-98e3dadd90eb493088abdc5597a70810 {z-index: 6 !important;}
html body #trustbadge-container-98e3dadd90eb493088abdc5597a70810 > div > button {bottom: 20px !important}
html body.chat-widget-visible #trustbadge-container-98e3dadd90eb493088abdc5597a70810 > div > button {bottom: 110px !important}
html body.chat-widget-visible.sticky-add-to-cart-visible #trustbadge-container-98e3dadd90eb493088abdc5597a70810 > div > button {bottom: 190px !important}


html .TrengoWidgetLauncher__iframe, html .TrengoWidgetGreeter__iframe, html .TrengoWidgetBadge__iframe, html .TrengoOnlineStatus__iframe {z-index: 8;transition: all 0.45s;}
html .trengo-shadow {z-index: 7; transition: all 0.45s;}


.schema-faq {margin: 15px 0 30px 0}
.schema-faq-section {border-bottom: 1px solid #DEE1E6; padding: 10px 0 10px 30px; margin-bottom: 0; position: relative}
.schema-faq-section > p {margin:0}
.schema-faq-section:first-child {border-top:  1px solid #DEE1E6;}
.schema-faq-section .schema-faq-question {cursor: pointer; user-select: none; display: block; margin: 0 }
.schema-faq-section::before {content: '+'; font-weight: 600; font-size: 16px; position: absolute; left: 10px; top: 10px}
.schema-faq-section p.schema-faq-answer {margin: 5px 0 0 0; display :none}
.schema-faq-section .schema-faq-answer p {margin: 5px 0 0 0; display :none}
.schema-faq-section.visible p.schema-faq-answer {display: block}
.schema-faq-section.visible .schema-faq-answer p {display: block}
.schema-faq-section.visible::before {content: '-'}
.schema-faq-section.visible .schema-faq-question {color: #ff6c00}

/* Icons */
.icon{display:inline-block; vertical-align: middle;}
.icon.small {width:18px;height:18px}
.icon.star{width:14px;height:14px;margin-bottom: 1px; content: url(../images/icon-star.svg)}
.icon.check{width:11px;height:11px;content: url(../images/icon-check.svg); margin-top: -2px}
.icon.check.black{content: url(../images/icon-check-black.svg)}
.icon.breadcrumb {content: url(../images/icon-breadcrumb.svg);width:10px;height:10px;}
.icon.arrow{content: url(../images/icon-arrow-right-black.svg);width:10px;height:10px;}
.icon.wallet{content: url(../images/icon-wallet.svg);width:10px;height:10px;}
.icon.shop{content: url(../images/icon-shop.svg);width:10px;height:10px;}
.icon.users{content: url(../images/icon-users.svg);width:10px;height:10px;}
.icon.thumb{content: url(../images/icon-thumb.svg);width:10px;height:10px;}

.icon-badge {display:inline-block;background: #fff; border-radius: 15px; padding: 10px}

.top-bar {font-size: 13px; line-height: 40px; padding: 0}
.top-bar a {color: #3e3e3e;text-decoration: underline}
.top-bar a:hover {color: #01aef3}

.usp-bar { text-align: center; font-size: 13px; background: #fff; padding: 0}
.usp-bar.footer {border-top: 1px solid #DEE1E6}
.usp-bar ul {margin:0; list-style: none; padding: 0}
.usp-bar ul li {display: inline-block; margin-left: 48px; line-height: 40px}
.usp-bar ul li:first-child {margin-left: 0}
.top-bar .usp-bar li {display: inline-block; margin: 0 40px 0 0}
.top-bar .usp-bar li .icon {margin: 0 2px 2px 0}
.top-bar .usp-bar li:last-child {margin: 0}
.top-bar .top-bar-right .icon {margin: 0 1px 3px 0}
.top-bar .top-bar-right .custom-html-widget {display: inline}

#yith-woocompare-preview-bar {display: none !important}

header.site-header {background: #fff; color: #fff; padding: 10px 0; border-top: 1px solid #DEE1E6}
header.site-header a img { max-height: 32px; display: block}
/* Voor kerstmuts
header.site-header a.logo {display: block; height: 32px}
header.site-header span.kerstmuts {position: relative; display: block; width: 25px; height: 29px; background: url(../images/kerstmuts.png); z-index: 1; top: -39px; left: -9px;}
  */
header.site-header .site-search form {margin: 0 30px;position: relative; width: 450px}

.site-search form input[type="search"]{border:none; height: 48px; border-radius: 2px; font-size: 15px; width: 100%; padding: 0 15px 0 50px; width: 100%; background: #F4F5F8; color: #3e3e3e; border-radius: 100px}
.site-search form::before {background-color: #3e3e3e;left: 21px;top: 16px;width: 24px;height: 24px;  content: "";  display: inline-block; position: absolute; z-index: 1;  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23313131' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.571,14.549,11.432,10.41a6.233,6.233,0,0,0,1.39-3.985,6.437,6.437,0,1,0-2.44,5.034L14.521,15.6a.854.854,0,0,0,.553.217A.741.741,0,0,0,15.6,15.6.722.722,0,0,0,15.571,14.549ZM1.482,6.425a4.942,4.942,0,1,1,4.942,4.942A4.948,4.948,0,0,1,1.482,6.425Z'/%3E%3C/svg%3E");-webkit-mask-position: center;  -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain;}
.site-search form input:focus {outline: none;box-shadow: 0px 0px 1px 0px rgba(0,0,0,.25)}
.site-search form button {position: absolute;top: 0;right: 2px;bottom: 0;z-index: 2; padding: 0;width: 40px;border: none;background-color: transparent;color: #777;font-weight: 400;font-size: 0;}
.site-search form ::placeholder {color: #ABAEC1}

header.site-header .site-header-cart {align-items: center;}
header.site-header .site-header-cart svg {width: 20px; height: auto ; fill: #000;}
header.site-header .site-header-cart a, header.site-header .yith-woocompare-counter a  {display: flex; align-items: center; font-family: 'Inter Tight', sans-serif; text-decoration: none; color: #000; background: #fff url(../images/icon-arrow-right.svg) no-repeat right 18px center; background-size: 6px; line-height: 42px; height: 48px; padding: 5px 15px 5px 20px; border: 1px solid #DFE2E8; border-radius: 100px; position: relative;}
header.site-header .site-header-cart a:hover { text-decoration: underline;}
header.site-header .site-header-cart a .cart-text {margin: 0 7px}
header.site-header .site-header-cart a .cart-count, header.site-header .yith-woocompare-counter a span.yith-woocompare-counter{ display: inline-block; width: 20px;height: 20px;border-radius: 50%;font-size: 10px;line-height: 20px;text-align: center;background:#fff; border: 1px solid #DFE2E8; color: #333; font-weight: 600; position: absolute; right: 20px;top: -9px}
header.site-header .site-header-cart.not-empty a {background: #07D07D; color: #fff; border-color: #07D07D}
header.site-header .site-header-cart.not-empty a .cart-count {background: #fff; color: #07D07D; border-color: #07D07D}
header.site-header .site-header-cart.not-empty svg { fill: #fff;}

header.site-header div.yith-woocompare-counter {display: none}
header.site-header.with-compare-counter div.yith-woocompare-counter.visible, header.site-header div.yith-woocompare-counter.visible {display: block}
header.site-header .yith-woocompare-counter a {background: #FF5400 url(../images/icon-compare-white.svg) center left 15px no-repeat; background-size: 20px 20px; border-color: #DB4800; padding: 5px 20px 5px 45px; color: #fff}
header.site-header .yith-woocompare-counter a:hover {background-color: #f14f00; color: #fff; text-decoration: none}
header.site-header .yith-woocompare-counter a span.yith-woocompare-counter {margin-left: 7px; color: #ff6c00}


.primary-navigation .site-search .logo {display: block; margin: 20px 15px; height: 20px}
.primary-navigation .site-search form {margin: 0px 15px 0 15px; position: relative;}
.primary-navigation .site-search form input {border: 1px solid #DEE1E6; font-size: 14px; background: #fff}

#page { border-bottom: 1px solid #DEE1E6}

body.mobile-toggled,  body.cart-toggled, body.filter-toggled {overflow: hidden}
.menu-overlay {visibility: hidden;position: fixed;z-index:10;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background: rgba(52, 53, 55, 0.75); content: "";transition: opacity 0.6s, visibility 0.6s;}
.menu-close-button {visibility: hidden; opacity: 0; stroke: #3e3e3e; color: #3e3e3e; position: fixed; top: 15px; right: 60px; width: 30px; height: 30px; z-index: 13; cursor: pointer; transition: opacity 0.6s; background: rgba(255,255,255,0.75); border-radius: 5px}


nav.main-navigation {background: #ff6c00;}
nav.main-navigation .container {padding: 0}
nav.main-navigation .menu{width:100%;padding: 0; margin: 0; list-style: none}
nav.main-navigation .menu-list{list-style:none;margin:0;padding:0}
nav.main-navigation .menu-item{padding:0;margin:0 10px 0 0;display:inline-block; position: relative}
nav.main-navigation .menu-item .menu-item{display:block; margin: 0}
nav.main-navigation .sub-menu{display:none;position:absolute;left:0;top:auto;margin: 1px 0 0 0 ;padding:15px;z-index:9;background:#fff;box-shadow: 0 1px 15px rgba(0,0,0,.08); width: 250px}

nav.main-navigation .menu-item-has-children:hover .sub-menu, nav.main-navigation .menu-item-has-children.dropdown-open .sub-menu{display:block}
nav.main-navigation .menu-item-has-children .caret{display: inline-block;position: relative;top: 0px;right: -5px;width: 12px;height: 12px;content: "";background-color: #fff;-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: 12px 12px;
-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L12 16L5 9' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transition: transform .4s; cursor:pointer;}
nav.main-navigation .menu-item-has-children:hover .caret, nav.main-navigation .menu-item-has-children.dropdown-open .caret{transform: rotate(180deg);}

nav.main-navigation ul.menu > li > a {display: inline-block; line-height: 56px; text-decoration: none; color: #fff;}
nav.main-navigation ul.menu > li.menu-item-object-product_cat  > a {font-size: 17px; }
nav.main-navigation ul.menu > li:hover > a {text-decoration: underline}
nav.main-navigation ul.menu li.small {float: right; margin-right: 0; font-size: 14px}

/* back2school  */
nav.main-navigation ul.menu > li.menu-item-object-product_cat.back2school {margin-right: 0}
nav.main-navigation ul.menu > li.menu-item-object-product_cat.back2school > a {color: #670e77}
nav.main-navigation ul.menu > li.menu-item-object-product_cat.back2school.current-menu-item > a {color: #ff6c00}

 
/* cybermonth
nav.main-navigation ul.menu > li.menu-item-object-product_cat.cybermonth {margin-right: 0}
nav.main-navigation ul.menu > li.menu-item-object-product_cat.cybermonth > a {color: #00c853 }
nav.main-navigation ul.menu > li.menu-item-object-product_cat.cybermonth.current-menu-item > a {color: #00993f}
 */


nav.main-navigation li.menu-item-147883 {margin-right: -7px}

nav.main-navigation ul.menu ul li > a {display: block; color: #313131; line-height: 2; padding: 0}
nav.main-navigation ul.menu ul li > a:hover { color: #ff6c00; text-decoration: underline}
nav.main-navigation ul.menu li.current-menu-parent > a, .main-navigation ul.menu li.current-menu-item > a {color: #fff; text-decoration: underline}

nav.main-navigation ul li.menu-item-has-children.full-width {position: inherit}
nav.main-navigation ul li.menu-item-has-children.full-width > .sub-menu-wrapper {display: none; width: 100%; background: #fff; position:absolute;left:0;top:auto;margin-top: 0; box-shadow: 0 300px 300px rgba(0,0,0,.25); border-top: 1px solid #DEE1E6; border-bottom: 1px solid #DEE1E6}
nav.main-navigation ul li.menu-item-has-children.full-width:hover .sub-menu-wrapper, nav.main-navigation .menu-item-has-children.full-width.dropdown-open .sub-menu-wrapper {display:block; }
nav.main-navigation ul li.menu-item-has-children.full-width .sub-menu-wrapper .caret {display: none}

nav.main-navigation ul li.menu-item-has-children.full-width .container > ul.sub-menu {display: flex; width: 100%;justify-content: left; position: inherit; box-shadow: none; padding: 0 }
nav.main-navigation ul li.menu-item-has-children.full-width .container > ul.sub-menu > li {margin:0; padding: 40px 30px; flex-grow: 1; border-right: 1px solid #DEE1E6; z-index: 1}
nav.main-navigation ul li.menu-item-has-children.full-width > .sub-menu-wrapper > .container > ul.sub-menu > li {width: 23%}
nav.main-navigation ul li.menu-item-has-children.full-width > .sub-menu-wrapper > .container > ul.sub-menu > li.menu-item-product {width: 54%; display: flex; align-items: center; padding-right: 0}
nav.main-navigation ul li.menu-item-has-children.full-width .container > ul.sub-menu > li:first-child {padding-left: 0}
nav.main-navigation ul li.menu-item-has-children.full-width .container > ul.sub-menu > li:last-child {border-right: 0}
nav.main-navigation ul li.menu-item-has-children.full-width .container > ul.sub-menu > li.submenu-title > a.sub-menu-link {font-family: 'Inter Tight', sans-serif; font-size: 16px; font-weight: 700}
nav.main-navigation ul li.menu-item-has-children.full-width .container > ul.sub-menu > li > .sub-menu-link {color: #313131; margin-bottom: 5px; padding: 0; line-height: 1.75}
nav.main-navigation ul li.menu-item-has-children.full-width .container > ul.sub-menu > li > .sub-menu-link:hover {text-decoration: underline; background-position: 2px center}
nav.main-navigation ul li.menu-item-has-children.full-width .container > ul.sub-menu > li > .sub-menu-link:after{display: none}

nav.main-navigation ul li.menu-item-has-children.full-width .container > ul.sub-menu .sub-menu-wrapper {position: inherit; box-shadow: none}
nav.main-navigation ul li.menu-item-has-children.full-width .container > ul.sub-menu .sub-menu {display: block;}
nav.main-navigation ul li.menu-item-has-children.full-width .container > ul.sub-menu .sub-menu li {border: 0; padding: 0;}
nav.main-navigation ul li.menu-item-has-children.full-width .container > ul.sub-menu .sub-menu li a {margin-bottom: 3px; background: url('../images/icon-arrow-right-black.svg') 0 center no-repeat; background-size: 5px; padding-left: 15px }
nav.main-navigation ul li.menu-item-has-children.full-width .container > ul.sub-menu .sub-menu li#nav-menu-item-151840 {margin-top: 29px}

nav.main-navigation ul li.menu-item-has-children.full-width .container > ul.sub-menu .sub-menu li.submenu-all a {font-family: 'Inter Tight', sans-serif; background: #ff6c00 url(../images/icon-arrow-right.svg) center right 15px no-repeat; background-size: 6px; color: #fff; border-radius: 5px; position: relative; padding: 10px 28px 10px 15px; margin-top: 18px; display:inline-block} 
/*nav.main-navigation ul li.menu-item-has-children.full-width .container > ul.sub-menu .sub-menu li.submenu-all a:before{content: url(../images/icon-laptop.svg);position: absolute;top: 0;left: 0;width: 20px;}*/

nav.main-navigation ul li h3 {height: 30px; overflow: hidden}

#menu-primary-menu .woocommerce ul.products {margin: 0}
#menu-primary-menu .woocommerce ul.products li.product {display:flex;align-items: center;flex-direction: row;flex-wrap: nowrap;margin: 0; float: none}
#menu-primary-menu .woocommerce ul.products li.product .onsale {display: none}
#menu-primary-menu .woocommerce ul.products .product .product-list-content {flex: 1 1 auto; padding-left: 30px; font-size: 13px;font-weight: 500}
#menu-primary-menu .woocommerce ul.products .product .product-list-content p {margin: 0}
#menu-primary-menu .woocommerce ul.products .product .product_loop_bar {background: #F3F5F9;padding: 10px;color: #313131;display: flex;align-items: center;justify-content: space-between; margin-top: 5px; border-radius: 5px}
#menu-primary-menu .woocommerce ul.products .product .product_loop_stock {width: 85px}
#menu-primary-menu .woocommerce ul.products .product .product_loop_stock span {display: none}
#menu-primary-menu .woocommerce ul.products .product .product_loop_price {padding: 0 25px 0 15px; display: flex; align-items: center;}
#menu-primary-menu .woocommerce ul.products .product p.product_gebruik {display: none}
#menu-primary-menu .woocommerce ul.products .product .nieuwprijs { width: 145px}
#menu-primary-menu .woocommerce ul.products .product .button {width: 75px; margin: 0; padding: 0 30px 0 0; overflow: hidden; color: #00C45E; background-image: url('../images/icon-plus.svg'); background-size: 12px; border-radius: 5px}
#menu-primary-menu .woocommerce ul.products .product .button:hover {color: #00B456}
#menu-primary-menu .woocommerce ul.products .product .button::before {top: 5px;left: 15px;width: 20px;}

nav.main-navigation ul li.menu-item-has-children.full-width .container > ul.sub-menu .sub-menu li.keuzehulp a {font-family: 'Inter Tight', sans-serif; background: #FCEBC7 url(../images/icon-arrow-right-orange.svg) center right 15px no-repeat; background-size: 6px; color: #ff6c00; border-radius: 5px; position: relative; padding: 10px 28px 10px 15px; margin-top: 18px; display:inline-block} 
nav.main-navigation ul li.menu-item-has-children.full-width .container > ul.sub-menu .sub-menu li.keuzehulp a:hover{text-decoration: underline}


#offcanvas-cart {position: fixed; z-index: 12; right: -400px;width: 400px; max-width: 100%; top: 0; bottom: 0; background: #fff; overflow: hidden; transition: all 0.35s;transition-delay: 0.1s;}
#offcanvas-cart span.header {font-weight: bold; font-size: 18px; display: block; border-bottom: 1px solid #DEE1E6; padding: 0 15px; line-height: 60px}
#offcanvas-cart .widget_shopping_cart_content {display: flex;flex-direction: column; height: calc(100% - 60px)}
#offcanvas-cart .widget_shopping_cart_content ul {height: calc(100% - 200px);overflow-y: auto;list-style: none outside;padding: 15px;margin: 0;}
#offcanvas-cart .widget_shopping_cart_content p {padding: 15px 15px 0 15px}
#offcanvas-cart .widget_shopping_cart_content .woocommerce-mini-cart-item { padding: 0 0 10px 30px; border-bottom: 1px solid #DEE1E6; margin-bottom: 10px; position: relative;}
#offcanvas-cart .widget_shopping_cart_content .woocommerce-mini-cart-item::before, #offcanvas-cart .widget_shopping_cart_content .woocommerce-mini-cart-item::after {content: " ";display: table; clear: both}
#offcanvas-cart .widget_shopping_cart_content .woocommerce-mini-cart-item a.remove_from_cart_button {position: absolute; top: 3px; left: 0}
#offcanvas-cart .widget_shopping_cart_content .woocommerce-mini-cart-item a {color: #3e3e3e; text-decoration: none; display: block; font-weight: 700;}
#offcanvas-cart .widget_shopping_cart_content .woocommerce-mini-cart-item a:hover {color: #ff6c00}
#offcanvas-cart .widget_shopping_cart_content .woocommerce-mini-cart-item dl.variation {border: 0; padding: 0;line-height: 1.5;font-size: 14px;color: #555;}
#offcanvas-cart .widget_shopping_cart_content .woocommerce-mini-cart-item dl.variation p {margin:0; padding: 0}
#offcanvas-cart .widget_shopping_cart_content .woocommerce-mini-cart-item dl.variation dt {display: none}
#offcanvas-cart .widget_shopping_cart_content .woocommerce-mini-cart-item dl.variation dd {margin: 0; padding: 0; display: block; float: none}
#offcanvas-cart .widget_shopping_cart_content .woocommerce-mini-cart-item img  {width: 80px; float: right; margin: 0; height: auto}
#offcanvas-cart .woocommerce-mini-cart__total {padding: 15px; font-size: 16px; border-top: 1px solid #DEE1E6; margin: 0 }
#offcanvas-cart .woocommerce-mini-cart__total .amount {float: right; font-weight: 700}
#offcanvas-cart .woocommerce-mini-cart__buttons {padding: 0 15px;  margin: 0}
#offcanvas-cart .woocommerce-mini-cart__buttons a.button {display: block; margin: 0 0 15px 0; padding: 15px; text-align: center; line-height: 1; background: #e9e9e9; color: #555; border-radius: 2px;}
#offcanvas-cart .woocommerce-mini-cart__buttons a.button:hover {color: #333}
#offcanvas-cart .woocommerce-mini-cart__buttons a.button.checkout {background: #00C45E url(../images/icon-arrow-right.svg) no-repeat right 18px center;background-size: 8px;; color: #fff; border-color: #00923D;}
#offcanvas-cart .woocommerce-mini-cart__buttons a.button.checkout:hover {background-color: #00B456;}
#offcanvas-cart a.remove {display: block;font-size: 1.5em;height: 1em;width: 1em;text-align: center;line-height: 1;border-radius: 100%; color: red !important;text-decoration: none;font-weight: 700;border: 0; }
#offcanvas-cart a.remove:hover {color: #fff !important;background: red;}

.cart-toggled #offcanvas-cart  {right: 0;}
.cart-toggled .menu-overlay {visibility: visible; opacity: 1}
.cart-toggled .menu-close-button {visibility: visible; opacity: 1; right: 15px}
.cart-toggled .primary-navigation {z-index: 1}

#search-results {display: none;}
/*.search-toggled .menu-close-button {visibility: visible; opacity: 1; right: 15px; z-index: 13; color: #3e3e3e; top: 145px; width: 35px; position: fixed}*/
.search-toggled #search-results {position: absolute; top: 145px; width: 100%; height: calc(100% - 145px); display: block; background: #fff url('/wp-content/uploads/preloader-cc.gif') center center no-repeat; z-index: 9; overflow: hidden}
.search-toggled #search-results.search-finished {background: #fff}
.search-toggled #search-results iframe {width: 100%; border: 0; height: calc(100% + 145px); position: absolute; top: -145px;}



.breadcrumbs, #breadcrumbs {text-transform: lowercase; color: #53555C; padding: 10px 0;font-size: 14px; margin: 0 0 5px 0}
.single-product .site-content .col-full .woocommerce-breadcrumb { padding-left: 15px; padding-right: 15px}
.breadcrumbs a, #breadcrumbs a {color: #53555C; text-decoration: none}
.breadcrumbs a:hover, #breadcrumbs a:hover {color: #313131; text-decoration: underline}
.breadcrumbs .icon, #breadcrumbs .icon {opacity: 0.8;display: inline-block;position: relative; top: -1px}









/* OUDE CODE */

#content .entry-content .alignfull.break {padding-top: 45px; padding-bottom: 45px; background: #fff0e5; margin-bottom: 60px; margin-top: 60px}

#content .entry-content .whiterow {background: #fff; padding-top: 60px; padding-bottom: 0;margin-bottom: 60px; margin-top: 0 }
#content .entry-content .bluerow {background: #F2FBFE; padding-top: 60px; padding-bottom: 0;margin-bottom: 60px; margin-top: 0 }
#content .entry-content .greyrow {background: #f7fafa; padding-top: 60px; padding-bottom: 0;margin-bottom: 60px; margin-top: 0 }
#content .entry-content .lightorangerow {background: #fff2e8; padding-top: 60px; padding-bottom: 0;margin-bottom: 60px; margin-top: 0}


/* Met sidebar */
body.tax-product_cat #primary {float: right; width: 72%;}
body.tax-product_cat #secondary {float: left; width: 25%}
#content:after {display: block;clear: both;content: "";}



.icon.cart{content: url(../images/icon-cart.svg)}

.icon.close{content: url(../images/icon-close.svg)}
.icon.contact{content: url(../images/icon-contact.svg)}
.icon.open{content: url(../images/icon-open.svg); width: 6px; height: 16px; margin-right: 4px}
.icon.store{content: url(../images/icon-store.svg)}
.icon.marker,.icon.map-marker{content: url(../images/icon-map-marker.svg)}
.icon.search{content: url(../images/icon-search.svg)}

.icon.whatsapp{content: url(../images/icon-whatsapp.svg); width: 22px; height: 22px}
.icon.pay{content: url(../images/icon-pay.svg)}


i.info-icon {display: inline-block;vertical-align: middle; color: #06b1f7; font-size: 10px; font-weight: 700; border: 1px solid #06b1f7; border-radius: 15px; height: 18px; line-height: 18px; width: 18px; text-align: center; font-style: normal}





.gmbrr.badge.tiny {border: none; box-shadow: none; padding: 5px 0; margin-bottom: 5px }
.gmbrr.fonts span {font-family: 'Libre Franklin', sans-serif !important}
.gmbrr .listing li {padding: 30px}



/* Opmaak van een product grid */
.wc-block-grid .wc-block-grid__product {text-align: left; color: #444;font-weight: 500; font-size: 13px; padding: 30px; border: 1px solid #E8EAEE; border-radius: 5px; max-width: auto}
.wc-block-grid .wc-block-grid__product:hover {border-color: #999;}
.wc-block-grid .wc-block-grid__product-image {text-align: center; padding: 0 15px; margin-bottom: 15px}
.wc-block-grid .wc-block-grid__product > div {display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 10px}
.wc-block-grid .wc-block-grid__product a.wc-block-grid__product-link {font-size: 18px; font-family: 'Inter Tight', serif; font-weight: 600; line-height: 100%; color: #313131; padding: 0; text-decoration: none}
.wc-block-grid .wc-block-grid__product a.wc-block-grid__product-link:hover .wc-block-grid__product-title {text-decoration: underline}
.wc-block-grid .wc-block-grid__product .wp-block-grid__short-description {margin-top: 0}
.wc-block-grid .wc-block-grid__product .wp-block-grid__short-description p {font-size: 15px;color:#313131; max-height: 40px;overflow: hidden;margin: 7px 0;line-height:1.5}
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-price {display: inline-block; width: 49%}
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-price .woocommerce-Price-amount {font-family: 'Inter Tight', serif; font-weight: 700; color: #313131; font-size: 24px}
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-price .woocommerce-Price-amount .price-sup {font-size: 12px; position: relative; top: -9px; left: -5px}
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-price ins {text-decoration: none}
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-price del .woocommerce-Price-amount {color: #A3A3A3; font-size: 12px; font-weight: normal; font-family: 'Libre Franklin', sans-serif;text-decoration: line-through; display: block; margin-bottom: -8px}
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-price del .woocommerce-Price-amount .price-sup {font-size: 8px; top: -3px; left: -3px}
.wc-block-grid .wc-block-grid__product .button{padding: 15px; border-radius: 5px}
.wc-block-grid .wc-block-grid__product .nieuwprijs, html .wc-block-grid.has-aligned-buttons .wc-block-grid__product > :last-child{width: 50%; margin: 15px auto 0 auto; display: block; border: 1px solid #E8EAEE; border-radius: 4px; text-align: center; padding: 5px; font-size: 12px}
.wc-block-grid .wc-block-grid__product .nieuwprijs span {font-weight: 600}
.wc-block-grid .wc-block-grid__product .nieuwprijs span .price-sup {font-size: 6px; position: relative; top: -4px; left: -2px}
.wc-block-grid .wc-block-grid__product .levertijd {font-family: 'Inter Tight'; color: #00C45E; font-size: 13px; margin-top: -5px; background: url(../images/icon-check.svg) left center no-repeat; padding-left: 16px; background-size: 10px}

a.banner-keuzehulp {background: #FCEBC7 url(../images/icon-arrow-right-black.svg) bottom 30px left 310px no-repeat; border-radius: 25px; background-size: 6px; color: #000; position: relative; display: block; padding: 25px 30px 25px 115px; line-height: 1.5;  }
a.banner-keuzehulp:hover {background-color: #F2FBFE; background-position: bottom 30px left 312px}
a.banner-keuzehulp span {font-family: 'Inter Tight';  font-size: 24px; display: block}
a.banner-keuzehulp img {position: absolute; bottom: 0; left: 20px}

/* deel hier ivm product in menu */
.products .product .product-list-content p {margin: 5px 0}
.products .product .product_description {font-size: 14px}
.products .product .product_description span {color: #aaa;display: inline-block; margin: 0 4px} 
.products .product p.product_gebruik {font-weight: 600; margin: 15px 0 30px 0}
.products .product .product_gebruik span {font-weight: normal; font-size: 13px; display: inline-block; padding: 3px 10px; border: 1px solid #E8EAEE; border-radius: 15px; margin: 0 1px 6px 1px}
.products .product .product_gebruik span:first-child {margin-left: 0}
.woocommerce .products ul, .woocommerce ul.products {margin: 0 0 1em;list-style: none ;clear: both;display: flex;flex-wrap: wrap;width:100%}

.woocommerce ul.products li.product h3 {padding: 0}
.woocommerce ul.products li.product h3 a {font-family: 'Inter Tight', serif; font-size: 20px; color: #313131}
.woocommerce ul.products li.product h3 a:hover {text-decoration: underline}
.woocommerce ul.products li.product img {max-width: 250px}
.woocommerce ul.products li.product .price {margin: 0; display: inline-block; line-height: 1; text-align: right}
.woocommerce ul.products li.product .nieuwprijs {display: inline-block; background: #fff; color: #000; border-radius: 5px; width: 150px; font-weight: 500; font-size: 13px; padding-top: 5px; text-align: center; line-height: 1.5; position: relative; margin-right: 15px}
/*.woocommerce ul.products li.product .nieuwprijs:after{content: "";position:absolute;width: 10px;height: 10px;background: #fff;border-right: 1px solid #DEE1E6;border-bottom: 1px solid #DEE1E6;transform:rotate(-45deg);right: -6px;top: 19px;}*/
.woocommerce ul.products li.product .nieuwprijs span {background: #fff; color: #00C45E; display: block; font-weight: 600; padding: 3px 0 5px 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.woocommerce ul.products .product .product_loop_price .price .woocommerce-Price-amount {font-family: 'Inter Tight', serif; font-size: 28px; color: #313131; font-weight: 600; text-decoration: none}
.woocommerce ul.products .product .product_loop_price .price .woocommerce-Price-amount .price-sup {font-size: 14px; position: relative; top: -10px; left: -5px}
/*.woocommerce ul.products .product .product_loop_price .price del { text-decoration: none;position: relative;opacity: 1; top: 0; margin-right: 5px}
.woocommerce ul.products .product .product_loop_price .price del::before {position: absolute;content: "";left: 0;top: 50%;right: 0;border-top: 1px solid #53555C;transform:rotate(-10deg);}*/
.woocommerce ul.products .product .product_loop_price .price del .woocommerce-Price-amount {font-size: 13px; color: #A3A3A3; font-weight: normal; font-family: 'Libre Franklin', sans-serif;text-decoration: line-through; margin-bottom: 3px; display: inline-block}
.woocommerce ul.products .product .product_loop_price .price del .woocommerce-Price-amount .price-sup {font-size: 8px; position: relative; top: -4px; left: -2px}

.woocommerce div.product p.price del, .woocommerce div.product span.price del, .woocommerce ul.products li.product .price del {opacity:1}


ul.products .product .voorraad_melding {color: #3bb54a;}
ul.products .product .voorraad_melding p {margin: 0}

.woocommerce ul.products li.product a.button {position: relative; font-family: 'Inter Tight', serif; width: 210px; line-height: 46px; height: 48px;color: #fff; overflow: hidden;border-radius: 0px; padding:0 45px 0 45px; background: #00C45E url(../images/icon-arrow-right.svg) no-repeat right 18px center;background-size: 8px; margin:0 !important; display: block;border-radius: 5px}
.woocommerce ul.products li.product .button::before {content: url(../images/icon-cart-white.svg);position: absolute;top: 3px;left: 10px;width: 20px;}
.woocommerce ul.products li.product .button:hover {background-color: #00B456}

ul.products .product p.stock {font-size: 13px; line-height: 1.1; color: #313131}
ul.products .product p.stock.in-stock {background: url('../images/icon-check-circle-green.svg') center left no-repeat; padding-left: 17px; background-size: 12px}
ul.products .product p.stock.in-stock.scarce {background-image: url('../images/icon-check-circle-orange.svg')}
ul.products .product p.stock.in-stock::before {display: none} 
ul.products .product p.stock.in-stock span span {text-decoration: underline}

.special-text {font-weight: 500; padding: 45px 60px 0 60px}
.special-text p {margin-bottom: 20px}
.special-text a {text-decoration: underline}

#prefooter {margin-bottom: 15px; padding: 30px 0;background: #FCEBC7;}
#prefooter .container {max-width: 1200px}
#prefooter .icon {max-height: 20px; width: 20px; height: auto; display: inline-block;}
#prefooter .icon-badge {margin-bottom: 15px}
#prefooter .title {display: block; font-size: 24px; margin-bottom: 10px}
#prefooter .winkel-counter {position: relative; top: -15px; right: 13px; background: #00C45E; text-align: center; color: #fff; width: 20px; line-height: 18px; border-radius: 50%; display: inline-block; font-size: 11px;}
#prefooter a {color: #3e3e3e; text-decoration: none}
#prefooter a:hover {text-decoration: underline}
#prefooter .winkels a {padding-left: 15px; background: url('../images/icon-arrow-right-black.svg') center left no-repeat; background-size: 5px; display: inline-block; margin-bottom: 4px}

footer #footer-help-blok {padding: 30px 200px 30px 30px; border: 1px solid #D7DBDE; background: url('../images/foto-lars-footer-x2.png') right 0 bottom no-repeat; background-size:200px; border-radius: 25px}
footer #footer-help-blok h5{ margin-bottom: 10px}
footer #footer-help-blok ul {margin-bottom: 10px}
footer #footer-help-blok ul li {display: block;}
footer #footer-help-blok ul a {line-height: 28px; background: url('../images/icon-arrow-right-black.svg') left 5px center no-repeat; background-size: 5px; padding-left: 20px}
footer #footer-help-blok ul a span {font-weight: 600}
footer #footer-help-blok ul a:hover {color: #313131; background-position: left 7px center}
footer #footer-help-blok a.button {font-family: 'Inter Tight', sans-serif; line-height: 26px; color: #fff; background: #FF650E ; padding: 10px 15px; border-radius: 5px}
footer #footer-help-blok a.button:hover {color: #fff; background-color: #00B456;text-decoration: none}

/* Nieuwsbrief
footer .ml-block-form { justify-content: left; display: inline-block}
footer .ml-block-form h5 {font-size: 24px; margin-bottom: 15px}
footer .ml-form-formContent, footer .ml-form-embedSubmit {display: inline-block}
footer .ml-block-form input[type="email"] {font-weight: 500; border: 1px solid #DEE1E6; width: 100%; padding: 0 15px;height: 45px;}
footer .ml-block-form button {background-color: #FF650E; height: 45px;padding: 0 15px;font-size: 14px;font-weight: 500;color: #fff; width: 115px}
footer .ml-block-form button:hover {background-color: #00C45E}
*/
footer.site-footer {padding: 45px 0 45px 0;}
footer .widget-title {margin-bottom: 10px; text-transform: inherit; letter-spacing: 0}
footer ul {list-style: none; margin: 0; padding: 0; line-height: 2}
footer ul a {padding-left: 15px; background: url('../images/icon-arrow-right-black.svg') center left no-repeat; background-size: 5px; display: inline-block; margin-bottom: 4pxpadding-left: 15px; background: url('../images/icon-arrow-right-black.svg') center left no-repeat; background-size: 5px; display: inline-block; margin-bottom: 4px}
footer a {color: #313131; text-decoration: none; }
footer a:hover {color:#313131; text-decoration: underline; border: none}

footer.copyright {padding: 0; text-align: center; background: #F3F5F9}
footer.copyright .min-footer-logo-row {padding: 30px 0;}
footer.copyright .min-footer-logo-row span {display: inline-block; margin: 5px; border: 1px solid #E8EAEE; padding: 10px; border-radius: 100px; min-width: 75px; background: #fff;}
footer.copyright .min-footer-logo-row img {display: inline-block; max-height: 25px; width: auto; vertical-align: middle}
footer.copyright .min-footer-row {background: #fff; color: #313131; padding: 30px 0; font-weight: 400; margin: 0}
footer.copyright .min-footer-row a {color: #000; text-decoration: underline}
footer.copyright .min-footer-row img.cc-logo {max-height: 30px; width: auto; margin-right: 15px; vertical-align: middle}

#page #yith-woocompare { background: #fff; margin-bottom: 30px}
#page #yith-woocompare .compare-table-clear { text-align: right; padding: 15px}
#page #yith-woocompare .remove {text-align: right}
#page #yith-woocompare .remove a {display: inline-block;padding: 5px 10px;background: #5dccf9;border-radius: 5px; color: #fff; text-decoration: none}
#page #yith-woocompare .remove a:hover {background: #01aef3}
#page #yith-woocompare .remove a span.remove {margin-right: 5px}
#page #yith-woocompare-table thead, #page #yith-woocompare-table tfoot {display :none}
#page #yith-woocompare-table td {border-top: 1px solid #DEE1E6; border-left: 1px solid #DEE1E6; max-width: 300px; padding: 15px}
#page #yith-woocompare-table th {border-top: 1px solid #DEE1E6; text-transform: capitalize; padding: 15px}
#page #yith-woocompare-table {border-bottom: 1px solid #DEE1E6;}
#page #yith-woocompare-table h4 {font-size: 20px;color: #222;}
#page #yith-woocompare-table .price .amount {font-size: 23px;color: #ff6b00;font-weight: 600;}
#page #yith-woocompare-table .price del .amount {font-size: 16px; color: #313131; font-family: 'Libre Franklin', sans-serif;text-decoration: line-through;}
/*#page #yith-woocompare-table .price del  {color: #999; text-decoration: none;position: relative;}
#page #yith-woocompare-table .price del ::before {position: absolute;content: "";left: 0;top: 50%;right: 0;border-top: 1px solid;border-color: inherit;transform:rotate(-10deg);}*/
#page #yith-woocompare-table .in-stock {color: #329928}
#page #yith-woocompare-table .different td {font-weight: 600; color: #000; background: #fafafa}

div.google-business-reviews-rating.gmbrr {margin: 15px 0 45px 0}
div.google-business-reviews-rating.gmbrr ul.listing {margin: 0 !important}
div.google-business-reviews-rating.gmbrr li {display: block; margin-bottom: 15px; background: #fff url('../images/google-review-logo.png') no-repeat top 15px right 15px; background-size: 32px; padding:15px; font-size: 14px; border: 1px solid #DEE1E6; border-radius: 5px; position: relative}
div.google-business-reviews-rating.gmbrr li .text {display: block; margin-bottom: 10px}
/*div.google-business-reviews-rating.gmbrr li .author-avatar {position: absolute; top: 15px}*/
div.google-business-reviews-rating.gmbrr li .author-avatar img {width: 44px; }
div.google-business-reviews-rating.gmbrr li .review-meta {position: absolute; left: 75px; top: 13px; display: block }
div.google-business-reviews-rating.gmbrr li .rating {color: #FFCB17; display: block; margin: -8px 0 0 -2px; font-size: 20px}
div.google-business-reviews-rating.gmbrr li .author-name {font-size: 14px; text-transform: capitalize; color: #000; font-family: 'Inter Tight';}
div.google-business-reviews-rating.gmbrr .listing .review-meta + .text, div.google-business-reviews-rating.gmbrr .listing .text + .review-meta {margin-block: 0; padding-inline-start: 0;}

.woocommerce nav.woocommerce-pagination, nav.pagination {margin: 30px 0}
.woocommerce nav.woocommerce-pagination ul {border: 0}
.woocommerce nav.woocommerce-pagination ul li, nav.pagination .page-numbers {border: 1px solid #E8EAEE; margin: 4px; border-radius: 5px}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, nav.pagination .page-numbers {padding: 0; font-size: 14px; font-weight: 500; color: #3D3E3E; width: 40px; height: 40px; line-height: 40px}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, nav.pagination .page-numbers:hover {background-color: #eee;}
.woocommerce nav.woocommerce-pagination ul li span.current, nav.pagination .page-numbers.current {background-color: #141414; color: #fff; border-color: #141414}
.woocommerce nav.woocommerce-pagination ul li a.prev, .woocommerce nav.woocommerce-pagination ul li a.next, nav.pagination .page-numbers.prev, nav.pagination .page-numbers.next {background-image: url(../images/icon-arrow-right-black.svg); background-repeat: no-repeat; background-size: 6px; background-position: center center; text-indent: -999px; overflow: hidden}
.woocommerce nav.woocommerce-pagination ul li a.prev, nav.pagination .page-numbers.prev {transform: rotate(-180deg)}
nav.pagination .nav-links {display: inline-block}
nav.pagination .page-numbers {float: left}
nav.pagination .page-numbers.dots {border: none;}

html .sc-service-point-card__price {display: none}
html  body.woocommerce-checkout .woocommerce .woocommerce-shipping-totals .sc-service-point-opening-times-table td {display: table-cell; background: none; border: 0}

#banner-december {display: block; background: #0c4b32 url('../images/banner-december-desktop.png') center center no-repeat; background-size: contain; min-height: 125px; text-indent: -999px}

@media (min-width: 992px) {
	header.site-header {position: sticky; top: 0; z-index:8 }
	.primary-navigation {position: sticky; top: 68px; z-index:8; transition: all 0.35s;transition-delay: 0.1s; }
	
	header.site-header .menu-toggle {display: none;}
	.tax-product_cat .filter-toggle {display: none;}

	.primary-navigation .site-search, .primary-navigation .mobile-extra {display: none;}
}

@media (min-width: 1200px) {
  nav.main-navigation ul.menu > li.menu-item-object-product_cat {margin-right: 10px}
  nav.main-navigation ul.menu li.small > a {padding: 0 0 0 5px}
 

}
@media (min-width: 1400px) {
  nav.main-navigation ul.menu > li.menu-item-object-product_cat {margin-right: 25px}
  nav.main-navigation ul.menu li.small > a {padding: 0 0 0 15px}
  nav.main-navigation ul.menu > li.menu-item-object-product_cat > a {font-size: 17px;}
}

@media (max-width: 1200px) {

	
	header.site-header .site-search {display: none}
	header.site-header .main-header {position: relative;}
	
	header.site-header .site-branding {display: flex;width: 100%;height: 40px;justify-content: center;align-items: center;text-align: center;}
	header.site-header.with-compare-counter .site-branding {padding-right: 55px}
	header.site-header .site-branding button.menu-toggle {position: absolute; z-index: 2;top: -2; left: 10px; margin: 0 5px;width: 30px;height: 46px;padding: 0;display: block; background: none; border: none; cursor: pointer}
	header.site-header .site-branding .menu-toggle .bar {display: block;position: absolute; top: 17px; left: 5px; z-index: 0; width: 22px; height: 2px;opacity: 1; background-color: #000; pointer-events: none;}
	header.site-header .site-branding .menu-toggle .bar:nth-child(1) {margin-top: -8px;}
	header.site-header .site-branding .menu-toggle .bar:nth-child(2) {margin-top: -1px;}
	header.site-header .site-branding .menu-toggle .bar:nth-child(3) {margin-top: 6px;}
	header.site-header .site-branding .menu-toggle .bar-text {position: absolute; position: absolute; top: 28px; left: 3px;font-size: 10px; color: #3e3e3e; font-weight: 500;}
	header.site-header .site-branding a.logo img {max-width: calc(100vw - 180px); height: auto}
	
	header.site-header .site-header-cart {position: absolute; z-index: 2; top: -1px; right: 10px; }
	header.site-header .site-header-cart a { padding: 0 8px 0 8px; background-image: none; height: 40px}
	header.site-header .site-header-cart .cart-text {display: none}
	header.site-header .site-header-cart a .cart-count {top: 4px; right: 5px; position: absolute; width: 14px; height: 14px; line-height: 14px; font-size: 8px;}
	
	header.site-header div.yith-woocompare-counter {position: absolute; top: -1px; right: 66px;}
	header.site-header .yith-woocompare-counter a{ padding: 0 20px; text-indent: -999px; background-position: center center}
	header.site-header .yith-woocompare-counter a span.yith-woocompare-counter {text-indent: 0; top: 6px; right: 10px; position: absolute; width: 14px; height: 14px; line-height: 14px; font-size: 8px;}

	.primary-navigation {position: fixed; z-index: 11; left: -100%;width: calc(100% - 45px);top: 0;background: #fff;height: 100%; overflow-y: auto; overflow-x: hidden; transition: all 0.35s;transition-delay: 0.1s;}
	.mobile-toggled .primary-navigation  {left: 0;}
	.mobile-toggled .menu-overlay, .filter-toggled.tax-product_cat .menu-overlay, .mobile-toggled .menu-close-button, .filter-toggled.tax-product_cat .menu-close-button, .cart-toggled .menu-overlay {visibility: visible; opacity: 1}

	.primary-navigation .container {padding: 0}
	nav.main-navigation {background: none; padding: 5px 15px 15px 15px; border: 0}
	nav.main-navigation .menu-item {display: block; border-bottom: 1px solid #DEE1E6; margin: 0}
	nav.main-navigation ul.menu > li > a {color: #000}
	nav.main-navigation ul.menu li > a {display: block; padding: 0 10px}
	nav.main-navigation ul.menu > li:hover {background: none;}
	nav.main-navigation ul.menu li.small {float: none; margin: 15px 0 0 0; border: none}
	nav.main-navigation ul.menu li.small ~ .small {margin: 0}
	nav.main-navigation ul.menu li.small a {line-height: 35px; color: #535353; font-size: 15px}
	nav.main-navigation ul.menu li.current-menu-parent > a, .main-navigation ul.menu li.current-menu-item > a {color: #ff6c00}
	nav.main-navigation .full-width.menu-item-has-children:hover > .sub-menu-wrapper{display: none !important}
	nav.main-navigation .full-width.menu-item-has-children .caret {display: none}
	nav.main-navigation .menu-item-has-children .caret {position: absolute; right: -10px; display: block; width: 46px; height: 46px; background-color: #000}
	nav.main-navigation .sub-menu {position: inherit; width: 100%; box-shadow: none; padding: 0 10px 15px 15px;}
	nav.main-navigation .sub-menu .menu-item {border: none}
	
	.primary-navigation .mobile-extra {background: #FCEBC7 url('/wp-content/uploads/foto-lars-klantenservice.png') right 5px bottom no-repeat; background-size:90px; border-radius: 25px; padding: 15px 80px 15px 30px; font-size: 15px; margin: 15px; line-height: 2}
	.primary-navigation .mobile-extra p {margin: 0}
	.primary-navigation .mobile-extra strong {font-family: 'Inter Tight';line-height: 1}
	.primary-navigation .mobile-extra ul a {color: #000; display: block;  line-height: 32px; background: url('../images/icon-arrow-right-black.svg') left center no-repeat; background-size: 5px; padding-left: 15px; font-size: 13px; text-decoration: none}
	.primary-navigation .mobile-extra ul a span {font-weight: 600}
	.primary-navigation .mobile-extra ul a:hover {color: #000; background-position: left 7px center}
}

@media (max-width: 998px) {
	html body {font-size: 14px;}
	h1, .single-product h1 {font-size: 22px;}
	h2 {font-size: 20px;}
	h3, .widget-title {font-size: 18px;}
	h4 {font-size: 16px;}
	h5 {font-weight: 400; font-size: 16px; margin: 0}
	h6 {font-weight: 400; font-size: 15px; margin: 0}

	p.large {font-size: 15px}
		
	header.site-header {position: sticky; top: 0; z-index:8; border-bottom: 1px solid #DEE1E6 }
	
	#content .entry-content .whiterow, #content .entry-content .bluerow, #content .entry-content .greyrow, #content .entry-content .lightorangerow {padding-left: 15px; padding-right: 15px}

	
	#primary, body.tax-product_cat #primary, body.tax-product_cat #secondary{float: none; width: auto; padding-left: 0; padding-right: 0; padding-bottom: 15px}
	
	/*header.site-header a span.kerstmuts {top: -34px; left: -9px;}*/

	
	.breadcrumbs, #breadcrumbs {font-size: 12px; margin: 0}
	
	a.banner-keuzehulp {background-position: bottom 25px right 15px !important}
	
	#content {padding: 0 15px;}
	
	#prefooter {padding-bottom: 0; text-align: center}
	#prefooter .container div {margin-bottom: 45px}
	#prefooter .container div:last-child {margin-bottom: 0}
	
	footer #footer-help-blok {padding: 15px; background: none; border: 0}
	footer #footer-help-blok ul {margin: 30px}
	
	footer .widget-title {margin: 30px 0 5px 0}
	footer.site-footer {text-align: center; padding: 15px 0 30px 0}
	
	footer.copyright .min-footer-logo-row img {max-height: 20px}
	
	footer.copyright .min-footer-row img.cc-logo {display: block; margin: 15px auto; max-height: 30px}
	footer.copyright .min-footer-row {padding: 30px 15px}
	
	html .wp-block-product-new {overflow-y: scroll; width: 100%; margin-bottom: 30px}
	html .wp-block-handpicked-products {overflow-y: scroll; width: 100%; margin-bottom: 30px}
	html .wp-block-product-category {overflow-y: scroll; width: 100%; margin-bottom: 30px}
	#content .wc-block-grid.has-5-columns ul.wc-block-grid__products { width: 1200px; display: flex; margin:0 15px; gap: 0; flex-wrap: inherit  }
	html .wc-block-grid.has-5-columns .wc-block-grid__product {flex: 1 0 20%; max-width: 20%; box-shadow: none; margin: 0; padding: 15px}
	html .wc-block-grid.has-4-columns .wc-block-grid__product {padding : 15px}
	html .wc-block-grid .wc-block-grid__product a.wc-block-grid__product-link {font-size: 15px}
	html .wc-block-grid .wc-block-grid__product .wp-block-grid__short-description p {font-size: 13px}
	.wc-block-grid .wc-block-grid__product > div {margin: 0}
	html .wc-block-grid__product .wc-block-grid__product-price {margin-bottom: 0}
	html .wc-block-grid .wc-block-grid__product .wc-block-grid__product-price .woocommerce-Price-amount {font-size: 20px}
	html .wc-block-grid .wc-block-grid__product .wc-block-grid__product-price del .woocommerce-Price-amount {font-size: 12px}
	html .wc-block-grid .wc-block-grid__product .wc-block-grid__product-price .woocommerce-Price-amount .price-sup {font-size: 10px; top: -8px}
	html .wc-block-grid .wc-block-grid__product .wc-block-grid__product-price del .woocommerce-Price-amount .price-sup {font-size: 8px; top: -3px}
	html .wc-block-grid .wc-block-grid__product .levertijd {display: block;  margin-top: 0; font-size: 11px}
	html .wc-block-grid .wc-block-grid__product .button {font-size: 12px; padding: 6px 8px; margin-top: auto; margin-bottom: 2px;}
	html .wc-block-grid .wc-block-grid__product .nieuwprijs, html .wc-block-grid.has-aligned-buttons .wc-block-grid__product > :last-child {width: 90%; font-size: 10px}
	

	html .wc-block-grid.has-4-columns ul.wc-block-grid__products, html #content .wc-block-grid.has-5-columns ul.wc-block-grid__products {grid-template-columns: repeat(2, 1fr); gap: 15px; margin: 0}
	
	.site-main.grid.grid-2 {margin: 0}
	.site-main.grid article.post {padding: 0}

	#offcanvas-cart { width: calc(100% - 45px); right: -100%;}
	
	div.google-business-reviews-rating li {padding: 15px; background-position: top 15px right 15px}

	#prefooter {padding-bottom: 30px}
	#prefooter .winkels a {padding-left: 15px}

	#banner-december  {background-image: url('../images/banner-december-mobile.png'); min-height: 75px;}
	
	html .TrengoWidgetLauncher__iframe {right: 10px !important}
}
@media (max-width: 1200px) {
	.usp-bar {padding:0; text-align: center; font-size: 12px;  line-height: 42px; height: 42px; overflow: hidden; padding: 0px}
	.usp-bar ul li {position: relative; line-height: 42px}
	.usp-bar ul li {animation: animationFrames linear 25s; animation-iteration-count: 999; transform-origin: 50% 50%;}
	.usp-bar ul li, .top-bar .usp-bar ul li {margin: 0; display: block}
	
	@keyframes animationFrames{
		0%{transform:translate(0px,0px);}
		8.3%{transform:translate(0px,0px);}
		16.6%{transform:translate(0px,-42px);}
		25%{transform:translate(0px,-42px);}
		33.3%{transform:translate(0px,-84px);}
		41.6%{transform:translate(0px,-84px);}
		50%{transform:translate(0px,-126px);}
		58.3%{transform:translate(0px,-126px);}
		66.6%{transform:translate(0px,-84px);}
		75%{transform:translate(0px,-84px);}
		83.3%{transform:translate(0px,-42px);}
		91.6%{transform:translate(0px,-42px);}
		100%{transform:translate(0px,0px);}
	}
	.usp-bar.content {overflow: show; height: auto; padding: 15px}
	.usp-bar.content ul li {animation: none; line-height: 150%}

	.top-bar .top-bar-left, .top-bar .top-bar-center span, .top-bar .top-bar-right {display: none}
	.top-bar {font-size: 11px}
	
	header.site-header .site-search form {width: auto}
}