/*
Theme Name: Ollie-Staal
Theme URI: 
Author: BuroStaal
Author URI: 
Description: 
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 1.1.15
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ollie
Text Domain: ollie-staal
Tags: 
*/

/*ALGEMEEN*/
.wp-block-post-content {
    margin-block-start: 0 !important;
    }
    :where(figure) {
    margin: 0;
    }
    .wp-element-button:hover, .wp-block-button__link:hover { text-decoration:none }
    
    .separator {
    padding: 0 10px;
    }
    ::placeholder {
    color: #000 !important;
    }
    p a {
    color: #295BDE;
    }
    .width-300 {
    max-width:300px;
    }
    .wp-block-navigation-item__content {
    text-decoration: none !important;
    }
    * {
    -webkit-tap-highlight-color: transparent;
    }
    *:hover,
    *:focus,
    *:active {
    outline: none;
    box-shadow: none;
    }
    .wp-block-kadence-column:has(.tax-link) {
    align-self: flex-start !important;
    }
    .product-content {
    flex-direction: column !important;
    }
    :where(.wp-site-blocks) > * {
    margin-block-start: 0px !important;
    }
    .align-left {
    justify-content: left !important;
    }
    .align-left .kb-svg-icon-wrap {
    border: 1px solid #ffffff;
    border-radius: 100px;
    }
    .align-left:hover .kb-svg-icon-wrap {
    border: 1px solid #0F2246;
    }
    
    /*HOVER KNOPPEN*/
    .prim_btn a, .prim_btn-gr a, .sec_btn a, .sec_btn-wh a, .sec_btn-bl a {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    }
    .prim_btn a:hover {
      background-color: #ffffff00 !important;
      border: 1px solid #0F2246 !important;
    }
    .prim_btn-gr a:hover {
      background-color: #0F2246 !important;
       color: #ffffff !important;
    }
    .sec_btn a:hover {
      background-color: #0F2246 !important;
      border: 1px solid #0F2246 !important;
       color: #ffffff !important;
    }
    .sec_btn-wh a:hover {
      background-color: #ffffff !important;
      border: 1px solid #ffffff !important;
      color: #0F2246 !important;
    }
    .kb-button .kb-svg-icon-wrap,
    .woocommerce ul.products li.product .button {
        display: inline-flex !important;
    }
    
    /* HEADER */
    .megamenu-arrow a.wp-block-navigation-item__content, .megamenu-arrow li.wp-block-navigation-item.wp-block-navigation-link {
     width: 100%;
    }
    .megamenu-arrow .wp-block-navigation-item__label {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    }
    .megamenu-arrow .wp-block-navigation-item__label::after {
    content: "";
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('https://www.vanderendegroup.nl//wp-content/uploads/2024/10/Arrow-Right.svg');
    width: 11px;
    height: 12px;
    }
    .header-search .wp-block-search__button {
    padding: 2px !important;
    }
    .header-search .wp-block-search__inside-wrapper {
    height: 30px;
    }
    :where(.wp-block-search__button) {
    padding: 8px 8px !important;
    }
    .nav-flag::before {
    content: "" !important;
    display: inline-block;
    background-size: contain;
    background-image: url(/wp-content/plugins/multilingualpress/src/modules/SiteFlags/public/css/flags/4x3/nl.svg) !important;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 14px !important;
    margin-right: 6px;
    }
    .flag-sub span::before {
      content: "";
      display: inline-block;
      background-size: contain;
      background-image: url(/wp-content/plugins/multilingualpress/src/modules/SiteFlags/public/css/flags/4x3/us.svg);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    }
    span.wp-block-navigation-item__label {
    display: flex;
    }
    .mega-menu-link {
    min-width: auto !important;
    }
    
    .wp-block-navigation a {
    transition: all 0.3s ease
    }
    .wp-block-navigation a:hover {
    text-decoration: none;
    opacity: 0.5;
    }
    
    li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #fff !important;
    }
    
    /*TAX-LINK*/
    .tax-link {
    font-size: 14px;
    color: #53637E !important;
    }
    .tax-link a{
    margin-right: 10px;
    text-decoration: underline !important;
    }
    
    /* BACK TO TOP KNOP */
    .back-to-top {
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
    }
    .back-to-top.visible {
    opacity: 1;
    pointer-events: auto;
    }
    
    /*POST GRID-CAROOUSEL*/
    .kt-blocks-post-readmore::before {
      content: "\f061" !important;  
      font-family: "Font Awesome 6 Pro" !important;
      font-size: 14px;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
    }
    .kt-blocks-post-readmore {
      float: right;
      width: 50px;
      height: 50px;
      display: flex;
    }
    .kt-blocks-post-readmore:hover {
      background-color: transparent!important;
    }
    .carousel-disciplines .kb-splide .splide__arrow--prev {
       left: -15px!important;
    }
    @media only screen and (max-width: 768px) {
    .carousel-disciplines .kb-slide-item {
    max-width: 300px !important;
    }
    }
    
    .splide__arrow {
    margin: 0px 0px 30px 0px !important;
    }
    .kb-splide .splide__arrow--next{
      right: 0 !important;
    }
    
    /*LINK OVERLAY HOVER*/
    .category-overlay:hover .kb-button,
    .overlay-hover-arrow:hover .kb-button{
    color:#FFF!important;
    background:#0F2246!important;
    border:1px solid #0F2246!important;
    transition:all 0.3s ease;
    }
    .overlay-hover-arrow:hover svg {
    color: #FFF !important;
    }
    .overlay-hover-bg_wh:hover .kt-inside-inner-col svg{
    color:#0F2246 !important;
    }
    .overlay-hover-bg_wh:hover .kb-button {
    border: 1px solid #0F2246 !important;
    }
    .overlay-hover-bg_wh:hover .kt-inside-inner-col {
    background-color:#FFF!important;
    }
    .overlay-hover-bg_wh:hover p{
    color:#0F2246!important;
    }
    .category-overlay:hover .kb-button::before,
    .overlay-hover-arrow:hover .kb-button::before{
    opacity:1!important;
    }
    .overlay-hover-prim:hover .kb-button{
    background-color:#295BDE!important;
    }
    .overlay-hover-bg:hover .kt-inside-inner-col{
    background-color:#D1DBE5!important;
    }
    
    .overlay-hover-icon_wh:hover .kb-button
    {
    background-color: #fff!important;
    border:1px solid #0F2246!important;
    color: #0F2246 !important;
    }
    
    button.wp-block-search__button:hover,
    .kt-blocks-post-grid-item:hover .kt-blocks-post-readmore{
    background-color:#0F2246!important;
    color:#FFF!important;
    transition:all 0.3s ease;
    }
    .overlay-hover-opacity_70 {
    transition: all 0.3s ease !important;
    }
    .overlay-hover-opacity_70:hover {
    opacity: 0.5;
    }
    
    
    /* ACCORDION ICON */
    span.kt-blocks-accordion-title-wrap {
        justify-content: space-between !important;
        width: 100%;
        display: flex;
        align-items: center;
    }
    span.kb-svg-icon-wrap.kb-svg-icon-fe_arrowDown.kt-btn-side-right {
        padding: 15px;
        border-radius: 100px;
        border: 1px solid;
    }
    span.kb-svg-icon-wrap.kb-svg-icon-fe_arrowDown.kt-btn-side-right {
      transform: rotate(0deg);
      transition: transform 0.3s ease;
    }
    .kt-accordion-panel-active span.kb-svg-icon-wrap.kb-svg-icon-fe_arrowDown.kt-btn-side-right {
      transform: rotate(180deg);
    }
    
    /* KAART CONTACT PAGINA */
    p.wpgmza_infowindow_title {
      font-size: 16px;
      font-family: 'Söhne Breit';
      margin-bottom: 6px;
    }
    .wpgmza_infowindow_description a {
      color: #295BDE;
    }
    .gm-style .gm-style-iw-c {
      border-radius: 0px;
    overflow: hidden !important;
    }
       
    
    /* Contact FAQ */
    @media only screen and (min-width: 769px) {
        /* Standaard stijl voor svg en wrapper binnen de #contact-faq container */
        #contact-faq .wp-block-kadence-pane.kt-accordion-pane .kb-svg-icon-wrap {
            background-color: #0F2246;
            transition: background-color 0.3s ease;
        }
        #contact-faq .wp-block-kadence-pane.kt-accordion-pane .kb-svg-icon-wrap svg {
            color: white;
            transition: color 0.3s ease;
        }
    /* Hover stijl voor svg en wrapper binnen de #contact-faq container */
    #contact-faq .wp-block-kadence-pane.kt-accordion-pane:hover .kt-btn-side-right {
    background-color: #ffffff !important;
    }
    #contact-faq .wp-block-kadence-pane.kt-accordion-pane:hover .kb-svg-icon-fe_arrowDown svg {
    color: #0F2246 !important;
    }
    }
    
    /* CAROUSEL BLOK */
    .splide__arrow {
    height: 50px !important;
    width: 50px !important;
    background-color: #ffffff !important;
    border-radius: 100px !important;
    border: 1px solid #0F2246 !important;
    }
    .kb-splide .splide__arrow {
        opacity: 100% !important;
        transition: background-color 0.7s ease;
    }
    .carousel-lg .kb-splide .splide__arrow {
        top: 100% !important;
    }
    .carousel-disciplines .kb-splide .splide__arrow {
        position: relative;
        transform: translateY(0%) !important;
        margin: 0 0.5rem 40px 0.5rem;
    }
    .carousel-disciplines .splide__arrows.splide__arrows--ltr {
    position: absolute;
    right: 0;
    top: -80px;
    display: flex;
    }
    .kb-splide .splide__arrow:hover {
        background-color: #0F2246 !important;
       color: #ffffff !important;
    }
    
    /* GALLERY BLOCK */
    .wp-block-kadence-advancedgallery .kt-blocks-carousel-init[data-slider-dots=true] {
    margin-bottom: 80px;
    }
    
    .kb-gallery-ul.kb-gallery-type-slider .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic.kb-gallery-image-ratio-inherit {
    padding-bottom: 50% !important;
    }
    .splide__arrow svg {
    color: #0F2246;
    }
    .splide__arrow:hover svg{
    color: #FFFFFF !important;
    }
    .carousel:has(.splide__arrows.splide__arrows--ltr) .splide__arrows.splide__arrows--ltr {
        position: absolute;
        bottom: -40px !important;
        width: 100%;
    }
    
    .kadence-blocks-gallery-item__caption {
       top: 0;
       background: linear-gradient(180deg,rgba(10,16,21,.5) 0%,rgba(10,16,21,0) 100%) !important;
       text-align: left !important;
       padding: 12% !important;
    }
    
    /* ADV SLIDER */
    .kb-slider-size-fixed .kb-advanced-slide-inner-wrap {
    min-height: auto !important;
    }
    @media only screen and (max-width: 768px) {
    .kb-advanced-slide-item {
    width: calc(90% + 0px) !important;
    }
    }
    
    /* QUOTE BLOCK */
    .quote-lines::before {
    content: "“";    position: absolute;
    font-size: 30rem;
    top: -90px;
    left: -10%;
    color: #33c7f5;
     -webkit-user-select: none;
    user-select: none;
    z-index: -10;
    line-height: 0.75;
    }
    @media only screen and (max-width: 768px) {
    .quote-lines::before {
    left: -8% !important;
    font-size: 20rem !important;
    top: -30px;
    }
    }
    
    /* AFBEELDING VOLLEDIGE HOOGTE EN BREEDTE */
    .full-height-image, .full-height-image img{
    width: 100%;
    min-height: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }
    .full-embed, .full-embed .wp-block-embed__wrapper{
    height: 100%;
    }
    
    .yoast-breadcrumbs-white,
    .yoast-breadcrumbs-white a {
    color: white;
    }
    .yoast-breadcrumbs {
    width: 100%;
    text-transform: uppercase;
    font-size: 12px !important;
    }
    
    /* alles buiten mobiel en tablet mediaqueries om */
    
    @media only screen and (min-width: 1024px) {
    /* Over ons */
    .quote__content {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.6666666667%;
    margin: 0 auto;
    }
    }
    
    @media only screen and (max-width: 768px) {
        .kadence-column83_0bc7d1-ad {
            min-height: 245px;
        }
    }
    
    @media only screen and (max-width: 1023px) and (min-width: 769px) {
        .kadence-column83_0bc7d1-ad {
            min-height: 500px;
        }
    }
    
    @media only screen and (min-width: 1024px) {
        .kadence-column83_0bc7d1-ad {
            height: 520px;
        }
    }
    
    @media only screen and (max-width: 767px) {
    /* Mobiel (max 767px) */
    h1:not(.exclude) {
    font-size: 32px !important;
    }
    h2 {
    font-size: 24px !important;
    }
    h3 {
    font-size: 18px !important;
    }
    h5 {
    font-size: 12px !important;
    }
    p:not(.exclude):not(.quote-lines),
    a.kb-button,
    a.wp-block-button__link,
    span.kt-blocks-accordion-title {
    font-size: 16px !important;
    }
    .intro-tekst {
    font-size: 18px !important;
    }
    
    .yoast-breadcrumbs, .case-breadcrumbs {
    font-size: 10px !important;
    }
    .quote-lines {
    font-size: 22px !important;
    line-height: 1.7 !important;
    }
    .wp-element-button {
    font-size: 16px;
    }
    .quote__content {
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: relative;
    }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        /* Tablet (768px tot 1024px) */
    h1 {
    font-size: 52px !important;
    }
    h2 {
    font-size: 32px !important;
    }
    h3 {
    font-size: 24px !important;
    }
    h5 {
    font-size: 12px !important;
    }
    p:not(.exclude), a.kb-button, 
    a.wp-block-button__link,
    span.kt-blocks-accordion-title {
    font-size: 16px !important;
    }
    
    .quote-lines {
    font-size: 22px !important;
    line-height: 1.7 !important;
    }
    .intro-tekst {
    font-size: 22px !important;
    }
    
    .yoast-breadcrumbs {
    font-size: 12px !important;
    }
    
    .wp-element-button {
    font-size: 16px !important;
    }
    }
    
    .yoast-breadcrumbs > span > span::after {
    content:"\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 12px;
    margin: 0% 1%;
    }
    
    .breadcrumb_last::after {
    display:none;
    }
    
    @media (max-width: 767px) {
    .carousel-disciplines .splide__arrows.splide__arrows--ltr {
    display: none;
    }
    }
    
    :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
    border: 0px solid #94949400;
    box-sizing: border-box;
    padding: 0px;
    }
    
    html {
      scroll-behavior: smooth;
    }
    
    input.wp-block-search__input{
    background-color: var(--wp--preset--color--base) !important;
    }
    
    /* KB ACCORDION */
    .kt-blocks-accordion-icon-trigger:after, .kt-blocks-accordion-icon-trigger:before {
    height: 2px !important;
    }
    
    /*KB LIST*/
    .wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap {
    align-items: baseline !important;
    
    }
    
    /*KB DYNAMIC LIST*/
    .woocommerce .products ul::before {
    content: none !important;
    }
    .woocommerce .products ul {
    margin: 0px !important;
    }
    .wp-block-kadence-dynamiclist .kb-dynamic-list-item:nth-child(n+4) {
    display: none;
    }
    .wp-block-kadence-dynamiclist {
    row-gap: 0px !important;
    }
    li.kb-dynamic-list-item {
    text-decoration: underline;
    }
    .kb-dynamic-list-item {
    margin: 0px !important;
    }
    
    /*KB FILTERS*/
    .kb-checkbox-style {
    padding: .1em !important;
    }
    
    /* WOOCOMMERCE */
    .tabs.wc-tabs {
    display: none !important;
    }
    .woocommerce-Tabs-panel h2 {
    display: none;
    }
    @media (min-width: 1024px) {
    .wp-block-woocommerce-product-gallery-thumbnails {
    margin-top: 25px;
    }
    }
    .woocommerce-Tabs-panel {
    margin: 0px !important;
    }
    .vde-product-clever-combinations h2 {
    margin-block-start: 0px !important;
    }
    
    /*KB REPEATER */
    .no-row-gap .wp-block-kadence-repeatertemplate {
    row-gap: 0px !important;
    }
    .last-lines_white ul li:nth-last-child(-n+2) {
    border-bottom: 1px solid #ffffff; 
    }
    .last-lines_dark ul li:nth-last-child(-n+2) {
    border-bottom: 1px solid #D1DBE5; 
    }
    @media (max-width: 767px) { .last-lines_white ul li:last-child {
    border-bottom: 1px solid #ffffff; 
    }
    .last-lines_dark ul li:last-child {
    border-bottom: 1px solid #D1DBE5; 
    }
    }
    
    /*POMPTYPE DROPDOWN*/
    .pomptype_dropdown select {
    border-radius: 100px !important;
    border: 1px #cbd5e0 solid !important;
    }
    .pomptype_dropdown select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==) no-repeat calc(100% - 6px) 50%, var(--kb-query-background-color, var(--global-palette9, #fff));
      font-size: 16px;
      line-height: 1.2;
      padding: 8px 32px 8px 8px !important;
      }
    @media (max-width: 1024px) {
    .pomptype_dropdown p,
    .pomptype_dropdown select {
    width: 100%;
    background-color: #fff !important;
    }
    .pomptype_dropdown select {
    height: 42px;
    border: 1px #cbd5e0 solid !important;
    }
    }
    
    /* FOOTER */
    .saturation-hover {
    filter: sepia(100%) hue-rotate(185deg) saturate(0.5);
    opacity: 0.8;
    transition: filter 0.3s ease, opacity 0.3s ease;
    }
    .saturation-hover:hover {
    filter: none;
    opacity: 1;
    }
    .saturation-hover_kiwa {
    filter: sepia(100%) hue-rotate(185deg) saturate(0.5);
    opacity: 0.6;
    transition: filter 0.3s ease, opacity 0.3s ease;
    }
    .saturation-hover_kiwa:hover {
    filter: none;
    opacity: 1;
    }
    .wp-block-social-link {
    border: 1px solid #0F2246;
    }
    
    @media (max-width: 768px) {
    /* Verberg de vorige en volgende knoppen op mobiel */
    .nav-links a.prev.page-numbers,
    .nav-links a.next.page-numbers {
    display: none;
    }
    
    /* Verklein de tekstgrootte van paginanummers zodat alles op één regel past */
    .nav-links .page-numbers {
    font-size: 0.85em;
    }
    }
    
    .handige-combinaties-wrapper .kt-inside-inner-col {
    display:flex;
    flex-direction: row;
    }
    .handige-combinaties-sectie-1 {
    flex-basis: 65% !important;
    }
    .handige-combinaties-sectie-2 {
    flex-basis: 35% !important;
    justify-content: center;
    }
    .handige-combinaties-sectie-1 .kt-inside-inner-col div {
    padding-left: 1%;
    }
    
    /* GRAVITY FORMS */
    body .gform_wrapper .gform_body input[type=text], 
    body .gform_wrapper .gform_body input[type=email], 
    body .gform_wrapper .gform_body textarea {
    border-radius: 0px !important;
    padding: 10px 10px !important;
    min-height: 50px !important;
    }
    body .gform_wrapper input:focus, 
    body .gform_wrapper textarea:focus, 
    body .gform_wrapper select:focus {
    border-color: #295BDE !important;
    box-shadow: none !important;
    }
    body .gform_wrapper::placeholder {
    color: #79859A !important;
    opacity: 1;
    }
    body .gform_wrapper:-ms-input-placeholder {
    color: #79859A !important;
    }
    body .gform_wrapper::-ms-input-placeholder {
    color: #79859A !important;
    }
    .gform-theme--foundation .gform_fields {
    grid-row-gap: 10px !important;
    }
    body .gform_wrapper .gform_body .gfield_label {
    font-weight: 700;
    }
    body .gform_wrapper input[type=submit] {
    transition: all 0.3s ease !important;
    border-radius: 100px !important;
    padding: 16px 22px !important;
    font-size: 18px !important;
    }
    body .gform_wrapper#gform_wrapper_2 input[type=submit]:hover, 
    .gform_wrapper#gform_wrapper_1 input[type=submit]:hover {
    color: #ffffff !important;
    background-color: #0F2246 !important;
    }
    body .gform_wrapper .gform_footer input[type=submit]:hover {
    color: #ffffff !important;
    background-color: #0F2246 !important;
    }
    #gform_wrapper_2 .gform_validation_errors, 
    #gform_wrapper_2 .validation_message, 
    #gform_wrapper_2 .gform_validation_errors h2, 
    #gform_wrapper_2 .gform_validation_errors span {
    color: #ffffff !important;
    border-color: #ffffff40 !important;
    }
    #gform_confirmation_message_1, #gform_confirmation_message_2 {
      color: #ffffff;
      }
    
    #gform_wrapper_3 .gform_required_legend {
    font-size: 14px;
    }
    #gform_wrapper_1 .gform_required_legend,
    #gform_wrapper_2 .gform_required_legend,
    #gform_wrapper_1 .gfield_required_asterisk,
    #gform_wrapper_2 .gfield_required_asterisk {
    color: #fff !important;
    }
    .gform_wrapper .gform_required_legend,
    .gform_wrapper .gfield_required_asterisk {
    font-size: 14px;
    }
    
    /*ZOEKRESULTATEN*/
    .vde-sp-results span,
    .vde-sp-results h3 {
    text-wrap: wrap;
    }
    
    /*PRODUCTPAGINA*/
    .product-content {
    flex-direction: column !important;
    gap: 16px;
    }
    .product-content div {
    align-self: flex-start !important;
    }
    .up-sell-image img {
    width: 100% !important;
    }
    .pl-link, p:has(.pl-link) {
    color: #53637e;
    font-size: 14px;
    margin-right: 7px;
    }
    .value {
    display: flex;
    flex-wrap: wrap;
    }
    
    .wc-block-product-gallery-large-image__container {
      margin-left: auto !important;
      margin-right: auto !important;
      }
    
    .oplossing-card-title {
    font-family: Söhne Breit;
    font-weight: 700;
    }

    /*QUERY CARDS EVEN HOOG*/
.kb-query-item > .wp-block-kadence-column {
  display: flex;
  flex-direction: column;
  height: 100%;
  }
  .kb-query-item > div > .kt-inside-inner-col {
  height: 100%;
  }
  
    
    /*GOOGLE REVIEW FOOTER*/
    a.ti-header.source-Google {
        padding: 0 !important;
    }
    .ti-widget.ti-goog .ti-profile-details {
        flex-direction: column-reverse !important;
    }
    .ti-text:after {
        content: 'Bekijk al onze reviews' !important;
        font-size: 14px;
        font-weight: 100;
        color: #6f7a90;
    line-height: 18px;
    }
    *:lang(en-US) .ti-text:after {
      content: 'See all our reviews' !important;
      font-size: 14px;
      font-weight: 100;
      color: #6f7a90;
  line-height: 18px;
  }
    .ti-text {
        font-size: 0 !important;
    }
    span.ti-rating {
        color: #E5702A;
        font-size: 20px !important;
        font-weight: 500 !important;
    }
    img.ti-star {
        filter: invert(74%) sepia(42%) saturate(1126%) hue-rotate(175deg) brightness(120%) contrast(100%);
    }
    .ti-widget.ti-goog .ti-header:hover {
            -webkit-transform: translate(0px, 0) !important;
            -ms-transform: translate(0px, 0) !important;
            transform: translate(0px, 0) !important;
        }
    .ti-widget.ti-goog .ti-widget-container {
        text-align: left !important;
    }
    .dropdown-toggle{
    border:1px solid white !important;
    border-radius:100px !important;
    font-size:12px;
    color:white !important;
    background-color:#0f2246 !important;
    
    }
    
    .dropdown-toggle:after  {
    font-size:12px;
    color:white !important;
    background-color:#0f2246 !important;
    border: 0px !important;
    }
    
    .dropdown-toggle .wp-block-navigation__container  {
    background-color:#0f2246 !important;
    border:0px;
    }
    
    .dropdown-toggle .wp-block-navigation-item:hover, .dropdown-toggle .wp-block-navigation-item__content:hover {
    background-color: #d1dbe5;
    color:black;
    filter:none !important;
    }
    
    .dropdown-toggle .wp-block-navigation-item__label, .dropdown-toggle .wp-block-navigation-item__label:hover {
    filter:none !important;
    opacity: 1 !important;
    }
    
    .dropdown-toggle:after {
    content: "\f078" !important;
      font-family: 'Font Awesome\ 5 Free';
    font-weight:700;
     transition: transform 0.3s ease; /* Soepele overgang */
    }
    
    .dropdown-toggle:hover:after {
      transform: rotate(180deg); /* Draai 180 graden */
    }
    
    .carousel-disciplines .kt-blocks-carousel-init {
    margin-top: 80px;
    }

    .keep-gap {
      gap: 4px !important;
      flex-wrap: nowrap !important;
      display: flex !important;
      flex-direction: row !important;
      }

/* PRODUCT GALLERIJ */
.wc-block-product-gallery dialog .wc-block-product-gallery-large-image img {
aspect-ratio: 1 / 1;
object-fit: cover;
width: 100%;
}
.wc-block-product-gallery-dialog__body .wc-block-product-gallery-large-image__image-element {
width: 750px !important;
}
ul.wc-block-product-gallery-large-image__container {
max-width: 100%;
}
.wc-block-product-gallery-large-image-next-previous-container button {
width: 50px;
height: 50px;
border-radius: 100px;
background-color: #0F2246;
}
.wc-block-product-gallery-dialog__body {
z-index: 100;
}
dialog.wc-block-product-gallery--dialog-open {
background-color: #0000007d;
margin: 0px !important;
width: 100vw !important;
height: 100vh !important;
}
.wc-block-product-gallery-large-image__inner-blocks path{
stroke: #fff;
}
.wc-block-product-gallery-dialog__header {
padding-top: 60px !important;
display: flex;
justify-content: flex-end;
max-width: 750px;
margin: auto;
}

      .wc-block-product-gallery-large-image__image-element {
      background-color: #D1DBE5;
      padding: 5% !important;
      aspect-ratio: 1 / 1;
      display: flex;
      align-items: center;
      }
      
      .pl-link {
      text-decoration: underline;
      }
      
      .kb-gallery-image-contain img {
      aspect-ratio: 21 / 25;
      object-fit: cover;
      object-position: center;
      width: 100%;
      height: auto;
      }
      
      :where(figure) {
      margin: 0 !important;
      }

.documentatie .kb-button {
text-align: left !important;
}

.fi-en {
  background-image: url(https://www.vanderendegroup.com/wp-content/plugins/multilingualpress/src/modules/SiteFlags/public/css/flags/4x3/gb.svg) !important;
}

.wc-block-product-gallery-large-image-next-previous-container button {
  width: 50px;
  height: 50px;
  border-radius: 100px;
  background-color: #0F2246;
  }
  .wc-block-product-gallery dialog .wc-block-product-gallery-large-image img {
  width: 100% !important;
  }
  
  .wc-block-product-gallery-large-image__image-element img:hover {
      transform: none !important;
  cursor: default !important;
  }
  
  .documentatie li:hover {
  background-color: white !important;
  }

  div[data-hash="159362853"] .kb-radio-check-item[data-value="43"],
  div[data-hash="159362853"] .kb-radio-check-item[data-value="310"]  {
      order: -3;
  }
  
  div[data-hash="159362853"] .kb-radio-check-item[data-value="44"],
  div[data-hash="159362853"] .kb-radio-check-item[data-value="312"] {
      order: -2;
  }
  
  div[data-hash="159362853"] .kb-radio-check-item[data-value="45"],
  div[data-hash="159362853"] .kb-radio-check-item[data-value="309"] {
      order: -1;
  }

  header.wp-block-template-part {
    position: sticky;
    top: 0;
right: 0;
left: 0;
    z-index: 1000;
transition: top 0.2s ease;
}

.fwp_img img {
margin: 24px 0px;
max-height: 120px;
object-fit: contain;
}
.fwpl-result {
display: flex;
flex-direction: column;
height: 100%;
}
.fwpl-result > div:last-child {
flex-grow: 1;
}
.fwp_bottom_wrapper {
display: flex;
flex-direction: column;
gap: 16px;
justify-content: flex-end;
}
.fwpl-btn::after {
content: "\f061";
font-family: "Font Awesome 6 Pro";
font-weight: 400;
margin-left: .5em;
}
.fwpl-result {
transition: background-color 0.3s ease;
justify-content: space-between;
}
.fwpl-result:hover {
background-color: #D1DBE5;
}
.facetwp-display-value, .facetwp-counter {
font-size: 14px;
color: #4a5568;
line-height: 1;
}
.facetwp-checkbox {
background: url('/wp-content/uploads/2025/08/box-uncheck.svg') 0 55% no-repeat !important;
background-size: 14px 14px !important;
margin-bottom: 0px !important;
line-height: 1.5;
}
.facetwp-checkbox.checked {
background: url('/wp-content/uploads/2025/08/box-check.svg') 0 55% no-repeat !important;
background-size: 14px 14px !important;
}
.facetwp-reset {
color: #0f2246;
background: #fff;
border: 1px solid #0f2246;
border-radius: 100px;
padding: 8px 22px;
transition: all 0.3s ease;
}
.facetwp-reset:hover {
color: #fff;
background: #0f2246;
}
@media (max-width: 1024px) {
.fwp-3column {
grid-template-columns: repeat(2, 1fr) !important;
}}
@media (max-width: 640px) {
.fwp-3column {
grid-template-columns: 1fr !important;
}}
.facetwp-facet {
margin: 0px !important;
}
.fwp_cat a{
color: #53637e;
text-decoration: underline;
margin-right: 8px;
white-space: nowrap;
}
.ftp_subtitle {
min-height: 61px;
}
.facetwp-counter {
display:none !important;
}

.facetwp-facet-pagination{
margin-top: 45px !important;
margin-bottom: 45px !important;
}

.facetwp-pager {
width: fit-content;
margin: auto;
}

.facetwp-page{
border: 2px solid transparent;
border-radius: .25rem;
color: inherit;
display: inline-block;
line-height: 2.25em;
margin-right: .5em;
text-align: center;
text-decoration: none;
height: 45px;
min-width: 45px;
}

.facetwp-page:hover {
color:#295bde;
}

.facetwp-page.active {
    border-top: 0px solid #0f2246;
    border-right: 0px solid #0f2246;
    border-bottom: 0px solid #0f2246;
    border-left: 0px solid #0f2246;
    background: #295bde;
    color: #ffffff;
border-radius: 100px;
font-weight: 400 !important;
}