/* 
Theme Name: Hello Elementor Child - 4.2.1
Theme URI: https://github.com/elementor/hello-theme/
Description: Toevoegen betaallogo's en reviews op PDP
Author URI: https://elementor.com/
Template: hello-elementor
Version: 4.2.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Product archive header */
.header-tekst{color:#7A7A7A;font-family: "Varela Round", sans-serif;}
.fal, .far, .fa, .fas{font-family:"Font Awesome 5 Pro" !important;}

/* Mobiel filtermenu */
.yith-wcan-filters.filters-modal.open{z-index:9999 !important;}
:is(.sleeknote-anchor, #Teaser--1497f65e8-b43d-4bf2-a463-6608eb484bd8){z-index:9998 !important;}

/* Default breadcrumbs */
#breadcrumbs .br-angle{padding:0 10px;}
#breadcrumbs span.breadcrumb_last{font-weight: 400;}
.woocommerce-breadcrumb{word-break:break-word;}

/* Custom breadcrumbs */
.custom-breadcrumbs{margin-top: 20px;}
.custom-breadcrumbs p#breadcrumbs{font-size: 15px;color: rgb(84, 89, 95);}
.custom-breadcrumbs p#breadcrumbs a{color: rgb(84, 89, 95);}
.custom-breadcrumbs p#breadcrumbs .br-angle{padding:0 10px;}
.custom-breadcrumbs p#breadcrumbs span.breadcrumb_last{font-weight: 400;}

/* Filters - submenu */
.tax-product_cat .elementor-widget-wrap .elementor-widget-text-editor .elementor-widget-container ul{list-style-type: none;padding:0 10px;}
.tax-product_cat .elementor-widget-wrap .elementor-widget-text-editor .elementor-widget-container ul ul{padding: 0;}
.tax-product_cat .elementor-widget-wrap .elementor-widget-text-editor .elementor-widget-container ul li ul{padding-left:20px;}
.tax-product_cat .elementor-widget-wrap .elementor-widget-text-editor .elementor-widget-container ul li ul li{position: relative;}
.tax-product_cat .elementor-widget-wrap .elementor-widget-text-editor .elementor-widget-container ul li ul li::before{position: absolute;content: '-';width: 7px;height: 100%;background-color: transparent;top: 0;left: -10px;opacity: 0.65;color:#2d2d2d;}
.tax-product_cat .elementor-widget-wrap .elementor-widget-text-editor .elementor-widget-container li a{display: block;margin-bottom: 3px;width: fit-content;color:#2d2d2d;}
.tax-product_cat .elementor-widget-wrap .elementor-widget-text-editor .elementor-widget-container strong{font-weight: 400;text-decoration: underline;}

/* Filters - sorteren op */
#sort-by select{appearance: none;-webkit-appearance: none;}
#sort-by select{border: none;background: #f2f2f2;padding: 10px 45px 10px 15px;border-radius: 5px;font-weight: bold;position: relative;background-image: url(assets/images/arrow-down.svg);background-size: 10px 10px;background-repeat: no-repeat;background-position-y: 50%;background-position-x: calc(100% - 15px);color:#2d2d2d;font-family: var(--e-global-typography-text-font-family);font-size: 14px;line-height: 1.3;}

/* New header/breadcrumbs */
#kolommen-wrap{flex-direction: column-reverse;}
#header-kol-1{display: flex;flex-direction: column;justify-content: center;background:#ececec;}
#header-kol-1 #content-wrap{padding-top:50px;padding-bottom:50px;}
#header-kol-1 h1{font-family: var(--e-global-typography-primary-font-family), Sans-serif;font-weight: var(--e-global-typography-primary-font-weight);display: block;margin-bottom: 20px;width: 100%;
word-break: break-word;}
#header-kol-1 .header-tekst{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#header-kol-1 .header-tekst p{color:rgb(122, 122, 122);font-family: "Varela Round", sans-serif;font-size: 16px;font-weight: 500;margin-bottom: 10px;}
#header-kol-1 .leesmeer{font-family: "Varela Round", sans-serif;font-size: 16px;font-weight: 500;margin-top: 10px;}

#header-kol-2{min-height: 200px;max-height: 200px;}
#header-kol-2 img{display: block;object-fit:cover;min-height: 200px;max-height: 200px;width: 100%;}

#lees-meer{padding-top: 50px;padding-bottom: 25px;}

#new-breadcrumbs{margin: 15px 0;color:#2d2d2d;}
#new-breadcrumbs .fa-home{color:#2d2d2d;padding: 0;}
#new-breadcrumbs i{padding:0 10px;color:#2d2d2d;}
#new-breadcrumbs a{color:#2d2d2d;}
#new-breadcrumbs .elementor-widget-wrap{display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* Filter knop */
button.yith-wcan-filters-opener{background: #f2f2f2 !important;border: none;color: #2d2d2d !important;font-weight: bold;display: inline-flex;align-items: center;}
button.yith-wcan-filters-opener > i{margin-right: 10px !important;color:#2d2d2d;}
button.yith-wcan-filters-opener :is(:focus, :focus-within, :hover){color:#2d2d2d !important;background: #f2f2f2 !important;border:none;font-weight: bold;}
button.yith-wcan-filters-opener:hover > i{color:#2d2d2d !important;filter:none !important;}

/* Apply/reset filters */
.yith-wcan-filters button.apply-filters{width: 100% !important;margin-right: 0 !important;background-color:rgb(2,58,120) !important;border:none !important;}
.yith-wcan-filters button.apply-filters:hover{background-color:rgb(2,58,120) !important;border:none !important;}

button.yith-wcan-reset-filters{width: fit-content !important;margin-right: 0 !important;background-color: #f2f2f2 !important;border: none !important;color: #000 !important;font-weight: 500 !important;}
button.yith-wcan-reset-filters:hover{background-color: #dfdddd !important;color:#000 !important;}

/* Filters styling */
#cat-container h3{background: none;height: unset;line-height: 100%;text-align: left;width: 100%;display: block;position: relative;padding-bottom: 15px;margin-top:-24px;margin-bottom: 10px;border-bottom: 1px solid #ededed;word-break: break-word;}
.yith-wcan-filters.filters-modal h3.mobile-only{background: #d4ecf8;}

/* CTA producttegel */
.cta-producttegel > .uael-woo-product-wrapper{position: relative;display: flex;flex-direction:column;justify-content: flex-end;overflow: hidden;border-radius: 10px;border: none !important;}
.cta-producttegel img{width: 100%;object-fit: cover;display: block;object-position: 50% 50%;aspect-ratio:16/9;}
.cta-producttegel .content{padding: 30px;width: 100%;height: fit-content;background-color: #ffc26e;display: flex;flex-direction: column;justify-content: flex-end;position: relative;}
.cta-producttegel .content::before{position: absolute;z-index:0;content:'';width: 100%;height: 50px;background: rgb(255,194,110);background: linear-gradient(0deg, rgba(255,194,110,1) 0%, rgba(255,255,255,0) 100%);top:-50px;left:0;}
.cta-producttegel h3{font-size: 18px !important;font-weight: 700 !important;line-height: 23px;padding: 0 !important;margin: 0 !important;font-family: "Varela Round", sans-serif;}
.cta-producttegel .txt p{font-size: 13px;line-height: 19px;margin: 15px 0 25px 0;color: #000;font-family: "Varela Round", sans-serif;}
.cta-producttegel .btn{color: #fff;background: #023a78;font-weight: 500;font-family: "Varela Round", sans-serif;}
.cta-producttegel .btn i{margin-left:10px;transition:all 100ms ease-in-out;}
.cta-producttegel .btn:hover{color:#fff;background: #054995f2;}
.cta-producttegel .btn:hover > i{transform: translateX(3px);}

/* ATC button A/B-test */
/*.atc-wrapper{display: none;}

.single-product-abtest .atc-wrapper{position: fixed !important;bottom: 0 !important;left: 0 !important;width: 100%;background-color: #fff;padding: 15px;z-index: 999;display: flex;justify-content: center;box-shadow: 0 -5px 20px rgba(0, 0, 0, .075);transition:all 150ms ease-in-out;transform: translateY(30px);opacity: 0;visibility: hidden;pointer-events: none;}
.single-product-abtest .atc-wrapper.show{transform: translateY(0);opacity: 1;visibility: visible;pointer-events: unset;}
.single-product-abtest .atc-wrapper .atc-inner{max-width: 400px;width: 100%;}
.single-product-abtest .mwai-chatgpt-theme.mwai-window{z-index: 998 !important;}

@media(min-width:992px){
    .single-product-abtest .atc-wrapper .atc-inner{max-width: 1140px;}
}*/

/* FAQ */
.faq-header{background: rgb(236 236 236 / 50%);padding: 60px 0;}
:is(.faq-header, .single-faq-header) .elementor-widget-wrap{padding: 0 !important;}

.faq-content{margin: 60px 0;}
/*.faq-content .cat-wrap{border-radius: 5px;border:1px solid #E1DFDF;overflow: hidden;}*/
/*.faq-content .cat-header{border-radius: 5px 5px 0 0;padding: 15px;background:#fff;}*/
.faq-content .cat-header{border-radius: 5px;padding: 15px;background: #f9f9f9;margin-bottom: 15px;border: 1px solid #E1DFDF;}
/*.faq-content .cat-header .icon{min-width: 38px;max-width: 38px;min-height: 38px;max-height: 38px;border-radius: 50%;/*background: rgb(212 236 248 / 50%);}
.faq-content .cat-header .icon i{color:#023A78;}*/
.faq-content .cat-header .icon img{display: block;object-fit: contain;width: 30px;height: 30px;}
.faq-content .cat-header span{font-size: 16px;font-weight: 600;color: #023A78;display: block;width: fit-content;height: fit-content;}

.faq-content .cat-header .icon.blauw{background: rgb(212 236 248 / 50%);}
.faq-content .cat-header .icon.blauw i{color:#023A78 !important;}

.faq-content .accordion{border: 1px solid #E1DFDF;border-radius: 5px;overflow: hidden;}

.faq #accordionGroup{width:100%;}
.faq .accordion-item{box-shadow:none;border:none;border-radius: 0;border-top: 1px solid #E1DFDF;}
.faq .accordion-header{padding:0;border:none;margin: 0;}
.faq .accordion-button:focus{box-shadow: none !important;}
.faq .accordion-button::after{display: none;}
.faq :is(.accordion-item:last-of-type, .accordion-item:first-of-type) .accordion-button{border-radius: 0 !important;}

.faq-content .accordion-item:first-of-type{border-top: none !important;}

.faq h4 button{padding:18px 60px 18px 25px;font-weight:500;font-size: 16px;line-height: 1.25;box-shadow: none;outline: none;width: 100%;color: rgb(33, 37, 41) !important;border:none !important;white-space: unset !important;text-align: left;}
.faq h4 button.collapsed{background-color:#fff;}
.faq h4 button i{position:absolute;right:25px;top:calc(50% - 9px);transition:all 200ms ease-in-out;color:#023A78;font-weight: 400;font-size: 20px;}
.faq h4 button:not(.collapsed){box-shadow: none;background-color: #fff;color: #000;}
.faq h4 button:not(.collapsed) i{transform: rotate(180deg);}

.faq .accordion-body{padding:0 25px 25px 25px;background-color:#fff;}
.faq .accordion-body p{font-size: 14px;line-height: 24px;}
.faq .accordion-body:not(:has(a.leesmeer)) p:last-of-type{margin-bottom: 0;}
.faq .accordion-body a.leesmeer, .faq-module .leesmeer{display: block;width: fit-content;text-decoration: none;color: #023A78;font-weight: 600;margin-top: 18px;transition: all 150ms ease-in-out;font-size: 15px;}

.faq-module{padding: 60px 0;background: rgb(212 236 248 / 20%);}
.faq-module h2{font-size: 22px;color:#023A78;margin: 0;}
.faq-module .accordion-item{border:1px solid #E3E3E3;border-radius: 5px;overflow: hidden;}

.single-faq-header{position: relative;background: #F5F5F5;overflow: hidden;}
.single-faq-header .bg{height: 200px;width: calc(100% + 24px);top: 0;left: -12px;position: relative;}
.single-faq-header .bg img{display: block;width: 100%;height: 100%;object-fit: cover;}

.single-faq-header .breadcrumbs{margin-bottom: 35px;}
.single-faq-header .content{padding: 60px 0;}
.single-faq-header .content h1{color:#023A78;font-size: 32px;font-weight: bold;line-height: calc(100% + 10px);}

.single-faq-content{margin: 60px 0;}
.single-faq-content .tekst :is(h1,h2,h3,h4){color: #023A78;font-weight: bold;font-size: 22px;line-height: calc(100% + 5px);margin:50px 0 20px 0;}
.single-faq-content .tekst > :is(h1,h2,h3,h4):first-child{margin-top: 0 !important;}
.single-faq-content .tekst p a:has(img){display: block;width: 100%;height: fit-content;margin:40px 0;border-radius: 10px;overflow: hidden;}
.single-faq-content .tekst p a:has(img) img{display: block;width: 100%;height: auto;}

.single-faq-content .faq-widget{background: #F1F5FB;border-radius: 10px;padding: 30px;}
.single-faq-content .faq-widget h4{color: #023A78;font-weight: bold;font-size: 20px;line-height: 24px;margin: 0;}
.single-faq-content .faq-widget .tekst p{color: #000;font-size: 14px;line-height: 22px;}
.single-faq-content .faq-widget a{text-decoration: none;transition: all 150ms ease-in-out;color: #54595F;font-size: 16px;font-weight: bold;background: #FFC26E;border-radius: 10px;display: block;width: fit-content;height: fit-content;padding: 14px 22px;}
.single-faq-content .faq-widget a:hover{background:#f5b052;}

/* FAQ module (Elementor) */
.elementor-element:has(.faq-module){padding: 0;background:rgb(212 236 248 / 20%);}
.elementor-element:has(.faq-module) :is(.faq-module, .elementor-element){background:transparent;}

/*@media(min-width:1140px){
    .elementor-element:has(.faq-module) .faq-module{background:transparent;position: relative;}
    .elementor-element:has(.faq-module) .faq-module::before{background: rgb(212 236 248 / 20%);content: '';position: absolute;left: calc((-100vw + 1140px) / 2);width: 100vw;top: 0;height: 100%;z-index: -1;}
}*/

@media (min-width: 576px) {
    .single-faq-header .bg{width: 100vw;/*left: calc((-100vw + 540px - 24px) / 2);*/}
}
@media (min-width: 768px) {
    .faq-header, .faq-module, .single-faq-header .content{padding: 80px 0;}
    .faq-content, .single-faq-content{margin: 80px 0;}
    .single-faq-header .bg{height: 300px;/*left: calc((-100vw + 720px - 24px) / 2);*/}
}
@media (min-width: 992px) {
    .faq-header, .faq-module, .single-faq-header .content{padding: 100px 0;}
    .faq-content, .single-faq-content{margin: 100px 0;}
    .single-faq-header .bg{position: absolute;top: -100px;left: 0;height: calc(100% + 200px);width: calc((100vw - 300px) / 2);}
}
@media (min-width: 1200px) {
    .single-faq-header .bg{width: calc((100vw - 150px) / 2);}
}
@media (min-width: 1400px) {
    .single-faq-header .bg{width: calc((100vw + 50px) / 2);}
}

/* ------------------- */

@media(max-width: 767px){
    #sort-by{display: block;width: 100%;height: fit-content;margin-bottom: 30px;}
    #sort-by form{float:unset !important;width: 100%;}
    
    #cat-container ul{display: block !important;}
    #cat-container ul:first-child{display: block !important;margin: 20px 0 10px 0;padding: 0 0 0 10px;}
    #cat-buttons .elementor-widget-container{display: flex;align-items: center;}
    #cat-buttons .elementor-element{margin-bottom: 0;}

    .yith-wcan-filter .filter-content ul{display: block !important;}

/*    #filter-button .elementor-widget-wrap{padding: 0 20px 0 0;}*/
    .geen-padding{padding: 0 !important;}

    #sort-by .elementor-widget-container{margin-bottom: 15px;}
    .filters-container .yith-wcan-filter :is(h4, h4::after){color:#2d2d2d;font-size: 16px;}

    #cat-container h3{margin-top: -10px;}
}

@media(min-width: 768px){
    #sorteer-kolom{width: 100%;}
    #sorteer-kolom .elementor-widget:nth-child(1){width: 60%;position: relative;}
    #sorteer-kolom .elementor-widget:nth-child(2){width: 40%;}
    #sorteer-kolom .elementor-widget:nth-child(1):after{position: absolute;top:0;right:-5px;width:50px;height:100%;z-index:999;background:linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);content:'';pointer-events: none;}
    #sorteer-kolom .elementor-widget-wrap{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;}

    #sort-by{display: flex;justify-content: flex-end;align-items:center;}
    #sort-by form{float:unset;width: fit-content;}

    /* New header/breadcrumbs */
    #new-cat-header{position: relative;top:-1px;margin-bottom: -1px;}
    #kolommen-wrap{flex-direction: row;}
    #header-kol-1{align-items: flex-end;}
    #header-kol-1 #content-wrap{padding-top:75px;padding-bottom:75px;padding-right: 25px;}
    #header-kol-2, #header-kol-2 img{min-height: unset;max-height: unset;}

    #header-kol-1 .header-tekst{-webkit-line-clamp: 3;}

    /* CTA producttegel */
    .cta-producttegel img{aspect-ratio:unset;position: absolute;top: 0;left: 0;z-index: 0;height: 55% !important;}
    .cta-producttegel .content{min-height: 45%;}
}

@media(max-width: 991px) {
    .filters-container .yith-wcan-filter{border-radius: 0 !important;padding: 15px 0 !important;border-left: none !important;border-top: none !important;border-right: none !important;}
/*    .filters-container .yith-wcan-filter :is(h4, h4::after){color:#2d2d2d;font-size: 16px;}*/
}

#cat-buttons ul.premium-bullet-list-box{flex-wrap:nowrap;overflow-x:scroll;}
#cat-buttons ul.premium-bullet-list-box li:last-child{margin-right: 75px;}
#cat-buttons ul.premium-bullet-list-box li{border-color: #d7d5d5;}
#cat-buttons ul.premium-bullet-list-box li span{color:#2d2d2d;font-weight: bold;font-size: 14px;}

@media(min-width: 992px){ 
    /* Desktop filters - accordion */
    .tax-product_cat .elementor-widget-wrap .elementor-widget-container .filters-container .yith-wcan-filter h4.filter-title{display: flex;align-items:center;justify-content:space-between;border-bottom: 1px solid #ededed;padding-bottom: 15px;font-size: 16px !important;}
    .tax-product_cat .elementor-widget-wrap .elementor-widget-container .filters-container .yith-wcan-filter h4.filter-title:hover, .more-filters:hover{cursor:pointer;}
    .tax-product_cat .elementor-widget-wrap .elementor-widget-container .filters-container .yith-wcan-filter h4.filter-title > i{margin-left: 10px;transition:all 150ms ease-in-out;}
    
    .rotate-i{transform:rotate(180deg);}
    .more-filters{display: flex;justify-content: center;align-items: baseline;width: fit-content;color: #184b84;font-weight: 500;margin-top: 5px;font-size: 14px;}
    .more-filters > i{margin-right: 5px;}

    .tax-product_cat .elementor-widget-wrap .elementor-widget-container .filters-container .yith-wcan-filter .filter-content .term-label{font-size: 14px;position: relative;top: -2px;}

    #cat-container .elementor-divider{display: none;}
    #cat-container .elementor-widget{margin-bottom: 0;}

    /*#cat-buttons .elementor-widget-container{overflow-x:scroll;}
    #cat-buttons ul.premium-bullet-list-box{width: 620px;display: inline-block;white-space: nowrap;}
    #cat-buttons ul.premium-bullet-list-box li:first-child{margin-left: 0;}
    #cat-buttons ul.premium-bullet-list-box li{display: inline-block;width: fit-content;}

    #sorteer-kolom .elementor-widget:nth-child(2){align-items: start;margin-top: 5px;}
    #sorteer-kolom .elementor-widget:nth-child(1):after{height:40px;top:6px;}

    #cat-buttons .elementor-widget-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px transparent;border-radius:10px;background-color: transparent;}
    #cat-buttons .elementor-widget-container::-webkit-scrollbar{height: 8px;background-color:#ededed;border-radius: 10px;}
    #cat-buttons .elementor-widget-container::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px transparent;background:rgb(2 58 120 / 31%);}*/

    #cat-container h3{margin-bottom: 30px;}
    
    .yith-wcan-filters-opener{display: none !important;}
    button.yith-wcan-reset-filters{margin-bottom: 15px;}
}

@media(min-width: 1025px){
    #header-kol-1 #content-wrap{padding-right: 50px;}
    #cat-naam-kolom{width: 33.333333% !important;}

    #cat-container h3{display: none;}
    #cat-container .elementor-widget-container:nth-child(1){margin-top: -12px;}
}

@media(min-width: 768px) and (max-width: 1159px){
    #cat-buttons .elementor-widget-container{overflow-x:scroll;}
    #cat-buttons ul.premium-bullet-list-box{width: 620px;display: inline-block;white-space: nowrap;}
    #cat-buttons ul.premium-bullet-list-box li:first-child{margin-left: 0;}
    #cat-buttons ul.premium-bullet-list-box li{display: inline-block;width: fit-content;}

    #sorteer-kolom .elementor-widget:nth-child(2){align-items: start;margin-top: 5px;}
    #sorteer-kolom .elementor-widget:nth-child(1):after{height:40px;top:6px;}

    #cat-buttons .elementor-widget-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px transparent;border-radius:10px;background-color: transparent;}
    #cat-buttons .elementor-widget-container::-webkit-scrollbar{height: 8px;background-color:#ededed;border-radius: 10px;}
    #cat-buttons .elementor-widget-container::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px transparent;background:rgb(2 58 120 / 31%);}
}

@media(min-width: 1160px){
    #content-wrap{max-width: 570px;}
    #header-kol-1 #content-wrap{padding-right: 75px;}
    #header-kol-1 .header-tekst{-webkit-line-clamp: 4;}

    #cat-buttons .elementor-widget-container{overflow-x:unset;}
/*    #sorteer-kolom .elementor-widget:nth-child(1){width: fit-content;}*/
    #sorteer-kolom .elementor-widget:nth-child(1){width: 70%;}
    #sorteer-kolom .elementor-widget:nth-child(2){width: 30%;}
    #sorteer-kolom .elementor-widget:nth-child(1):after{display: none;}
}