.elementor-629 .elementor-element.elementor-element-1fdd08c7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:-140px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;--z-index:20;}.elementor-629 .elementor-element.elementor-element-1fdd08c7:not(.elementor-motion-effects-element-type-background), .elementor-629 .elementor-element.elementor-element-1fdd08c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#21202000;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-629 .elementor-element.elementor-element-72fb27dd{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-629 .elementor-element.elementor-element-72fb27dd img{width:80%;}.elementor-629 .elementor-element.elementor-element-90e888c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-629 .elementor-element.elementor-element-19fefca9 .elementor-menu-toggle{margin:0 auto;}.elementor-629 .elementor-element.elementor-element-19fefca9 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;}.elementor-629 .elementor-element.elementor-element-19fefca9 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-text );}.elementor-629 .elementor-element.elementor-element-19fefca9 .elementor-nav-menu--dropdown a:hover,
					.elementor-629 .elementor-element.elementor-element-19fefca9 .elementor-nav-menu--dropdown a:focus,
					.elementor-629 .elementor-element.elementor-element-19fefca9 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-629 .elementor-element.elementor-element-19fefca9 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-629 .elementor-element.elementor-element-19fefca9 .elementor-menu-toggle:hover,
					.elementor-629 .elementor-element.elementor-element-19fefca9 .elementor-menu-toggle:focus{color:var( --e-global-color-secondary );}.elementor-629 .elementor-element.elementor-element-19fefca9 .elementor-nav-menu--dropdown a:hover,
					.elementor-629 .elementor-element.elementor-element-19fefca9 .elementor-nav-menu--dropdown a:focus,
					.elementor-629 .elementor-element.elementor-element-19fefca9 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-629 .elementor-element.elementor-element-19fefca9 .elementor-nav-menu--dropdown a.highlighted{background-color:#F1F1F1;}.elementor-629 .elementor-element.elementor-element-19fefca9 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-629 .elementor-element.elementor-element-19fefca9 .elementor-nav-menu--dropdown .elementor-item, .elementor-629 .elementor-element.elementor-element-19fefca9 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Barlow", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;}.elementor-629 .elementor-element.elementor-element-27c2efab{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--z-index:20;}.elementor-629 .elementor-element.elementor-element-70c95395{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-629 .elementor-element.elementor-element-70c95395 img{width:80%;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-629 .elementor-element.elementor-element-75ce9de8 .elementor-icon-wrapper{text-align:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-629 .elementor-element.elementor-element-27c2efab{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:-150px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-629 .elementor-element.elementor-element-70c95395{text-align:left;}.elementor-629 .elementor-element.elementor-element-70c95395 img{width:50%;}.elementor-629 .elementor-element.elementor-element-75ce9de8 > .elementor-widget-container{padding:13px 0px 0px 0px;}.elementor-629 .elementor-element.elementor-element-75ce9de8 .elementor-icon{font-size:24px;}.elementor-629 .elementor-element.elementor-element-75ce9de8 .elementor-icon svg{height:24px;}}@media(max-width:767px){.elementor-629 .elementor-element.elementor-element-27c2efab{--justify-content:space-between;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:20;}.elementor-629 .elementor-element.elementor-element-70c95395 img{width:50%;}}/* Start custom CSS for container, class: .elementor-element-1fdd08c7 *//* Default state of the header */
.your-header-class {
    background-color: transparent; /* Header is initially transparent */
    height: 140px; /* Default height of the header */
    padding-top: 20px; /* Padding inside the header */
    padding-bottom: 20px; /* Padding inside the header */
    transition: background-color 0.3s ease, box-shadow 0.3s ease, height 0.3s ease, padding 0.3s ease; /* Smooth transition for all properties */
    box-shadow: none; /* No shadow by default */
}

/* Default color for the headings in the header */
.header-heading {
    color: white; /* Headings are white by default */
    transition: color 0.3s ease; /* Smooth color transition */
}

/* Default logo */
.logo {
    transition: 0.3s ease-in-out;
}

/* When the header becomes sticky (on scroll) */
.your-header-class.elementor-sticky--effects {
    background-color: white !important; /* Change background to white when sticky */
    height: 120px; /* Shrink header height when sticky */
    padding-top: 10px; /* Reduce padding on top when sticky */
    padding-bottom: 20px; /* Reduce padding on bottom when sticky */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add slight shadow under the header */
}

/* Change heading colors when the header becomes sticky */
.your-header-class.elementor-sticky--effects .header-heading {
    color: black !important; /* Change headings to black when sticky */
}

/* Change the logo when the header is sticky */
.your-header-class.elementor-sticky--effects .logo {
    content: url('http://stichtinghedera.nl/wp-content/uploads/2025/05/logo-hedera.png'); /* Change logo */
    transform: scale(0.8); /* Make logo 80% of its original size */
    transition: transform 0.3s ease-in-out; /* Smooth scaling transition */
}

}

/* Optional: Adjust the container inside the header if needed */
.your-header-class.elementor-sticky--effects > .elementor-container {
    transition: padding 0.3s ease; /* Smooth padding change */
}

/* Standaard menu kleur (wit) */
.your-header-class .elementor-nav-menu a {
    color: white !important; /* Standaard menu-items wit */
    transition: color 0.3s ease; /* Vloeiende overgang van de kleur */
}

/* Kleur van het menu veranderen als de header sticky wordt */
.your-header-class.elementor-sticky--effects .elementor-nav-menu a {
    color: black !important; /* Menu-items worden zwart als de header sticky is */
}

/* Standaard dropdown menu kleur (zwart) */
.your-header-class .elementor-nav-menu .sub-menu a {
    color: black !important; /* Dropdown menu-items standaard zwart */
}

/* Standaard dropdown icoon (wit) */
.your-header-class .elementor-nav-menu .menu-item-has-children > a .e-font-icon-svg {
    fill: white !important; /* SVG-iconen gebruiken 'fill' in plaats van 'color' */
    transition: fill 0.3s ease;
}

/* Sticky header dropdown icoon (zwart) */
.your-header-class.elementor-sticky--effects .elementor-nav-menu .menu-item-has-children > a .e-font-icon-svg {
    fill: black !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27c2efab *//* Default state of the header */
.your-header-class2 {
    background-color: transparent; /* Header is initially transparent */
    transition: background-color 0.3s ease, box-shadow 0.3s ease, height 0.3s ease, padding 0.3s ease; /* Smooth transition */
    box-shadow: none; /* No shadow by default */
}

/* Default color for the burger menu */
.burgermenu {
    color: white; /* Default white */
    transition: color 0.3s ease;
}

/* When the header becomes sticky */
.your-header-class2.elementor-sticky--effects {
    background-color: white !important; /* White background when sticky */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Slight shadow under header */
}

/* Change burger menu color when sticky */
.your-header-class2.elementor-sticky--effects .burgermenu {
    color: black !important; /* Change to black */
}

/* Change the logo image when the header is sticky */
.your-header-class2.elementor-sticky--effects .logo2 img {
    content: url("http://stichtinghedera.nl/wp-content/uploads/2025/05/logo-hedera.png") !important;
}

/* Optional: Adjust padding when sticky */
.your-header-class2.elementor-sticky--effects > .elementor-container {
    transition: padding 0.3s ease;
}

/* Default state for SVG inside .burgermenu */
.burgermenu svg {
    fill: white; /* Default white */
    transition: fill 0.3s ease;
}

/* Change SVG color when sticky */
.your-header-class2.elementor-sticky--effects .burgermenu svg {
    fill: black !important; /* Change to black */
}/* End custom CSS */