/*
Theme Name: prefurb
Theme URI: https://www.prefurb
Author: Herold
Author URI: https://www.velema.nl
Description: Een template op maat gebouwd voor prefurb.
Text Domain: prefurb
Tags: prefurb
*/
/* Kleuren
blauw 		#002c42
groen 		#40b384
*/

/* Fonts */
@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:400;src:local(''),url('fonts/roboto-slab-v24-latin-regular.woff2') format('woff2'),url('fonts/roboto-slab-v24-latin-regular.woff') format('woff');font-display:swap}
@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:700;src:local(''),url('fonts/roboto-slab-v24-latin-700.woff2') format('woff2'),url('fonts/roboto-slab-v24-latin-700.woff') format('woff');font-display:swap}

@font-face{font-family:Inter;font-style:normal;font-weight:400;src:local(''),url('fonts/inter-v12-latin-regular.woff2') format('woff2'),url('fonts/inter-v12-latin-regular.woff') format('woff');font-display:swap}
@font-face{font-family:Inter;font-style:normal;font-weight:500;src:local(''),url('fonts/inter-v12-latin-500.woff2') format('woff2'),url('fonts/inter-v12-latin-500.woff') format('woff');font-display:swap}
@font-face{font-family:Inter;font-style:normal;font-weight:600;src:local(''),url('fonts/inter-v12-latin-600.woff2') format('woff2'),url('fonts/inter-v12-latin-600.woff') format('woff');font-display:swap}
@font-face{font-family:Inter;font-style:normal;font-weight:700;src:local(''),url('fonts/inter-v12-latin-700.woff2') format('woff2'),url('fonts/inter-v12-latin-700.woff') format('woff');font-display:swap}
@font-face{font-family:Inter;font-style:normal;font-weight:800;src:local(''),url('fonts/inter-v12-latin-800.woff2') format('woff2'),url('fonts/inter-v12-latin-800.woff') format('woff');font-display:swap}

/* Global style */
body {color: #546065; letter-spacing: 0; line-height: 1.75;font-family: 'Inter'; font-weight: 400; font-size: 15px; background: #fff}

h1, h2, h3,  .title {font-family: 'Roboto Slab', sans-serif; font-weight: 700; text-transform: initial; letter-spacing: 0; line-height: 1.25; margin: 0 0 5px 0; color: #002233;}
h1, .title {font-size: 40px}
h2 {font-size: 30px;}
h3 {font-size: 20px;}
h4 {font-size: 16px; font-weight: 700;}
h5 {font-weight: 600; font-size: 16px; margin: 0}
h6 {font-weight: 600; font-size: 15px; margin: 0}
strong {font-weight: 600}
p {margin: 0 0 15px 0}

pre {display: block;font-family: monospace;white-space: pre;margin: 1em 0;}

body input[type="email"], body input[type="password"], body input[type="tel"], body input[type="text"], body input[type="url"], body textarea {font-family: 'Inter', sans-serif;}

a {color: #0092db;}
#content a {text-decoration: underline}
a:hover {color: #002233}

a.inverted {color: #002233}
a.inverted:hover {color: #0092db}

p.large {font-weight: 600; font-size: 16px}

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

.hidden {display: none !important}

.demo_store {background: #329928}

.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;padding:10px 30px;border:0;border-radius:40px;outline:0;background:#FFEE00;text-shadow:none;text-decoration:none !important;cursor:pointer;-webkit-appearance:none; font-weight: 700; color: #002233;font-size:16px;font-family: 'Roboto Slab', sans-serif;}
.button:hover {background: #002c42; color: #fff}
.button.inverted {background: #fff; color: #fff;}
.button.inverted:hover {color: #002233; background: #FFEE00}
/*
.button.green::after {position: absolute; content: ' ';background: #47a33e url(images/icon-arrow-right.svg) center center no-repeat; background-size: 14px; top: 0; right:0; width: 50px;height: 50px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;padding: 16px;}
.button.green:hover::after {background-color: #329928}
*/
.button.ghost {background: #002c42; color: #fff;}
.button.ghost:hover {color: #002233; background: #FFEE00}
.clickable {cursor: pointer}

.has-text-align-right .button {margin-left: 15px}

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

select{background: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:3px;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] {width:100%;max-width:100%;height:40px;margin-bottom:5px;padding: 0 7px;border:1px solid #e2e2e2;border-radius:3px;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="checkbox"] {border: 1px solid #ddd; border-radius: 3px; background: #fff; width: 18px; height: 18px;margin: 0; position: relative; display: inline-block; top: 3px; margin-right: 3px;cursor: pointer}
input[type="checkbox"]:checked {}
input[type="checkbox"]:checked::before {position: absolute; left: -3px; top: -3px; content: url(images/icon-check.svg);padding: 4px;/*width: 12px;height: 12px;*/line-height: 12px}
input[type="checkbox"] + label {cursor: pointer}

textarea {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%; width: 100%; padding: 5px}

/* Icons */
.icon{display:inline-block; vertical-align: text-bottom;}
.icon.small {width:18px;height:18px}
.icon.cart{content: url(images/icon-cart.svg)}
.icon.check{width:14px;height:18px;content: url(images/icon-check.svg)}
.icon.close{content: url(images/icon-close.svg)}
.icon.del{content: url(images/icon-del.svg)}
.icon.contact{content: url(images/icon-contact.svg)}
.icon.contact.white{content: url(images/icon-contact-white.svg)}
.icon.marker,.icon.map-marker{content: url(images/icon-map-marker.svg)}
.icon.marker.white{content: url(images/icon-map-marker-white.svg)}
.icon.search{content: url(images/icon-search.svg)}
.icon.star{width:14px;height:14px;margin-bottom: 1px; content: url(images/icon-star.svg)}
.icon.whatsapp{content: url(images/icon-whatsapp.svg)}
.icon.whatsapp.white{content: url(images/icon-whatsapp-white.svg)}
.icon.pay.white{content: url(images/icon-pay-white.svg)}
.icon.breadcrumb {content: url(images/icon-breadcrumb.svg);width:10px;height:10px;}

.schema-faq {margin: 15px 0 30px 0}
.schema-faq-section {border-bottom: 1px solid #eee; padding: 10px 0 10px 30px; margin-bottom: 0; position: relative}
.schema-faq-section:first-child {border-top:  1px solid #eee;}
.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.visible p.schema-faq-answer {display: block}
.schema-faq-section.visible::before {content: '-'}
.schema-faq-section.visible .schema-faq-question {color: #ff6c00}

.badge_extra {font-family: 'Roboto Slab', sans-serif; font-size: 13px; font-weight: 700; color: #09B26F; border-radius: 3px; padding: 1px 5px; background: #FFEE00; color: #002233; display: inline-block}

#content .alignfull {width: calc(100vw - 8.1px); position: relative; left: 50%; right: 50%;margin-left: -50vw; margin-right: -50vw;}
#content .wp-block-image.size-large {margin-bottom: 15px}

/*.cart-toggled #trengo-web-widget {display: none !important}	*/

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

#top-usp-bar {font-size: 13px;  font-weight: 500; border-bottom: 1px solid #D8E3F2; background: #fff; line-height: 42px;}
#top-usp-bar li img {margin-right: 5px}

header.site-header {line-height: 50px; padding: 20px 0; font-family: 'Roboto Slab'; font-weight: 700; border-bottom: 1px solid #D8E3F2; margin-bottom: 20px }
header.site-header img {display: block; margin-top: 5px}
.home header.site-header {border: none; margin-bottom: 0}
nav#site-navigation li {display: inline-block}
nav#site-navigation li a {font-size: 19px;color: #002c42; margin: 0 20px }
nav#site-navigation li a:hover {color: #40b384}

nav#site-navigation .mobile-extra {display: none}

header a.aanvraag-blok {position: relative; font-size: 16px;border: 1px solid #dfe8f4; display: inline-block; border-radius: 3px; color: #13c17b; padding: 0 20px 0 70px; background: url('images/icon-laptop.svg') 20px center no-repeat;}
header a.aanvraag-blok:hover {color: #002c42; border-color: #13c17b}
header a.aanvraag-blok .aanvraag-count {position: absolute; top: 5px; left: 34px; background: #FF620A; width: 20px; height: 20px; line-height: 20px; color: #fff; font-weight: 600; font-size: 10px; text-align: center; border-radius: 50%}


header .site-header-cart a {position: relative; font-size: 16px;border: 1px solid #dfe8f4; display: inline-block; border-radius: 3px; color: #13c17b; padding: 0 20px 0 70px; background: url('images/icon-laptop.svg') 20px center no-repeat;}
header .site-header-cart a.aanvraag-blok:hover {color: #002c42; border-color: #13c17b}
header .site-header-cart a .cart-count {position: absolute; top: 5px; left: 34px; background: #FF620A; width: 20px; height: 20px; line-height: 20px; color: #fff; font-weight: 600; font-size: 10px; text-align: center; border-radius: 50%}



#offcanvas-aanvraag {display: none}

body.home #page {background: #F6FAFF}

#hero {background: #13c17b url('images/hero-foto.webp') top right no-repeat; height: 545px; position: relative}
#hero .slogan {width: 50%; padding: 90px 90px 90px 0}
#hero .slogan > p {font-family: 'Roboto Slab', sans-serif; color: #fff; font-size: 52px; font-weight: 700; line-height: 1.2}
#hero .slogan .button {padding:  20px 30px; font-size:18px}
#hero .badge {position: absolute; top: 50%; right: 20%; width: 190px; height: 195px; margin-top: -140px; font-family: 'Roboto Slab', sans-serif; background: url('images/badge-yellow.svg') center center no-repeat; background-size: contain; color: #002233; text-align: center; padding: 50px 15px; line-height: 1.25; font-size: 22px}
#hero .badge span {font-weight: 700; font-size: 32px;display: block}

#hero-bar {font-family: 'Roboto Slab', sans-serif; font-weight: 700; font-size: 18px; background: #fff; color: #002233; position: relative; top: -65px; padding: 50px; box-shadow: 0px 3px 50px #00000014; max-width: 1000px}
#hero-bar li {position: relative; text-align: center}
#hero-bar li img {display: inline-block}
/*#hero-bar li::after {position: absolute; top: 15px; right: -90px; background: #EFFDF8 url('images/icon-arrow-left.svg') center center no-repeat; display: block; width: 35px; height: 35px; border-radius: 35px; content: ' ' ;}
#hero-bar li:last-child::after {display: none}*/

#productblok {text-align: center}
#productblok .title {margin-bottom: 15px}
#productblok .product-boxes {margin: 30px 0 60px 0}

.product-boxes {gap: 15px;}
.product-boxes .product {position: relative; padding: 30px 45px 115px 45px ; text-align: left; background: #fff; }
.product-boxes .product .badge {position: absolute; top: 15px; right: 15px; font-family: 'Roboto Slab', sans-serif; font-size: 13px; font-weight: 700; color: #09B26F; border: 1px solid #D8E3F2; border-radius: 3px; padding: 3px 10px}
.product-boxes .product .badge_extra {position: absolute; top: 15px; right: 15px;border: 1px solid #e0d104; padding: 3px 10px }
.product-boxes .product .prijs {position: absolute; top: 30px; left: 30px; font-family: 'Roboto Slab', sans-serif; font-size: 13px; color: #fff; line-height: 1; text-align: center; background: url('images/badge-green.svg') center center no-repeat; padding: 25px 10px; width: 80px; height: 90px}
.product-boxes .product .prijs span {font-weight: 700; font-size: 26px; display: inline-block}
.product-boxes .product img {margin-bottom: 15px}
.product-boxes .product h2 {font-size: 20px}
.product-boxes .product:hover {box-shadow: 0px 3px 50px #0000000F}
.product-boxes .product ul {list-style: disc; margin-left: 20px} 
.product-boxes .product p {border-top: 1px solid #D8E3F2; margin: 15px -15px; text-align: center; padding-top: 15px}
.product-boxes .product .bottom {position: absolute; bottom: 15px; display: flex; left: 30px; right: 30px; justify-content: space-between;} 
.product-boxes .product .bottom .adviesprijs {display: inline-block; text-align: left; line-height: 1.2; }
.product-boxes .product .bottom .adviesprijs span {display: block; font-family: 'Roboto Slab', sans-serif; font-weight: 700; font-size: 20px; color: #002233}
.product-boxes .product .button {background-color: #FF620A; color: #fff; padding: 8px 20px; font-size: 14px}
.product-boxes .product:hover .button {background: #FFEE00; color: #002233}

#offerte-banner {background: #fff; padding: 45px 45px 45px 45px; margin: 90px auto 90px auto; max-width: 950px; position: relative}
#offerte-banner img {position: absolute; left: 20px ; bottom: 0; max-width: 250px}
#offerte-banner p {font-family: 'Roboto Slab', sans-serif; display: inline-block; margin: 0; font-weight: 600; padding-left: 235px; font-size: 20px; color: #002233}
#offerte-banner p .title {color: #FF620A; display: block; font-size: 30px}
#offerte-banner p a {text-decoration: underline; color: #FF620A}
#offerte-banner p a:hover {color: #002233}

.tekst-blokken {gap: 30px}
.tekst-blokken > div {width: 33.3%}

footer.site-footer {background: #002233; background-size: 100% 100%;  padding: 60px 0; color: #fff; font-size: 15px}
footer.site-footer h5 {font-family: 'Roboto Slab', sans-serif; font-weight: 700; font-size: 19px; margin-bottom: 20px}
footer.site-footer ul {line-height: 200%}
footer.site-footer p {line-height: 200%; margin-bottom: 30px}
footer.site-footer a {color: #fff;}
footer.site-footer a:hover {text-decoration: underline}

footer.copyright {text-align: center;}
footer.copyright img {vertical-align: middle; margin-right: 15px}
footer.copyright p {padding: 30px; margin:0; font-family: 'Roboto Slab', sans-serif;}
footer.copyright a {color: #546065; border-left: 1px solid #D8E3F2; margin-left: 20px; padding-left: 20px}
footer.copyright a:hover {color: #40b384;text-decoration: underline}

#content .entry-content.container {padding-bottom: 90px}
body.page-template-default #content .entry-content.container {padding-left: 120px; padding-right: 120px; }
/*body.page-template-default #content .entry-content h1 {background: #13C17B; color: #fff; padding: 45px 160px; margin: 0 -160px 45px -160px}*/
body.page-template-default #content .entry-content h1 {margin-bottom: 15px}
body.page-template-default #content .entry-content ul {list-style: disc; margin: 15px 30px 30px 30px}
body.page-template-default #content .entry-content ol {list-style: decimal; margin: 15px 30px 30px 30px}
body.page-template-default #content .entry-content li {margin-bottom: 5px}

ul.wp-block-latest-posts, .blog-posts {margin: 60px 0 90px 0; display: flex; gap: 30px;}
ul.wp-block-latest-posts img, .blog-posts img {max-width: 100%; height: auto}
ul.wp-block-latest-posts li, .blog-posts .blog-post {position: relative}
ul.wp-block-latest-posts li time.wp-block-latest-posts__post-date {position: absolute; bottom: 87px; left: 61px; color: #757B83; font-size: 13px}
ul.wp-block-latest-posts li a.wp-block-latest-posts__post-title, .blog-posts h2 {position: absolute; bottom: -20px; right: 30px; left: 30px; background: #fff; padding: 45px 30px 30px 30px; font-size: 30px; font-family: 'Roboto Slab', sans-serif; color: #002233; font-weight: 700; line-height: 1.25; box-shadow: 0px 3px 50px #00000014;}
#content .blog-posts h2 {padding-top: 30px}
#content .blog-posts h2 a {color: #002233; text-decoration: none}
#content .blog-posts p {display: none}

.entry-content .tekst-content {padding: 0 120px 90px 120px;}

ul.stappen-bar {margin:30px 0; padding: 0 90px; list-style:number; background: #EFFDF8; display: flex; justify-content: space-between}
ul.stappen-bar li {display: inline-block; margin: 15px 45px; text-align: center; font-family: 'Roboto Slab', sans-serif; font-weight: bold; font-size: 17px; color: #13C17B}
ul.stappen-bar li span{display:block; background: url('images/badge-green.svg') no-repeat; margin: 0 auto; width: 32px; line-height: 35px; background-size: contain;color: #fff}
ul.stappen-bar li.selected {color: #002233}
ul.stappen-bar li.selected span {background-image:url('images/badge-white.svg');color: #002233 }
ul.stappen-bar a {text-decoration: none !important; color: inherit}


/* WooCommerce */
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {float: none; width: 100%}
.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {float: none; width: 100%;}
.woocommerce .product-details-wrapper {clear: both}

.woocommerce #page div.product .woocommerce-product-gallery {text-align: center; padding: 0 60px 0 60px; margin-bottom: 60px}
.woocommerce #page div.product .woocommerce-product-gallery .flex-control-thumbs li {border: 1px solid #D7DBDE; border-radius: 2px; padding: 10px; margin: 0 5px; float: none; display: inline-block; width: auto;}
.woocommerce #page div.product .woocommerce-product-gallery .flex-control-thumbs li img {width: 70px}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {z-index: 2}

.woocommerce #page div.product .blok{display: inline-block; margin: 0 10px 10px 0; padding: 2px 8px; border: 1px solid #D8E3F2; border-radius: 2px; background: #FCFCFC;}

.woocommerce .product .prijs-bar {background: #EBF9F4; font-size: 15px; display: flex; align-items: center; margin-bottom: 30px; padding: 15px 30px; position: relative}
.woocommerce .product .prijs-bar > div {padding: 5px 30px; line-height: 1.25;}
.woocommerce .product .prijs-bar > div:last-child {border-right: 0}
.woocommerce .product .prijs-bar > div > span {display: block; color: #002233; font-size: 20px; font-weight: 700;font-family: 'Roboto Slab', sans-serif;}
.woocommerce .product .prijs-bar > div.nieuwprijs, .woocommerce .product .prijs-bar > div.adviesprijs {border-right: 1px solid #D8E3F2}
.woocommerce .product .prijs-bar > div.prijs > span {color: #09B26F; font-size: 28px}
.woocommerce .product .prijs-bar > div.marge {position: absolute; top: -25px; right: 30px;  font-size: 14px; color: #fff; line-height: 1.25; text-align: center; background: url('images/badge-green.svg') center center no-repeat; padding: 23px 10px; width: 80px; height: 90px}
.woocommerce .product .prijs-bar > div.marge span {color: #fff; font-size: 20px}

.woocommerce .product .add-to-cart-bar {display:flex; align-items: center; justify-content:flex-end}
.woocommerce .product .add-to-cart-bar .stock {padding: 0 30px 0 14px; margin: 0; color: #546065; font-family: 'Roboto Slab', serif; font-weight: bold; font-size: 15px; background: url(images/icon-circle-orange.svg) left center no-repeat; background-size: 7px;}
.woocommerce .product .add-to-cart-bar .stock.in-stock {color: #09B26F; background: url(images/icon-circle-green.svg) left center no-repeat; }


.woocommerce #page div.product .cart .single_add_to_cart_button {font-family: 'Roboto Slab', serif;  font-size: 16px; background: #FF620A; border-radius: 30px; line-height: 32px; height: 52px; text-align: center}
.woocommerce #page div.product .cart .single_add_to_cart_button:hover {background: #FFEE00; color: #002233}
.woocommerce #page div.product .single_add_to_cart_button::before {margin-right: 10px; width:20px; display: inline-block; position: relative; top: 3px}
.woocommerce #page div.product .cart a.added_to_cart {text-align: center; color: #01aef3; display: block}
.woocommerce #page div.product .cart .quantity.hidden {display: none}
.woocommerce #page div.product .quantity input[type="number"] {height: 52px; background: #fff; border: 1px solid #DEE1E6; border-radius: 30px; line-height: 50px; width: 80px;color: #222; font-weight: 600; font-size: 16px; margin: 0; box-shadow: none; padding: 0 5px; text-align: center; margin-right: 15px}
.woocommerce #page div.product .quantity input[type="text"] {display: none}


/*
.woocommerce #page div.product .cart p.stock {font-family: 'Roboto Slab', serif; font-size: 14px; border: 0; padding: 0; margin:0 0 10px 0; display: inline-block}
.woocommerce #page div.product .cart p.stock span {display: none}
.woocommerce #page div.product .cart p.stock.in-stock {color: #00ca55; padding-left: 10px; background: url('images/icon-circle-green.svg') left center no-repeat; background-size: 5px; }
.woocommerce #page div.product .cart p.stock.in-stock.scarce {color: #FF650E; background-image: url('images/icon-circle-orange.svg')}
.woocommerce #page div.product .cart p.stock.out-of-stock {font-size: 15px}
*/
.woocommerce table.shop_attributes {border: 0}
.woocommerce table.shop_attributes tr:nth-child(2n) {background: #F4F8FF}
.woocommerce table.shop_attributes th {font-weight: 400; width: 300px; text-transform: capitalize; border: none}
.woocommerce table.shop_attributes td {font-style: normal; font-weight: 500; color: #002233; border: none}


.woocommerce ul.products li.product {border: 1px solid #D8E3F2; padding: 1em }
.woocommerce ul.products li.product a.woocommerce-loop-product__link {display: flex; justify-content: center; align-items: center; height: 200px;}
.woocommerce ul.products li.product a img {margin-bottom: 0; max-height: 200px; width: auto;}
.woocommerce ul.products li.product .woocommerce-placeholder {border: 0}
.woocommerce ul.products li.product .product-list-content {padding: 0 15px}
.woocommerce ul.products li.product .product-title a {text-decoration: none !important; color: #002233; font-size: 18px}
.woocommerce ul.products li.product .product-title a:hover {text-decoration: underline !important; color: #09B26F }
.woocommerce ul.products li.product .product-list-content ul li {list-style: disc; margin-left: 15px}
.woocommerce ul.products li.product .product-list-content ul.product_pricing {border-top: 1px solid #D8E3F2; padding-top: 1em}
.woocommerce ul.products li.product .product-list-content ul.product_pricing li {list-style: none; margin-left: 0;}
.woocommerce ul.products li.product .nieuwprijs {margin-bottom: 10px}
/*
.woocommerce ul.products li.product .prijs-bar {margin-bottom: 0; padding: 15px 0 0 0; background: 0; border-top: 1px solid #D8E3F2;justify-content:space-between;align-items: center;}
.woocommerce ul.products li.product .prijs-bar > span span {display: block; font-size: 14px}
.woocommerce ul.products li.product .prijs-bar > span span span {display: inline-block;  }
.woocommerce ul.products li.product .prijs-bar > span span.prijs {line-height: 1.2}
.woocommerce ul.products li.product .prijs-bar > span span.prijs > span {display: block; font-weight: 700;font-family: 'Roboto Slab', sans-serif;color: #002233; font-size: 20px}

.woocommerce ul.products li.product .prijs-bar a {font-family: 'Roboto Slab', serif; font-weight: 700; color: #fff; font-size: 14px; background: #FF620A; border-radius: 20px;  display: inline-block; padding: 8px 20px; text-decoration: none !important}
*/

.woocommerce ul.products li.product .bottom {border-top: 1px solid #D8E3F2;display: flex; justify-content:space-between;align-items: center; padding-top: 5px}
.woocommerce ul.products li.product .bottom > span > span {line-height: 1; font-size: 13px }
.woocommerce ul.products li.product .bottom > span > span > span {display: block; font-family: 'Roboto Slab', sans-serif; font-weight: 700; font-size: 22px; color: #002233}
.woocommerce ul.products li.product .bottom a {font-family: 'Roboto Slab', serif; font-weight: 700; color: #fff; font-size: 14px; background: #FF620A; border-radius: 20px;  display: inline-block; padding: 8px 20px; text-decoration: none !important}
.woocommerce ul.products li.product .bottom a:hover {background: #FFEE00; color: #002233}


#page div.product #inhoud-levering ul {line-height: 175%; list-style: none; margin: 0 0 15px 0; padding:0}
#page div.product #inhoud-levering li {background: url(images/icon-check.svg) center left no-repeat; padding-left: 20px; background-size: 12px;}
#page div.product #inhoud-levering li span {font-weight: bold}

#page div.product #inhoud-levering, #page div.product #persoonlijk-advies {padding: 30px 30px 15px 30px; border: 1px solid #D8E3F2; border-radius: 2px; margin-bottom: 30px}
#page div.product #persoonlijk-advies a {color: #53555C; background: url(images/icon-circle-green.svg) left center no-repeat; background-size: 6px; padding-left: 15px}
#page div.product #persoonlijk-advies a:hover {color: #313131; text-decoration: underline}

#page div.product #inhoud-levering p, #page div.product #persoonlijk-advies p {margin-bottom: 5px}

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

#secondary.widget-area .berocket_single_filter_widget .bapf_ckbox{border-bottom: 1px solid #D8E3F2; padding-bottom: 15px; }
#secondary.widget-area .berocket_single_filter_widget .bapf_sfa_mt_hide {border: 1px solid #D8E3F2;padding: 15px}
#secondary.widget-area .berocket_single_filter_widget input[type="checkbox"] {top: 0px; margin-right:8px}

@media (min-width: 992px) {
	header.site-header {position: sticky; top: 0; z-index:8; background: #fff }
	.primary-navigation {position: sticky; top: 60px; 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;}


	.woocommerce  #page div.product .product-details-left-wrapper {float: left;width: 50%;}
	.woocommerce  #page div.product .summary.entry-summary {float: right;width: 45%;}
	
}

@media (min-width: 992px) and (max-width: 1200px) {

    }
	
	
@media (max-width: 780px) {	

}

@media (max-width: 992px) {		
	header.site-header {position: sticky; top: 0; z-index:8; background: #fff; }
	header.site-header .site-branding {display: flex;width: 100%;height: 40px;justify-content: center;align-items: center;text-align: center;}
	header.site-header .site-branding button.menu-toggle {position: absolute; z-index: 2;left: 15px; top: 20px; width: 30px;height: 30px;padding: 0;display: block; background: none; border: none; cursor: pointer}
	header.site-header .site-branding .menu-toggle .bar {display: block;position: absolute; top: calc(50% - 1px); left: 3px;z-index: 0; width: 22px; height: 2px;opacity: 1; background-color: #002233; 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; top: 9px; left: 0;font-size: 10px; color: #002233; font-weight: 600;}
	header.site-header .site-branding a.logo img {max-width: calc(100vw - 180px); height: auto; margin: 0}
	.main-navigation {position: fixed; z-index: 11; left: -100%;width: calc(100% - 45px);top: 0;padding: 60px 15px 15px 15px; background: #fff url(images/logo.svg) left 27px top 20px no-repeat; background-size: 120px;height: 100%; overflow-y: auto; overflow-x: hidden; transition: all 0.35s;transition-delay: 0.1s;}
	.mobile-toggled .main-navigation  {left: 0;  }
	.mobile-toggled .menu-overlay, .mobile-toggled .menu-close-button, .cart-toggled .menu-close-button, .cart-toggled .menu-overlay {visibility: visible; opacity: 1}
	
	nav#site-navigation .mobile-extra {display: block; border: 1px solid #D8E3F2; background: #F6FAFF; padding: 15px; font-size: 14px; margin: 30px 15px; font-family: 'Inter'; line-height: 2}
	nav#site-navigation .mobile-extra p {margin: 0}
	nav#site-navigation .mobile-extra strong {font-family: 'Roboto Slab';font-size:  16px;color: #002c42}
	nav#site-navigation .mobile-extra ul a {color: #002c42; display: block; background: url('images/icon-arrow-left.svg') left 5px center no-repeat; background-size: 8px; padding-left: 20px; font-size: 14px; text-decoration: none; margin: 0}
	nav#site-navigation .mobile-extra ul li {border :0}
	nav#site-navigation .mobile-extra ul a span {font-weight: 500}
	nav#site-navigation .mobile-extra ul a:hover {background-position: left 7px center}

	nav#site-navigation li {display: block; border-bottom: 1px solid #eee; margin: 0}
	nav#site-navigation li:first-child {border-top:1px solid #eee}

	header a.aanvraag-blok {position: absolute; right: 15px; top: 15px; height: 52px; padding: 0; width: 50px; background-position: center center;}
	header a.aanvraag-blok .aanvraag-count {left: 20px}
	header a.aanvraag-blok .aanvraag-text {display: none}
	
	.breadcrumbs {font-size: 12px}
	
	footer .widget-title {margin: 30px 0 5px 0}
	
	footer.site-footer {text-align: center; padding: 15px 0 30px 0}
	
	footer.copyright a {display: block; margin:0; padding: 0; border: none}
	
	#hero {background-position: top left}
	#hero .slogan {width: 100%; padding: 60px 30px 90px 30px; }
	#hero .slogan > p {font-size: 40px;  margin-bottom: 30px; text-shadow: 3px 3px 3px rgba(0,0,0,0.2) ;}
	#hero .badge {display: none}
	#hero-bar {left: 30px; padding-bottom: 15px; width:calc(100% - 60px); margin:0; padding: 30px 15px 45px 15px}
	#hero-bar img {width: 48px; height: auto}
	#hero-bar li {margin-bottom: 60px}
	#hero-bar li::after {right: auto;left: 50%;margin-left: -17px;top:auto; bottom: -45px;transform: rotate(90deg);}
	#hero-bar li:last-child {margin-bottom: 0}
	
	#keuzeblok {padding: 0 30px}
	.product-boxes .product ul {list-style: none; margin: 0}
	.product-boxes .product {text-align: center; margin-bottom: 30px}
	.tekst-blokken {padding: 0 30px}
	.tekst-blokken > div {margin-bottom: 30px; width: 100%}
	
	#offerte-banner {padding: 15px 5px}
	#offerte-banner img {max-width: 160px; left: -25px; height: auto}
	#offerte-banner p {padding-left: 120px}
	#offerte-banner p .title {font-size: 20px}
	
	ul.wp-block-latest-posts, #content .blog-posts {display: block}
	ul.wp-block-latest-posts li, #content .blog-posts .blog-post {margin-bottom: 60px}
	ul.wp-block-latest-posts li a.wp-block-latest-posts__post-title {padding-top: 30px}
	ul.wp-block-latest-posts li time {display: none}
	#content .blog-posts {margin: 0}

	
	.entry-content .tekst-content {padding: 0 30px}
	
	body.page-template-default #content .entry-content.container {padding: 0 30px} 
	body.page-template-default #content .entry-content h1 {font-size: 30px; padding: 15px 30px; margin:0 -30px 15px -30px}
	
	
	#content img {height: auto}
	
	#portal-head {padding: 15px}
	#portal-links a {display: block; width: auto; margin: 15px}
	
	ul.stappen-bar {padding: 15px 0}
	ul.stappen-bar li {margin: 0 5px; font-size:12px}
	ul.stappen-bar li span {width: 24px;line-height: 26px;}
	
	#aanvraag-form .hardware-foto, #aanvraag-form .keuze, #aanvraag-form .samenstelling {width: 100%; margin-bottom: 30px}
	#aanvraag-form {padding: 0 15px}
	#aanvraag-form form.extra input[type="submit"] {float: none; width: 100%; margin: 15px 0}
	#aanvraag-form .keuze p {text-align: center}
	
	.page-template-mijn-aanvraag .entry-content .d-xl-flex form {width: 100%}
	#aanvraag-sidebar {width: 100%}
}


@media (max-width: 1200px) {
	#top-usp-bar {padding:0; text-align: center; font-size: 12px;  line-height: 42px; height: 42px; overflow: hidden; padding: 0px}
	#top-usp-bar ul li {position: relative; line-height: 42px; background: none; padding: 0}
	#top-usp-bar ul li {animation: animationFrames linear 25s; animation-iteration-count: 999; transform-origin: 50% 50%;}
	#top-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);}
	}
}