/* Global color variable */
:root {

    /*groen*/
    --mat-groen: #A2C6AC;
    --licht-groen: #D2E3D7;
    --donker-groen: #4C806F;
    --tekst-groen: #044B38;

    /* achtergrondkleuren groen */
    --licht-groen-achtergrond: #E7F2EB;
    --groen-achtergrond: #D2E3D7;

    /*geel*/
    --mat-geel: #FDDD78;
    --licht-geel: #F8EECC;
    --donker-geel: #FFD140;
    --tekst-geel: #FBD550;

    /* Primaire kleuren */
    --primary-color: #FBBB48;
    --secondary-color: #EA3797;
    --tertiary-color: #ED762F;
    --red-color: #EA3531;
    --white-color: #fff;
    --black-color: #000;
}


/* Global font */
html,
body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: #000;
}

/* UL Stylen Geef UL list item bolletje en margin beneden maar niet in de header*/
body ul li {
    list-style-type: disc;
    padding-left: 1rem;

}

.elementor-element ul {
    margin-bottom: 1rem !important;
    margin-left: 1rem;
}

body .elementor-location-header ul {
    margin-bottom: 0rem !important;
}

.elementor-search-form__input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #707070 !important;
  opacity: 1 !important;
}
.elementor-search-form__input::-moz-placeholder { /* Firefox 19+ */
  color: #707070 !important;
  opacity: 1 !important;
}
.elementor-search-form__input:-ms-input-placeholder { /* IE 10+ */
  color: #707070!important;
  opacity: 1 !important;
}
.elementor-search-form__input:-moz-placeholder { /* Firefox 18- */
  color: #707070!important;
  opacity: 1 !important;
}

#aw-header.elementor-sticky--active {
    background: #044937e3;
    z-index: 999999999;
}

/* Global Styling Background van elementen */
/* Blok 1:  */
.section-titel-met-tekst-en-button-volledige-breedte .aw-kleur-groen {
    background-color: var(--groen-achtergrond) !important;
}

.section-titel-met-tekst-en-button-volledige-breedte .aw-kleur-lichtgroen {
    background-color: var(--licht-groen-achtergrond) !important;
}

.section-titel-met-tekst-en-button-volledige-breedte .aw-kleur-wit {
    background-color: white !important;
}

.section-titel-met-tekst-en-button-volledige-breedte .aw-grote-titel {
    font-size: 60px !important;
}

/* Blok 2: .section-tekst-links-rechts-met-titel-en-knop*/
.section-tekst-links-rechts-met-titel-en-knop .aw-kleur-groen {
    background-color: var(--groen-achtergrond) !important;
}

/* Global Styling Background van elementen */
.section-tekst-links-rechts-met-titel-en-knop .aw-kleur-lichtgroen {
    background-color: var(--licht-groen-achtergrond) !important;
}

/* Global Styling Background van elementen */
.section-tekst-links-rechts-met-titel-en-knop .aw-kleur-wit {
    background-color: white !important;
}

.section-tekst-links-rechts-met-titel-en-knop .aw-grote-titel .elementor-heading-title {
    font-size: 42px;
    padding: 60px 0 20px 0;

}


/* Header zorg ervoor dat de afbeelding van golf omhoog komt */
.elementor-location-header+.section-afbeelding-met-golfscheiding {
    margin-top: -77px;
}

/* Instellen global styling p tag */
p,
.elementor-widget-text-editor li {
    font-size: 16px !important;
    line-height: 35px !important;
    font-family: "Alright Sans", Sans-serif !important;
}


/* Globale styling voor alle linkjes gemaakt in WYSIWYG editor */
.elementor-widget-text-editor a {
    font-style: italic;
    text-decoration: underline;
}


/* Styling buttons */

/*geel*/

.btn {
    font-size: 16px;
    font-weight: 600;
    background-color: #FFFFFF;
    border-style: solid;
    font-style: normal !important;
    border-width: 1px;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 0px 15px 0px #DBDBDB !important;
    transition: all 0.3s;
    /* line-height: 16px; */
    display: inline-block;
    margin-top: 45px;
    padding: 10px 20px 10px 20px;
}

.btn--primary {
    fill: var(--tekst-groen) !important;
    color: var(--tekst-groen) !important;
}
.btn--primary.filled {
    color: #fff !important;
    background: var(--tekst-groen) !important;
}
.btn--primary.filled:hover {
    background: #fff !important;
    color: var(--tekst-groen) !important;
}

.btn--fw {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

html body .btn--secondary {
    fill: var(--tekst-geel) !important;
    color: var(--tekst-geel) !important;
}
html body .btn--secondary.filled {
    background: var(--tekst-geel) !important;
    color: #fff !important;    
}

.btn--primary:hover {
    color: #FFFFFF !important;
    background-color: var(--tekst-groen);
    border-color: var(--tekst-groen);
}
.btn--primary.filled {
    color: #fff !important;
    background: var(--tekst-geel) !important;
}
.btn--primary.filled:hover {
    background: #fff !important;
    color: var(--tekst-groen) !important;
}

html body .btn--secondary:hover {
    color: #FFFFFF !important;
    background-color: var(--donker-geel);
    border-color: var(--donker-geel);
}

.btn--secondary a {
    text-decoration: none !important;
}

.aw-text-arrow-right {
    font-weight: 400;
    font-style: normal !important;
    color: #044B38;
}

.aw-text-arrow-right:after {
    content: url(./../img/icons/arrow-right-green.svg);
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    top: 7px;
    margin-left: 30px;
}

.aw-text-arrow-right:hover:after {
    content: url(./../img/icons/arrow-right-white.svg);
    background: var(--donker-groen);
    border-radius: 100px;
}

.aw-topProjectHeader {
    margin-top: -1px !important;
}


/* Styling individuele pagina */
/* Styling strong. Als strong dan donkergroen */
strong {
    font-weight: 500;
    color: var(--tekst-groen);
}

/* Padding onder bij sectie met afbeelding en text, algemeen 50px gezet  */
.section-afbeelding-links-tekst-rechts {
    padding-bottom: 50px;
}

.elementor-widget-text-editor a:hover {
    font-weight: 400;
}

/* Uitlijning titels */
/* links is default */

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

.titel-rechts {
    text-align: right;
}

/* Grote titel  */
.aw-grote-titel h2 {
    font-weight: 200 !important;
    font-size: 45px !important;
    padding: 70px 0 30px 0 !important;

}

/* Set global fonts font-family for H tags: 'Titillium Web', sans-serif; */
/* h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Titillium Web', sans-serif;
} */

/* Globale Stijl voor alle 'tussenkopjes' in secties met links of rechts een afbeelding  */
/* OOK STIJLEN VOOR h1 VAN SINGLE BLOG ARTIKELEN */
.section-titel-met-tekst-en-button-volledige-breedte h2,
section-titel-met-twee-alineas h2,
.section-tekst-links-rechts-met-titel-en-knop h2,
.section-afbeelding-met-tekst-rechts h2,
.section-afbeelding-rechts-tekst-links h2,
h2.elementor-heading-title,
body.single-artikelen h1.elementor-heading-title,
.awKoptekstInteressantOmTeLezen h2,
.section-sollicitatie-traject h4,
.section-titel-met-video-simpel h3 {
    font-size: 45px !important;
    text-transform: uppercase;
    font-weight: 200 !important;
    color: var(--tekst-groen) !important;
    line-height: 1.5 !important;
}

body .aw-grid-loop.interessantOmTeLezen h1 {
    font-size: 20px !important;
}

.section-sollicitatie-traject h4 {
    padding-bottom: 25px;
}

.aw-subkop {
    font-size: 18px !important;
    font-weight: 500 !important;
    color: var(--donker-groen) !important;

}

/* Stijlen voor BLOK 3(afbeelding-met-tekst-rechts) en blok 4 (section-afbeelding-rechts-tekst-links) section-afbeelding-rechts-tekst-links en section-afbeelding-links */
.section-afbeelding-rechts-tekst-links h2.elementor-heading-title,
.section-afbeelding-met-tekst-rechts h2.elementor-heading-title {
    font-size: 25px !important;
    color: var(--tekst-groen) !important;
}

/* Hover voor blokken: /* Stijlen voor BLOK 3(afbeelding-met-tekst-rechts) en blok 4 (section-afbeelding-rechts-tekst-links) section-afbeelding-rechts-tekst-links en section-afbeelding-links */
*/ .section-afbeelding-rechts-tekst-links .aw-text-arrow-right:hover {
    font-weight: 500 !important;
}





/* stijlen voor anchor tags */
.section-titel-met-tekst-en-button-volledige-breedte a,
.section-tekst-links-rechts-met-titel-en-knop a,
.section-afbeelding-met-tekst-rechts a,
.section-afbeelding-rechts-tekst-links a {
    color: var(--donker-groen) !important;
    font-style: italic !important;
    text-decoration: none !important;
}

.section-titel-met-tekst-en-button-volledige-breedte a:hover,
.section-tekst-links-rechts-met-titel-en-knop a:hover,
.section-afbeelding-met-tekst-rechts a:hover,
.section-afbeelding-rechts-tekst-links a:hover {
    font-weight: 600;
}


/* Kleur instellen als blok geel is  */
.section-titel-met-tekst-en-button-volledige-breedte .aw-kleur-geel h2,
.section-tekst-links-rechts-met-titel-en-knop .aw-kleur-geel h2,
.section-afbeelding-met-tekst-rechts .aw-kleur-geel h2,
.section-afbeelding-rechts-tekst-links h2 {
    color: var(--donker-groen);

}



/* Container */
@media(min-width: 1440px) {

    body .container-xxl,
    body .container-xl,
    body .container-lg,
    body .container-md,
    body .container-sm,
    body .container {
        max-width: 1440px;
    }
}

/* Custom underline animation hover (BLACK) */
.hover-black-underline-animation {
    display: inline-block;
    position: relative;
    color: #000;
}

.hover-black-underline-animation:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: #000;
    transform-origin: bottom right;
    transition: transform 0.4s ease-out;
}

.hover-black-underline-animation-wrapper:hover .hover-black-underline-animation:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

/* Custom underline animation hover (WHITE) */
.hover-white-underline-animation {
    display: inline-block;
    position: relative;
    color: #fff;
}

.hover-white-underline-animation:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: #fff;
    transform-origin: bottom right;
    transition: transform 0.4s ease-out;
}

.hover-white-underline-animation-wrapper:hover .hover-white-underline-animation:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

/* Custom container wrappers */
body .custom-bigger-container {
    width: 100%;
    max-width: 1774px;
    margin: 0 auto;
}

/* default a tag */
body a {
    color: inherit;
    text-decoration: none;

}

/* Remove default layout of ul list */
body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Buttons */
/* .btn {
    width: auto;
    min-width: 220px;
    position: relative;
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    transition: all 0.3s;
} */

/* Fast dirty hover */
/* .btn:hover {
    transform: scale(1.05);
    opacity: 0.9;
}

.btn.btn-black {
    background-color: var(--black-color);
    color: var(--white-color);
    font-size: 1em;
    line-height: 1em;
    font-weight: 300;
    min-width: auto;
    padding: 15px 30px;
} */

/* Gravity Forms button */
body div .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body div .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type=text]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body div .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body div .gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body div .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body div .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body div .gform-theme--framework.gform-theme.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    background-color: var(--black-color);
    color: var(--white-color);
    font-size: 1em;
    line-height: 1em;
    font-weight: 300;
    min-width: auto;
}

/* Primary color (geel) */
.yellow-background,
.primary-bg-color {
    background-color: var(--primary-color);
}

/* Secondary color (roze) */
.pink-background,
.secondary-bg-color {
    background-color: var(--secondary-color);
}

/* Tertiary color (orange) */
.orange-background,
.tertiary-bg-color {
    background-color: var(--tertiary-color);
}

/* Rode color */
.red-background {
    background-color: var(--red-color);
}

/* Texts */
.text-white {
    color: #fff;
}

.text-black {
    color: #000;
}

/* Footer */
footer {
    padding: 50px 50px 100px 50px;
}

footer ul,
footer .footer-contact-gegevens {
    line-height: 2em;
    font-size: 12px;
}

/*Header*/
#aw-header.aw-donkere-header-1 {
    background-color: white !important;
}

#aw-header.aw-donkere-header-1 .aw-header-menu nav ul li a {
    color: #707070 !important;
}

#aw-header.aw-donkere-header-1 .aw-header-devider {
    display: none !important;
}

.aw-text-button:hover a span span.elementor-button-text {
    /* text-decoration: underline !important; */
}

.elementor-location-header.elementor-2695 {
    position: sticky;
    z-index: 99999;
    top: 0;
}

.elementor-location-header.elementor-2695 .current_page_item a {
    font-weight: 500 !important;
}

/*Artikelen/Actueel*/
.single-artikelen strong {
    color: #044B38;
}

.aw-actueel-bg,
.elementor-element-e719573 {
    background-size: auto 100%;
}

/* GLOBALE STIJLEN LINK MET SVG */

.elementor-button:hover .elementor-button-icon svg {
    background: #044B38;
    fill: #fff !important;
    border-radius: 50px;
}

.elementor-button-link:hover {
    /* font-weight: 500 !important; */
    /* text-decoration:underline !important; */
}


/* Stijlen Navigatie Homepage*/
.elementor-452 a:hover {
    /* text-decoration: underline; */
    font-weight: 600 !important;
    color: var(--tekst-groen) !important;
    /* text-underline-offset: 5px; */
    /* text-decoration-thickness: 2px; */
}

/* Hover In main menu */
/* Stijlen navigtie op andere pagina's dan homepage */
.elementor-2695 a:hover {
    /* text-decoration: underline !important; */
    font-weight: 500 !important;
    color: var(--tekst-groen);
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

body.single-projecten .menu-item-2696 a {
    font-weight: 500 !important;
    color: var(--donker-groen) !important;
}

/* Highlight the active menu item */
.menu-item.current-menu-item>a,
.menu-item.current-menu-ancestor>a,
.menu-item.current-page-ancestor>a {
    color: var(--donker-groen) !important;
    font-weight: 500 !important;
}

/* Footer links */
.footerLinks a:hover {
    color: var(--donker-groen) !important;
}

.elementor-2695 .elementor-heading-title a {
    text-decoration: none !important;
}

/* STijlen Footer  */
/* Underline in footer */
.elementor-482 a:hover {
    /* text-decoration: underline !important; */
    /* text-underline-offset: 5px; */
    /* text-decoration-thickness: 2px; */
    font-weight: 500 !important;
}


.buttonVacature .elementor-button {
    padding: 20px 65px;
    background: white !important;
    color: #5b897d !important;
    border: 2px solid #5b897d !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    box-shadow: 0px 0px 15px 0px #DBDBDB !important;

}

.buttonVacature .buttonVacatureActive {
    color: white !important;
    background: #5b897d !important;

}

#golfScheiding {
    position: relative;
}

#golfScheiding::after {
    position: absolute;
    content: 'Sollicitatieformulier';
    font-family: "Alright Sans";
    font-weight: 300;
    color: var(--tekst-groen);
    top: 40px;
    left: 40px;
    font-size: 25px;
}


@media screen and (min-width: 1000px) {
    #golfScheiding::after {
        top: 90px;
        left: 90px;
        font-size: 45px;
    }
}

@media screen and (min-width: 1500px) {
    #golfScheiding::after {
        top: 140px;
        left: 465px;
        font-size: 45px;
    }
}

.gform_heading h2 {
    display: none;
}

.form-control {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: no-wrap;
}

/* FONT END BULLET POINTS */
.bullet-point-container,
.bullet-point-container-replica {
    font-weight: 300;
}

/* BTN LINK NIET CURSIEF */
a.btn {
    font-style: normal !important;
}

/* Loop hover */
.page-numbers.prev:hover,
.page-numbers.next:hover {
    background: var(--groen-achtergrond);
    fill: white;
    height: 38px;
    display: inline-block;
    width: 38px;
    border-radius: 76px;
}

/*Footer*/
/* .aw-footer-kleur-geel h3,
.aw-footer-kleur-geel h6 {
    color: #ffd140 !important;
}
.aw-footer-kleur-geel .aw-footer-bg {
    background: #ffd140;
} */

.aw-footer-kleur-geel {
    background: #F8EECC;
}

.aw-footer-kleur-groen {
    background: #D2E3D7;
}
.aw-Fußzeile-Farbe-geen {
    background: #ffffff;
}

.aw-Fußzeile-Farbe-groen  {
    background: #D2E3D7;
}
.aw-footer-color-geen {
    background: #ffffff;
}
.aw-footer-color-groen  {
    background: #D2E3D7;
}
/* knop geen Underline bij hover */
.elementor-button-wrapper a.elementor-button-link:hover {
    text-decoration: none !important;
}

.page-id-4574 .section-afbeelding-met-tekst-rechts {
    background: #E7F2EB !important;
}

.section-afbeelding-met-tekst-rechts,
.section-afbeelding-rechts-tekst-links {
    padding-top: 0px !important;
}

.section-afbeelding-met-tekst-rechts>div>div,
.section-afbeelding-rechts-tekst-links>div>div {
    padding-top: 25px;
}

.page-id-4574 #aw-sollicitatie-divider {
    display: none;
}

.page-id-4574 .section-sollicitatie-traject a {
    margin-bottom: 75px !important;
}

.page-id-4574 .section-sollicitatie-traject {
    margin-bottom: 50px !important;
}

.section-afbeelding-met-tekst-rechts a.btn {
    /* margin-top: 15px !important; */
}


.section-banner-met-tekst {
    position:relative;
}

.actualiteitenDiv::before,
.aw-quotemetBanner::before {
    --background-overlay: '';
    background-image: url("https://herik.nl/wp-content/uploads/2024/06/golf-herik-1.svg");
    background-position: bottom center;
    background-repeat: no-repeat;
}

.afbeelding1MetLink::after {
    --background-overlay: '';
    background-image: url("https://herik.nl/wp-content/uploads/2024/06/golf-herik-1.svg");
    background-position: bottom center;
    background-repeat: no-repeat;
    width:100%;
    height: 50px;
    overflow: show;


}




/* Zig Zag Quote tekstkleur */
.zig-zag-container p {
    color: #707070;
}

/* Sectie ronde afbeelding met quote */
.section-ronde-afbeelding-met-quote p {
    color: #707070;
}

/* TEKST BLOK GALLERIJ MET AFBEELDINGEN */

.section-foto-galerij-met-teksten a:hover {
    font-weight: 500 ! important;
    text-decoration: none !important;
}

.section-foto-galerij-met-teksten .aw-text-button:hover a span span.elementor-button-text {
    text-decoration: none !important;
}

/* Actualiteiten knopjes */
.aw-ActualiteitenButton .elementor-button {
    text-align: left;
    line-height: 1.5rem;
    /* border: 1px solid black; */
}

/* SVG HOVER */
.actualiteitenLink:hover .aw-ActualiteitenButton .elementor-button svg {
    fill: var(--tekst-groen) !important;
    stroke: var(--tekst-groen) !important;
    color: white !important;
    background: white !important;
}

.aw-ActualiteitenButton .elementor-button svg {
    font-size: 1.25rem;
}

.aw-topProjectHeader {
    --background-overlay: '';
    background-image: url("https://herik.nl/wp-content/uploads/2024/06/golf-herik-1.svg");
    background-position: bottom center;
    background-repeat: no-repeat;
}



@media screen and (min-width: 1240px) {
    .aw-topProjectHeader {
        min-height: 500px;
    }
}

#vanDenHerikLogo a:hover {
    font-weight: 700 !important;
}

#blokAcfGallerij .aw-galerij-midden .aw-text-button .elementor-button-link:hover svg,
#blokAcfGallerij .aw-galerij-onder .aw-text-button .elementor-button-link :hover svg {
    fill: var(--tekst-groen) !important;
    stroke: var(--tekst-groen) !important;
    color: white !important;
    background: white !important;
}

#blokAcfGallerij .aw-galerij-links .aw-text-button .elementor-button-link :hover svg,
#blokAcfGallerij .aw-galerij-rechts .aw-text-button .elementor-button-link :hover svg {
    color: white !important;
    background: var(--tekst-groen) !important;
}

.aw-quote p {
    color: #707070 !important;
}

/* Solliciteren knop op werken bij pagina's */

.page-id-4490 #aw-bekijkVacatures a:hover {
    background: var(--tekst-groen);
    border: var(--tekst-groen) !important;
    color: white !important;
}

.page-id-4574 #aw-bekijkVacatures a:hover {
    background: var(--donker-geel);
    border: var(--donker-geel) !important;
    color: white !important;
}


/* ProjectenPagina */
/* Geef eerste een lagere padding zodat hoogte goed loopt */

.projectPaginaContent .elementor-297:first-of-type .e-con-full{

    padding-top: 0px !important;

} 

@media screen and (min-width: 768px) {
    .projectPaginaContent .section-titel-met-tekst-en-button-volledige-breedte:first-of-type e-con-full, 
    .projectPaginaContent .section-titel-met-tekst-en-button-volledige-breedte .e-con-full:first-of-type .e-con-inner {
        padding-top: 0px !important;
    }
}

@media screen and (min-width: 1020px) {

    .projectPaginaContent .section-titel-met-tekst-en-button-volledige-breedte:first-of-type .e-con-full, 
    .projectPaginaContent .section-titel-met-tekst-en-button-volledige-breedte:first-of-type .e-con-full .e-con-inner {
        padding-top: 0px !important;
    }
}

.section-klant-quote-sectie{
    position:relative;
}

.elementor-766 #klantQuote::before {
    background-image: url("https://herik.nl/wp-content/uploads/2025/02/golf-herik-cropped-1.svg");
    --background-overlay: '';
    background-position: top center;
    background-repeat: no-repeat;
}

.projectPaginaContent .elementor-992 .elementor-element.elementor-element-5538027 img {
    height: auto !important;
    aspect-ratio: 1;
}

/* BLOK 6 button */
/* Groene kleur dus gele buttons */
.elementor-638 .aw-kleur-groen .elementor-button:hover .elementor-button-icon svg, 
.elementor-638 .aw-kleur-witte-achtergrond-groen-tekstvak .elementor-button:hover .elementor-button-icon svg {
    background: var(--donker-geel);
    fill: var(--donker-groen) !important;
    border-radius: 50px;
}

.elementor-638 .aw-kleur-groen .elementor-button-icon svg, 
.elementor-638 .aw-kleur-witte-achtergrond-groen-tekstvak .elementor-button-icon svg {
    width: 25px;
    margin-top: -7px;
}

/* Gele achtergrond dus groene button */
.elementor-638 .aw-kleur-geel .elementor-button:hover .elementor-button-icon svg, 
.elementor-638 .aw-kleur-witte-achtergrond-geel-tekstvak .elementor-button:hover .elementor-button-icon svg {
    background: var(--tekst-groen);
    fill: var(--donker-geel) !important;
    border-radius: 50px;
}

.elementor-638 .aw-kleur-geel .elementor-button-icon svg, 
.elementor-638 .aw-kleur-witte-achtergrond-geel-tekstvak .elementor-button-icon svg {
    width: 25px;
    margin-top: -7px;
}

/* Blok homepage correctie */
@media (max-width: 767px) {
    .elementor-271 .elementor-element.elementor-element-e80b639 .elementor-icon svg {
        height: 85px !important;
        width: 100%;
        margin-bottom: 25px !important;
    }
}

/* Homepage blok banner omhoog  */


/* body.home .section-titel-met-tekst-en-button-volledige-breedte {
    position:relative;
}
body.home .section-titel-met-tekst-en-button-volledige-breedte:has(#mogelijkeHomepageGolf)::after {
    background-image: url("https://herik.nl/wp-content/uploads/2025/02/golf-groen-met-schaduw.svg");
    --background-overlay: '';
    background-position: bottom center;
    background-repeat: no-repeat;
    content: '';
    height: 165px;
    width: auto;
    display:block;
    margin-top:-10px;
    transform:scaleX(1.1);

} */

body.home {
    overflow-x:hidden;
}

body.home .section-titel-met-tekst-en-button-volledige-breedte:has(#mogelijkeHomepageGolf)::after {
    background-image: url("https://herik.nl/wp-content/uploads/2025/02/golf-groen-met-schaduw.svg");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover; /* Ensure the SVG scales to fit the container */
    content: '';
    display: block;
    height: 175px; /* Fixed height */
    /* transform:scaleX(1.05); */
    /* width: 100%;  */
    position: absolute; /* Position it relative to the parent */
    bottom: -150px; /* Align to the bottom of the parent */
    left: -20px;
    right: -20px;
    z-index: 1;

    transform-origin: bottom center; /* Ensure scaling happens from the bottom center */

}
body.home .section-titel-met-tekst-en-button-volledige-breedte {
    position: relative;

}


.aw-galerij-links {
    position:relative;
}

.afbeelding1MetLink::before {
    --background-overlay: '';
    background-image: url("https://herik.nl/wp-content/uploads/2025/02/golf-herik-1-groen.svg");
    background-position: bottom center;
    background-repeat: no-repeat;
    top: 1px !important;
}


/* BLOK PAGINA TITEL KLEUREN */

.section-pagina-titel div.aw-kleur-licht-groen {
    background-color: var(--licht-groen) !important; 
}
.section-pagina-titel div.aw-kleur-licht-geel {
    background-color: var(--licht-geel) !important; 
}
.section-pagina-titel div.aw-kleur-donker-geel {
    background-color: var(--donker-geel) !important; 
}

/*  */


/* Blokken 2,3,4 bulletpoints verklein indentation zodat bulletpoints op gelijke hoogte met tekst eronder staand  */ 
.section-afbeelding-met-tekst-rechts ul, 
.section-tekst-links-rechts-met-titel-en-knop ul,
.section-afbeelding-rechts-tekst-links ul {
    padding-left:16px;
}

.section-afbeelding-met-tekst-rechts li::marker {
    font-size:1.25rem;
  }


.facetwp-facet-vacature {
    display: flex;
    gap: 50px;
}

.page-id-4334 .facetwp-radio {
    background: none !important;
    border: 1px solid #4c806f;
    padding: 15px 65px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    transition: transform 250ms;
}

.page-id-4334 .facetwp-radio.checked,
.page-id-4334 .facetwp-radio:hover {
    background: #4c806f !important;
    color: #fff !important;
}

[data-type="checkboxes"] .facetwp-counter {
    display: none;
  }

  /* override styles when printing */
@media print {

    body {
      margin: 0;
      background-color: #000 !important;
    }
  
    .header,
    #aw-footer,
    #aw-footer2 {
        display: none !important;
    }

    .aanhefSollicitatie {
        display: none !important;
      }

      .vacatureGolfImg {
        width: 100px !important;
    }

    .terugNaarAlleVacatures {
        display: none !important;
    }

  }

/* Sollicitatiepagina download vacature */
#downloadVacature {
    background-color: #FFFFFF;
    font-family: "Alright Sans", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    fill: var(--e-global-color-9eb8708);
    color: var(--e-global-color-9eb8708);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-9eb8708);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.21);
    padding: 15px 35px !important;
}

#downloadVacature:hover,
#solliciteerDirect:hover{
color: #FFFFFF !important;
background-color: var(--tekst-groen);
border-color: var(--tekst-groen);
}

#solliciteerDirect {
    background-color: #5B897D;
    color: white;
    font-style: normal;
    font-family: "Alright Sans", Sans-serif;
    font-weight: 300;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 010px 46px;
    margin-bottom: 0px;
    display: inline-block;
    border-radius: 5px;
}

/* 3 blokken styles */
.drie-blokken-button { 
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.aw-actueel-img:after {
--background-overlay: '';
    background-image: url(https://herik.nl/wp-content/uploads/2025/06/golf-actueel.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
    content: '';
    width: 100%;
    height: 100px;
    margin-bottom: -1px;
}

/* Solliciteren Pagina formulier */

.gfield_required_text {
    display: none !important;
}

.post-5252 .gform_body {
    font-family: 'Alright Sans';
}

.post-5252 .gform_body input, 
#gform_submit_button_1  {
    /* padding: 25px !important; */
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2) !important;
}

.post-5252 #field_1_19, 
.post-5252 #field_1_16, 
.post-5252 #field_1_11, 
.post-5252 #field_1_12, 
.post-5252 #field_1_13, 
.post-5252 #field_1_4, 
.post-5252 #field_1_5, 
.post-5252 #field_1_10, 
.post-5252 #field_1_9, 
.post-5252 #field_1_7{
    display: flex;
}
.post-5252 #field_1_19 label,
.post-5252 #field_1_11 label,
.post-5252 #field_1_12 label,
.post-5252 #field_1_16 label,
.post-5252 #field_1_13 label,
.post-5252 #field_1_4 label,
.post-5252 #field_1_5 label,
.post-5252 #field_1_10 label, 
.post-5252 #field_1_9 label, 
.post-5252 #field_1_7 label
{
    flex-basis: 200px;
    /* align-self: center; */
    margin-top: 10px;
}

.post-5252 #field_1_9 label {
    margin-left:-200px;
}

.post-5252 .ginput_container {
    width:100%;
}

post-5252 #field_1_10 .gform-theme--foundation .gfield--width-half {
    grid-column: span 3
}

#gform_submit_button_1 {
    margin: auto;
    margin-top: 25px;
    padding: 15px 35px !important;
    background-color: var(--donker-groen);    
}

/* Verplaasing checkboxes */
.post-5252 #choice_1_10_1 {
    margin-left: 170px;
    margin-top:-25px;
}

.post-5252 #field_1_10 legend {
    margin-bottom: 3px;
    padding-top: 10px;
}

.post-5252 #field_1_15 legend {
    margin-left: 80px;
    margin-bottom: -20px;
}


#input_1_11,
#input_1_12 {
    margin-left: 73px;
}


#gfield_description_1_11,
#gfield_description_1_12 {
    margin-left: 100px;
    width: 900px;
    margin-top:2px;
}

#gfield_upload_rules_1_11,
#gfield_upload_rules_1_12 {
    display:none;
}

/* Zig Zag meer ruimte */

.zig-zag-right,
.zig-zag-left {
    gap: 15px;
}


#aw-footer .elementor-element ul {
    margin-left: 0 !important;
}


.aw-search-img {
	padding: 0;
}

#mogelijkeHomepageGolf\ Witruimte\ boven\ uitschakelen {
    padding-top: 0;
}

.facetwp-facet-projecten_categorie_filter .facetwp-checkbox {
    height: 22px;
    float: left;
}