:root {
    --btn-padding: .75rem 1rem;
    --btn-padding-block: .75rem;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.st_homepage :is(h1,h2) {
    --bs-card-color: var(--heading-color);
}

.card.card-main-light {
    --bs-card-bg: var(--main-50);
    --bs-card-color: var(--body-text-color);
}

.st_homepage .max-width--80 :is(p,li) {
	max-width: unset;
}

@media (max-width: 576px) {
    .card-xl {
        --bs-card-spacer-y:1.5rem;
        --bs-card-spacer-x: 1rem;
        --bs-card-box-shadow: var(--shadow-lg)
    }
}



.st_homepage .prose ul {
	padding-left: 1.125rem;
}




.widget-reviews-card__title {
    text-align: center;
    font-size: var(--text-size-md) !important;
}
.widget-reviews-card__footer {
    justify-content: center;
}
.widget-reviews-card__rating {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .85rem;
}
.widget-reviews-card__rating-author {
    font-weight: 400 !important;
}


.widget-container video {
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius);
    border: 1px solid rgb(0 0 0 / .1);
}

.widget-container video:hover {
	cursor: pointer;
}


/*
.widget-faq__listing {
  counter-reset: faq-counter;
}
.widget-faq__summary {
  counter-increment: faq-counter;
}
.widget-faq__summary::before {
  content: counter(faq-counter) ". ";
  font-weight: bold;
}
*/

.widget-faq__details::before {
    border-left: 5px solid var(--main-500);
}






#pages p {
    min-height: 1em;
}

.st_homepage .home_page_listing.categoriesclass {
    margin-top: 0;
}

.st_homepage .indexPagina .container {
    padding-top: 0;
}

@media screen and (min-width: 1120px) {
    .st_homepage .categories_imagecontainer {
        aspect-ratio: 1.65 / 1 !important;
        max-width: 100%;
        height: unset !important;
    }
}




/*Categories*/
.subimage_normal {
    border-radius: 4px;
}

.categories_imagecontainer img {
    opacity: 1;
    transition: opacity .2s;
}

.categories:hover .categories_imagecontainer img {
    opacity: .8;
}

h2.categories_name_heading {
    max-height: unset !important;
    z-index: 3;
    position: relative;
    background: rgb(0 202 217 / 90%);
    margin-top: -3rem;
    height: 3rem;

    padding: 0;
    border-radius: 0 0 4px 4px;
    transition: margin .2s, height .2s, background .2s, line-height .2s;
    white-space: unset;
}

.categories:hover .categories_name_heading {
    margin-top: -3.5rem;
    height: 3.5rem;
    /* line-height: calc(1.2em + .5rem); */
    background: rgb(0 202 217 / 97%);
}

.categories_name_link {
    width: 100%;
    height: 100%;
    /* display: block; */
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .0);
    padding: .5rem;
    font-size: 1rem;
    line-height: 1em;
    font-weight: 400;
    font-family: 'Lato';
    color: #fff;
    transition: background .2s;
}


.categories_name_link:hover,
.categories_name_link:focus,
.categories_row:hover .categories_name_link {
    color: #fff !important;
}

.categories_name_link:hover {
    background: rgba(255, 255, 255, .1);
}

div.box_product_image img.subimage1,
div.box_product_image img.subimage2,
div.box_product_image img.subimage_normal,
div.categories_imagecontainer img,
div.products_gallery_row_imagecontainer img,
div.products_lijst_row_imagecontainer img {
    min-width: 100%;
    min-height: 100%;
}







#filterContainer div.filter-header,
.box_top p {
    color: var(--heading-color);
    font-family: var(--heading-font-stack);
}






















.margin-LR-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.infopage-align-center {
    max-width: 850px;
    margin-inline: auto;
}

@media screen and (min-width: 1200px) {
    .max-width--80 {
        max-width: 80%;
    }
}

.contentblock__innerbox .advice-box,
p,
li {
    max-width: 850px;
}

/* #102633 */
#contactform_box h2 {
    display: none;
}

/* Alle infopages gecentreerd 109038 */
#info-section #userinput_box,
.bestellen #info-section #userinput_box,
.garantie #info-section #userinput_box,
.klachtafhandeling #info-section #userinput_box,
.algemene-voorwaarden #info-section #userinput_box,
.betalen #info-section #userinput_box,
.retourneren #info-section #userinput_box,
.bezorgen #info-section #userinput_box,
.privacy #info-section #userinput_box {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}



div#whatsapp_button img {
    width: 50%;
    height: 50%;
}


/* geld lenen kost geld image op PDP kleiner - een keertje oplossen voor heel platform. */
span.sprayPayPrice-img img {
    max-height: 1.5rem;
    width: auto !important;
}




/*============================== DROPDOWNMENU ==============================*/
.mega-menu__list-heading:hover,
.mega-menu__list-heading:focus,
.mega-menu__list-item-link:hover,
.mega-menu__list-item-link:focus {
    text-decoration: none;
}

.mega-menu {
    --mega-menu-heading-color: var(--main-700);
    --mega-menu-link-color-hover: var(--accent-600);
}













/* NIEUW VOOR 4000: */
:root {
	--card-border-width: 0;
  --card-shadow: var(--shadow-xl);
  --shadow-rgb: 35,38,45;
  --custom-sidebar-width: clamp(270px, 20%, 340px);
  --max-container-width: calc(1700px + (2 * var(--st-container-space-x)));
}

[class*="st-icon-caret-"] svg {
    --st-icon-caret-height: .75em;
}

.site-nav-container {
    display: flex;
    justify-content: center;
}
.site-nav-inner {
    max-width: fit-content;
}

.contentBlockContainer {
    margin-bottom: 0;
}


.mega-menu.hasNoSubChilds .mega-menu__list-heading,
.mega-menu__list-item-link {
	font-size: 1rem;
}


/*
.header-review-score-value {
    --header-review-score-size: 52px;
    background-color: transparent;
    background-image: url(https://dashboard.webwinkelkeur.nl/img/badges/badge-reviews-super@2x.png);
    background-repeat: no-repeat;
    background-size: 100%;
  	border-radius: 0;
}
*/
.header-review-score-value {
  --header-review-score-size: 40px;
  background-color: #fe008c;
}

.header-review {
	--stars-color: #fe008c;
}

.listing, .home_page_listing.categoriesclass, .home_page_listing.productsclass {
	--grid-gutter: min(4vw, 5rem);
    grid-column-gap: var(--grid-gutter);
    grid-row-gap: var(--grid-gutter);
}
.home_page_listing.categoriesclass .clear {
    display: none;
}


.products_row_review_stars {
    font-size: 1rem;
    --st-icon-size: 1rem;
    --body-text-size: 1rem;
}
.productinfo_description {
    max-width: 1200px;
    margin-inline: auto;
}



/* prose img margin weg, op product descriptions brak het door checkmark images. */
.prose :where(img):not(:where([class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0;
}


/* FTD */
/* Aanpassingen voor productlijstingsboxen: inhoud centreren */
.products_gallery_header {
    text-align: center;
}
.products_gallery_body {
    text-align: center;
}
.products_price.products_gallery_row_price {
    justify-content: center;
}
.product_listing_quotation_button .btn,
.products_gallery_row_buttons .buttons_shoppingcart {
    display: flex;
    justify-content: center;
}

.products_gallery_row_buttons .product_listing_buttons.backorder_button .btn-backorder, .products_gallery_row_buttons .product_listing_buttons .configuration_btn, .products_gallery_row_buttons .product_listing_quotation_button .btn, .products_gallery_row_buttons .product_listing_sold_out_button button {
	width: auto;
}
.products_gallery_row .buttons_shoppingcart a {
	container: none;
}

.products_gallery_row_levertijden, .products_gallery_row_levertijden p {
    font-size: var(--text-size-xs);
  color: var(--success-600);
}

.products_price .normalPrice, .products_price .specialPrice, .custom_price_mtw_listing .normalPrice, .custom_price_mtw_listing .specialPrice {
    font-size: var(--text-size-md);
}

.products_name_heading {
    color: var(--heading-color);    
    font-weight: var(--font-weight-bold);
    font-family: var(--heading-font-stack);
  	margin-bottom: 1rem;
}


.normalPrice, .specialPrice {
    --price-font-weight: var(--font-weight-regular);
}


#tabs.ui-tabs div[role="tabpanel"] {
    padding: var(--st-spacing-2xl) !important;
}


/*============================== TYPOGRAPHY ==============================*/
/* hier is een important nodig om inline styling te overschrijden */
#info-section a:not(.btn),
#info-section a *:not(.btn),
.categories_info a:not(.btn),
.categories_info a *:not(.btn),
#productinfo_right p a:not(.btn),
#productinfo_right p a *:not(.btn),
.productinfo_description a:not(.btn),
.productinfo_description p a:not(.btn),
.productinfo_description p a *:not(.btn),
#PRODUCT_INFO_MEER_VAN a:not(.btn) {
 	color: var(--link-color) !important;
}

.bottom_mainpage a:hover,
#menu_top_content a:hover {
   color: var(--link-color);
}

/* hier is een important nodig om inline styling te overschrijden */
#info-section a:hover:not(.btn),
#info-section a:hover *:not(.btn),
.categories_info a:hover:not(.btn),
.categories_info a:hover *:not(.btn),
#productinfo_right p a:hover:not(.btn),
#productinfo_right p a:hover *:not(.btn),
.productinfo_description a:hover:not(.btn),
.productinfo_description p a:hover:not(.btn),
.productinfo_description p a:hover *:not(.btn),
#PRODUCT_INFO_MEER_VAN a:hover:not(.btn) {
    color: var(--link-color) !important;
    text-decoration: underline !important;
}

.center-text {
 	text-align: center; 
}


/*============================== GLOBAL ==============================*/

/******* BOTTOMMENU *******/
.header_bottom {
	margin-bottom: .25rem !important;
}


/******* CATEGORY CARDS *******/

.categories_row {
 	background-color: transparent !important; 
  	border: none;
}

.categories_row .categories_imagecontainer .subimage_normal {
 	width: 100%; 
    height: 100%;
    object-fit: cover;
  	border-radius: 4px;
}

/******* BUTTONS *******/

body.schaduwdoeken-waterdoorlatend .btn_quotation-maatwerk-offerte,
body.schaduwdoek-waterdicht .btn_quotation-maatwerk-offerte,
body.harmonicadoeken .btn_quotation-maatwerk-offerte{
	display: inline-flex !important;
}

div#PRODUCT_INFO_PRICE_BOX div#productinfo_price_box_buttons span button {
 	display: inline-flex; 
}

/*
#contactform_box .configuration_tep_meta.general .configuration_button_general,
.configuration_button_listing_submit,
.configuration_button_productinfo,
.cta_button,
label.btn_quotation-primary {
  	background-color: #F3B131 !important;
  	box-shadow: rgba(242,128,51, .4) 0 2px 4px,rgba(242,128,51, .3) 0 7px 13px -3px,rgba(242,128,51, .5) 0 -3px 0 inset;
  	color: #fff !important;
}
*/

.products_gallery_row_buttons .configuration_button_listing,
.products_gallery_row_buttons .configuration_button_listing_submit {
 	width: fit-content;
}

@media screen and (min-width: 1200px) {
 	.products_gallery_row_buttons .configuration_button_listing,
    .products_gallery_row_buttons .configuration_button_listing_submit {
        margin: 0.5rem; 
    } 
}

/*
.configuration_tep_meta.general .configuration_button_general,
.general_button,
label.btn_quotation-secondary {
 	background-color: #f4f4f4 !important;
  	box-shadow: rgba(136,136,136, .4) 0 2px 4px,rgba(136,136,136, .3) 0 7px 13px -3px,rgba(136,136,136, .5) 0 -3px 0 inset;
  	color: #2d2d2d !important;
}
    */


.configuration_button_listing {
 	/*background-color: #b1e0e3 !important;*/
  	/* box-shadow: rgba(146,212,216, .4) 0 2px 4px,rgba(146,212,216, .3) 0 7px 13px -3px,rgba(146,212,216, .5) 0 -3px 0 inset; */
  	/*color: #11284A !important;*/
}





.btn-primary,
.site-header-basket-button,
.configuration_button_listing_submit,
.configuration_button_productinfo,
.configuration_button_submit {
    border: 0 !important;
	box-shadow: rgb(242 128 51 / .4) 0 2px 4px,rgb(242 128 51 / .3) 0 7px 13px -3px,rgb(242 128 51 / .5) 0 -3px 0 inset;
    transition: box-shadow .15s,transform .15s;
}
.btn-primary:hover,
.site-header-basket-button:hover,
.configuration_button_listing_submit:hover,
.configuration_button_productinfo:hover,
.configuration_button_submit:hover,
.btn-primary:focus,
.site-header-basket-button:focus,
.configuration_button_listing_submit:focus,
.configuration_button_productinfo:focus,
.configuration_button_submit:focus {
    box-shadow: rgba(242,128,51, .4) 0 4px 8px, rgba(242,128,51, .3) 0 7px 13px -3px, #ED7F35 0 -3px 0 inset;
    transform: translateY(-2px);
}

.configuration_button_general,
.product_listing_quotation_button .btn {
    border: 0 !important;
    box-shadow: rgb(146 212 216 / .4) 0 2px 4px,rgb(146 212 216 / .3) 0 7px 13px -3px,rgb(146 212 216 / .5) 0 -3px 0 inset;
    transition: box-shadow .15s,transform .15s;
}
.configuration_button_general:hover,
.product_listing_quotation_button .btn:hover,
.configuration_button_general:focus,
.product_listing_quotation_button .btn:focus {
    box-shadow: rgba(146,212,216, .4) 0 4px 8px, rgba(146,212,216, .3) 0 7px 13px -3px, #92d4d8 0 -3px 0 inset;
    transform: translateY(-2px);
}

.btn-tertiary,
.general_button {
    border: 0 !important;
    box-shadow: rgb(136 136 136 / .4) 0 2px 4px,rgb(136 136 136 / .3) 0 7px 13px -3px,rgb(136 136 136 / .5) 0 -3px 0 inset;
    transition: box-shadow .15s,transform .15s;
}
.btn-tertiary:hover,
.general_button:hover,
.btn-tertiary:focus,
.general_button:focus{
    box-shadow: rgb(136 136 136 / .4) 0 4px 8px,rgb(136 136 136 / .3) 0 7px 13px -3px,#868686 0 -3px 0 inset;
    transform: translateY(-2px);
}



@media screen and (max-width: 768px) {
 	/*div.categories_name > h2 > a {
      	height: 48px;
  		padding: .5rem 1rem;
      	font-size: 1rem;
  	} */
  
  	.configuration_tep_meta.general .configuration_button_general,
	.configuration_button_productinfo,
  	.cta_button,
  	.general_button {
    	width: 100%;
      	margin-left: 0;
      	margin-bottom: .5rem;
  	}
  
  	.tep_meta_continue {
      	width: 100%;
  	}
}










/********* CATEGORIES CARDS GRID *********/
/* .home_page_listing.index.productsclass, 
.home_page_listing.index.categoriesclass {  
      display: grid;
      grid-column-gap: 3vw;
      grid-row-gap: 2.5vw;
  }

.home_page_listing.index.productsclass .div_product_counter.products_gallery_row.hover-box-shadow, 
  .home_page_listing.index.categoriesclass .categories.categories_row {
      width: 100% !important; 
      margin-right: 0 !important;
      margin-bottom: 0 !important;
  }

@media screen and (min-width: 1275px) {
  .home_page_listing.index.productsclass, 
  .home_page_listing.index.categoriesclass {  
      grid-template-columns: minmax(250px, 100%) minmax(250px, 100%) minmax(250px, 100%) minmax(250px, 100%);
  }
  
  .home_page_listing.index.productsclass:before  {
      grid-column-start: 1;
      grid-column-end: 5;
      grid-row-start: 1;
      grid-row-end: 2;
  }
}

@media screen and (max-width: 1274px) { 
  .home_page_listing.index.productsclass, 
    .home_page_listing.index.categoriesclass {  
      grid-template-columns: minmax(150px, 100%) minmax(150px, 100%) minmax(150px, 100%);
  }
  
    .home_page_listing.index.productsclass:before  {
      grid-column-start: 1;
      grid-column-end: 4;
      grid-row-start: 1;
      grid-row-end: 2;
  }
}


@media screen and (max-width: 767px) {
  .home_page_listing.index.productsclass, 
    .home_page_listing.index.categoriesclass {  
      grid-template-columns: minmax(50px, 100%) minmax(50px, 100%);
  }
  
    .home_page_listing.index.productsclass:before  {
      grid-column-start: 1;
      grid-column-end: 3;
      grid-row-start: 1;
      grid-row-end: 2;
  }
} */


/*** footer menu top ***/
.footer__menu-top {
 	display: flex;
  	flex-direction: row;
  	justify-content: center;
  	margin-top: 1rem;
    margin-bottom: calc(var(--footer-margin-y-start) * -1);
  	background-color: rgba(17,40,75,.3);
}

.footer__menu-top p {
 	padding: 1rem .5rem;
    margin-bottom: 0 !important; 
}

.footer__menu-top--list {
 	display: flex;
  	flex-direction: row;
  	list-style: none;
  	overflow-x: auto;
}

.footer__menu-top--list li {
 	padding: 1rem .5rem; 
  min-width: max-content;
}

.footer__menu-top--list a {
 	color: #3b3b3b !important; 
}

.footer__menu-top--list a:hover {
 	color: var(--link-color) !important; 
}

@media screen and (max-width: 1240px) {
  	/*** footer menu top ***/
 	.footer__menu-top {
      	flex-direction: column;
  	}
  
  	.footer__menu-top p {
  		margin-left: 1rem !important;
      	margin-bottom: -1rem !important;
  	}
}

@media screen and (max-width: 768px) {  
  	/*** footer menu top ***/
  	.footer__menu-top {
      	flex-direction: column;
        margin-bottom: -3.25rem;
    }
  
}

.site-footer ul.column-widget td {
    padding-block: 0.25rem;
}





.advice-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.advice-box__inner {
  border-radius: 1rem;
  box-shadow: 0 .5rem 2rem rgba(35,38,45,.1)!important;
  /*margin: -1rem;*/
  padding: 1.25rem 1rem;
  max-width: 100%;
}

@media screen and (min-width: 576px) {
  .advice-box__inner {
    margin: 0;
    padding: 2rem 4rem;
  }
}

.advice-box__header {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: flex-end;
}

.advice-box__visual {
  margin-right: 1.5rem;
}

.advice-box__visual img {
  filter: drop-shadow(0 2px 1px rgba(0,0,0,.2));
}

.advice-box__contact-item {
  display: flex;
  padding-bottom: .5rem;
}

.advice-box__contact-link {
  display: flex;
  width: 100%;
  border-radius: 4px;
  padding: .4rem .8rem;
}

.advice-box__contact-link:hover {
  background-color: hsl(0deg 0% 0% / 1%);
  box-shadow: 0 1px 2px hsl(0deg 0% 0% / 20%);
}

/*
.advice-box__icon {
  padding-right: 0.8rem;
  color: var(--link-color);
}
*/

























/*============================== PRODUCT OVERVIEW ==============================*/

/* 31 maart 2022  */
.filterTuinschutting:Model .tipso {
	display:none;
}






/* sidebar checkboxes */
.has-js .label_check {
    background: url(/images/checkoff.png) no-repeat;
}

.has-js label.c_on {
    background: url(/images/checkon.png) no-repeat;
}

/* Alleen subcategorieen tonen in categorieen box */ /*
#column_left div.box .menu_level_0 > li > a,
#column_left div.box .menu_level_0 > li > .icon-li {
	display:none;
}
*/
/*
#column_left div.box :not(.menu_level_1) li {
	display: none;
}
*/

/*============================== PRODUCT PAGE ==============================*/

.productinfo_offerte_button {
    display: none !important;
}

.productinfo_description {
    margin-left: auto;
    margin-right: auto;
}

/*** checkbox hack ***/
#show_quotation_1,
#show_quotation_2,
.quotation_form,
#show_quotation_maatwerk,
.quotation_form-maatwerk {
  display: none;
}

#show_quotation_1:checked ~ .quotation_form,
#show_quotation_2:checked ~ .quotation_form,
#show_quotation_maatwerk:checked ~ .quotation_form-maatwerk {
  display: block;
  margin-top: 1.5rem;
}

.product_quotation_label {
    display: flex;
    /*justify-content: flex-end;*/
}



@media screen and (min-width: 769px){
 	label.btn_quotation {
   		width: fit-content;   
  	}
}

.product-extra-info_quotation .general_button {
    display: none;
}

.schaduwdoek-waterdicht .product-extra-info_quotation .general_button,
.schaduwdoeken-waterdoorlatend .product-extra-info_quotation .general_button {
    display: inline-flex !important;
}

.contentblock__content--buttons {
    display: flex;
    column-gap: 1rem;
}

@media screen and (max-width: 724px) {
    .product-extra-info_quotation .contentblock__content--buttons {
        flex-direction: column-reverse;
    }
  
  label.btn_quotation {width: 100%;}
}

@media screen and (min-width: 725px) {
    .product-extra-info_quotation .general_button {
        margin-left: 1rem;
    }
}

.productinfo_kenmerken {
    display: none;
}



.productinfo_short_description {
    display: none;
}
.productinfo_article_usps a {
    --link-color: var(--body-text-color);
    text-decoration: underline;
}

/* Colored background on aanbevolen artikelen */
#aanbevolen_artikelen {
  position: relative;
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

#aanbevolen_artikelen::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: calc(-50vw + 50%);
  bottom: 0;
  right: 0;
  width: 100vw;
  background: rgb(157 239 245 / 50%);
}

/*============================== FOOTER ==============================*/

/* 106682 */
.site-footer-socket-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* #102633 */
.bottom_footer_kvk_btw_snippets .bottom_footer_pay {
    display: none;
}

.bottomfooter__content {
    padding: 1.5rem 0;
}

/*============================== PAPERFORM - CONTACTPAGE ==============================*/

.product-page__form,
.pf-form {
  border-radius: 8px;
  padding: 2.5rem 1.5rem 1rem;
}

@media screen and (max-width: 963px){
  .product-page__form,
  .pf-form {
    padding: 1.75rem 0 0;
}
}


.product-page__form {
  /* padding: 2rem 0 0; */
  box-shadow: 0 .5rem 1rem rgba(35,38,45,.1)!important;
}

.pf-form {
        box-shadow: 0 0.7rem 2.5rem rgba(35, 38, 45, .275) !important;
        margin-bottom: 3rem;
}


.contact__content-box {
    margin-bottom: 2rem;
}