.elementor-kit-6774{--e-global-color-primary:#00336A;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-521964c:#C72223;--e-global-color-7124318:#2A302F;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-f6d6301-font-family:"Heebo";--e-global-typography-f6d6301-font-size:50px;--e-global-typography-f6d6301-font-weight:700;--e-global-typography-f6d6301-line-height:60px;--e-global-typography-868e6ab-font-family:"Heebo";--e-global-typography-868e6ab-font-weight:700;--e-global-typography-7b424df-font-family:"Heebo";--e-global-typography-7b424df-font-size:20px;--e-global-typography-7b424df-font-weight:700;--e-global-typography-7b424df-line-height:29px;--e-global-typography-4d9d870-font-family:"Heebo";--e-global-typography-4d9d870-font-size:16px;--e-global-typography-4d9d870-line-height:26px;}.elementor-kit-6774 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6774{--e-global-typography-f6d6301-font-size:35px;--e-global-typography-f6d6301-line-height:45px;--e-global-typography-868e6ab-font-size:35px;--e-global-typography-868e6ab-line-height:45px;--e-global-typography-7b424df-font-size:16px;--e-global-typography-7b424df-line-height:24px;--e-global-typography-4d9d870-font-size:15px;--e-global-typography-4d9d870-line-height:25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6774{--e-global-typography-f6d6301-font-size:35px;--e-global-typography-f6d6301-line-height:45px;--e-global-typography-868e6ab-font-size:35px;--e-global-typography-868e6ab-line-height:45px;--e-global-typography-7b424df-font-size:16px;--e-global-typography-7b424df-line-height:24px;--e-global-typography-4d9d870-font-size:15px;--e-global-typography-4d9d870-line-height:25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Sidescroll */

/* Tablet & mobiel: maak de grid een horizontale scroller */
@media (max-width: 1024px) {
  .icon-row {
    display: flex !important;          /* override e-grid → flex */
    flex-direction: row !important;
    flex-wrap: nowrap !important;      /* alles op één rij */
    overflow-x: auto;                  /* horizontaal scrollen */
    overflow-y: visible;
    gap: 24px;                         /* ruimte tussen items */
    -webkit-overflow-scrolling: touch; /* smooth op iOS */
    padding-bottom: 8px;               /* ruimte voor evt. scrollbar */
  }

  /* De 5 item-containers binnen de rij */
  .icon-row > .e-con {
    flex: 0 0 auto !important;         /* niet rekken/krimpen */
    width: auto !important;            /* overschrijf evt. 15% */
    flex-basis: auto !important;
    min-width: 200px;                  /* ‘kaart’-breedte per item */
    box-sizing: border-box;
  }

  /* (Optioneel) nette snap-scroll */
  .icon-row { scroll-snap-type: x proximity; }
  .icon-row > .e-con { scroll-snap-align: start; }

  /* (Optioneel) scrollbar verbergen */
  .icon-row::-webkit-scrollbar { display: none; }
  .icon-row { scrollbar-width: none; }
}

/* Verberg de hele Elementor 2180 container op single posts in categorie BHV diensten */
.single-post article.category-bhv-diensten .elementor.elementor-2180 {
    display: none !important;
}

body.category-bhv-diensten #content > div > div.elementor.elementor-2180 {
    display: none!important;
}

/* Mobiel en tablet: horizontale scroll */
@media (max-width: 1199px) {

    .side-scroll-cards {
        overflow: visible;
    }

    .side-scroll-cards > .e-con-inner {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;

        gap: 0;
        padding-bottom: 10px;
    }

    .side-scroll-cards > .e-con-inner > .e-con.e-child {
        flex: 0 0 75% !important;
        max-width: 75% !important;
        width: 75% !important;

        scroll-snap-align: start;
    }

    /* scrollbar verbergen */
    .side-scroll-cards > .e-con-inner::-webkit-scrollbar {
        display: none;
    }

    .side-scroll-cards > .e-con-inner {
        scrollbar-width: none;
    }
}


/*sidescroll services home v2*/

/* Alleen op mobiel sidescroll maken */
@media (max-width: 767px) {
  #services-scroll .e-con-inner {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 16px;
    padding-bottom: 12px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  #services-scroll .e-con-inner > .e-con {
    flex: 0 0 85%;
    scroll-snap-align: start;
  }

  /* optioneel: scrollbar subtieler maken */
  #services-scroll .e-con-inner::-webkit-scrollbar {
    height: 6px;
  }

  #services-scroll .e-con-inner::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.25);
    border-radius: 4px;
  }
}

@media (min-width: 1025px) {
  #services-scroll .elementor-element-4485b51 {
    position: relative;
    overflow: visible;
  }

  #services-scroll .elementor-element-4485b51::after {
    content: "";
    position: absolute;
    top: 0;
    right: -24px;
    width: 24px;
    height: 100%;
    background: #c72223;
  }
}/* End custom CSS */