@font-face {
    font-family: 'Greycliff CF';
    src: url('/wp-content/themes/yootheme-hegeman/fonts/Greycliff_CF_Light.woff2') format('woff2'),
        url('/wp-content/themes/yootheme-hegeman/fonts/Greycliff CF Light.otf') format('otf');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Greycliff CF';
    src: url('/wp-content/themes/yootheme-hegeman/fonts/Greycliff_CF_Regular.woff2') format('woff2'),
        url('/wp-content/themes/yootheme-hegeman/fonts/Greycliff CF Regular.otf') format('otf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Greycliff CF';
    src: url('/wp-content/themes/yootheme-hegeman/fonts/Greycliff_CF_Bold.woff2') format('woff2'),
        url('/wp-content/themes/yootheme-hegeman/fonts/Greycliff CF Bold.otf') format('otf');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Greycliff CF';
    src: url('/wp-content/themes/yootheme-hegeman/fonts/Greycliff_CF_Medium.woff2') format('woff2'),
        url('/wp-content/themes/yootheme-hegeman/fonts/Greycliff CF Medium.otf') format('otf');
    font-weight: medium;
    font-style: normal;
    font-display: swap;
}


/* ----- menu highlighs ------- */

body.single-projecten .menu-projecten a,
body.archive-projecten .menu-projecten a,
body[class*="projecten"] .menu-projecten a {
font-weight: 600;
}

body.single-post .menu-nieuws a,
body.archive-post .menu-nieuws a,
body.post-template-default .menu-nieuws a {
font-weight: 600;
}


/* ----- menu schaduw en kleur bij scroll naar beneden ------- */

.uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container.uk-navbar-sticky {
background:#fff!important;
box-shadow: 0px 4px 47px 0px rgba(0, 0, 0, 0.1);
}

.uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve):hover {
    fill: #C3D127!important;
}


.headerhome {font-size:75px; font-weight:700;}
.up {text-transform: uppercase;}

.introherohome  {
    margin-top: -120px !important;
    width: 80%;
    border-radius: 15px;
    text-align: center;
    padding: 35px;
    margin: 0 auto;
    box-shadow: 0px 4px 47px 0px rgba(0, 0, 0, 0.1);
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 30%, rgba(246,246,246,1) 47%, rgba(250,250,250,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(30%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(250,250,250,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 30%, rgba(246,246,246,1) 47%, rgba(250,250,250,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 30%, rgba(246,246,246,1) 47%, rgba(250,250,250,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 30%, rgba(246,246,246,1) 47%, rgba(250,250,250,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 30%, rgba(246,246,246,1) 47%, rgba(250,250,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0 );
}
.slidehome {
max-width: 1200px;
 
}
.slidehome img {
border-radius:10px;
}

.homebutton a.el-content.uk-button.uk-button-primary {
border-radius: 10px;
    line-height: 3.5;
    font-size: 20px;
}

.homeslidegreen .uk-container  {
background: 
url(https://demo.hegeman-vbm.nl/wp-content/uploads/2025/03/blokhome-bg.svg) left 300px no-repeat,
url(https://demo.hegeman-vbm.nl/wp-content/uploads/2025/03/blokhome-bg.svg) right 200px no-repeat;
background-size: auto, auto; /* Of specifieke afmetingen */
}

.basisslidegreen .uk-container  {
background: 
url(https://demo.hegeman-vbm.nl/wp-content/uploads/2025/03/basisblok-bg.svg) left 220px no-repeat;
background-size:50%; /* Of specifieke afmetingen */
}


.greensquare  {
    position:absolute;
    width: 120%; /* Extend beyond the image */
    height: 100%;
    background-color: #B7C931; /* Adjust the green color */
    left: -10%; /* Shift left */
    top: 50%;
    transform: translateY(-50%);
    z-index: -1; /* Send behind the image */

}

.subintro {
    margin-top: -85px;
    z-index: 555;
    position: sticky;
}
 
.uk-navbar-nav {
position:relative;
}

.uk-icon.uk-navbar-parent-icon {
position:absolute;
left: -20px;
}

.uk-navbar-nav>li>a:hover {
font-weight: 600;
}

.uk-drop.uk-navbar-dropdown.uk-open {
top:105px!important;
box-shadow: 0px 4px 47px 0px rgba(0, 0, 0, 0.1);
}
.uk-navbar-dropdown-nav>li>a:hover {
font-weight: 600;
}
.uk-navbar-nav>li.uk-active>a {
font-weight: 600;
}

.uk-navbar-dropdown-nav>li.uk-active>a {
font-weight: 600;
color:#fff;
}

.uk-nav>li:not(:last-child) a {
border-bottom: 1px solid #fff;
}

.uk-icon-button {
border:0px!important;
background:transparent!important;
}

.uk-nav-default>li>a:hover {
font-weight:600;
}

.stickymenu .uk-nav>li>a {
border-bottom: 1px solid #034C47;
text-transform:none;
color: #034C47;
}

.uk-dotnav>.uk-active>* {
    background-color: #fff;
}

.uk-icon.uk-navbar-parent-icon {
    transform: rotate(-90deg);
}
.uk-navbar-nav>li>a[aria-expanded=true] .uk-navbar-parent-icon {
transform: rotate(0deg)!important;
}

.uk-link-text a:hover, .uk-link-toggle:hover .uk-link-text, a.uk-link-text:hover {
    color: #c3d127;
}


.uk-pagination>*>:hover {
    color: #c3d127;
    text-decoration: none;
    border-bottom:0px!important;
}
/* ----- schaduw foto's ------- */


.imgshadowleft {
    position: relative;
    display: inline-block;
}

.imgshadowleft::before {
    content: "";
    position: absolute;
    top: 24px;  /* Pas de positie aan voor de verschuiving */
    right: 24px; /* Pas de positie aan voor de verschuiving */
    width: 100%;
    height: 100%;
    background-color: #b2c43e; /* Kies je achtergrondkleur */
    z-index: -1;
    border-radius: 10px; /* Eventuele afgeronde hoeken */
}

.imgshadowleft img {
    display: block;
    position: relative;
    border-radius: 10px; /* Optioneel voor afgeronde hoeken */
}


/* ----- schaduw links foto's op groen ------- */ 

.imgshadowleftex {
    float: right;	
    position: relative;
    display: inline-block;
}

.imgshadowleftex::before {
    content: "";
    position: absolute;
    top: 24px;  /* Pas de positie aan voor de verschuiving */
    right: 24px; /* Pas de positie aan voor de verschuiving */
    width: 100%;
    height: 100%;
    background-color: #97A21D; /* Kies je achtergrondkleur */
    z-index: 0;
    border-radius: 10px; /* Eventuele afgeronde hoeken */
}

.imgshadowleftex img {
    display: block;
    position: relative;
    border-radius: 10px; /* Optioneel voor afgeronde hoeken */
}

/* ----- schaduw links foto's op lichtgrijs /wit ------- */ 

.imgshadowleftgrey {
    float: right;	
    position: relative;
    display: inline-block;
}

.imgshadowleftgrey::before {
    content: "";
    position: absolute;
    top: 24px;  /* Pas de positie aan voor de verschuiving */
    right: 24px; /* Pas de positie aan voor de verschuiving */
    width: 100%;
    height: 100%;
    background-color: #C3D127; /* Kies je achtergrondkleur */
    z-index: 0;
    border-radius: 10px; /* Eventuele afgeronde hoeken */
}

.imgshadowleftgrey img {
    display: block;
    position: relative;
    border-radius: 10px; /* Optioneel voor afgeronde hoeken */
}


/* ----- META text ------- */  


.uk-text-meta {
    margin-top:5px!important;
    letter-spacing: 1px;
}


/* ----- opmaak homepage Projecten ------- */  


.nwprojecten img {
border-top-left-radius:10px;
border-top-right-radius:10px;
}

.uk-card-default {
    background-color: #fff;
    border: 0px!important;
}

.page-id-10 .uk-card-default {
    background-color: #FAFAFA;
}


.uk-card-body {
  transition: all 0.3s ease;
   min-height: 180px;
   background-color: #C3D127;
   border-bottom-left-radius:10px;
   border-bottom-right-radius:10px;
   padding-bottom: 0px;
}

.ctalink.uk-button {
padding:0!important;
color:#fff;
font-family:Greycliff CF;
text-transform:none;
font-size:16px;
text-decoration: underline!important;
text-underline-offset: 8px;
background: transparent;
display:none;
border:0;
}

.ctalink.uk-button:hover {
outline:none;
}


/* ----- schaduw rechts foto's NIEUWS ------- */ 

.nwfoto.uk-margin {margin-top:60px!important;}


.nwfoto .uk-margin-remove-first-child {
padding-left:70px;
}

.nwfoto .uk-first-column {
   margin-bottom:20px;
  
}
.nwfoto .fs-grid-item-holder:after {
    width:calc(67% - 25px);
    height:1px;
    background:#848484;
    float:right;
    content: "";
}

.nwfoto .uk-inline-clip {
    overflow: visible;
}

.nwfoto .uk-inline-clip.uk-transition-toggle {
    position: relative;
    display: inline-block;
}

.nwfoto .uk-inline-clip.uk-transition-toggle::before {
    content: "";
    position: absolute;
    top: 24px;  /* Pas de positie aan voor de verschuiving */
    left: 24px; /* Pas de positie aan voor de verschuiving */
    width: 100%;
    height: 100%;
    background-color: #b2c43e; /* Kies je achtergrondkleur */
    z-index: -1;
    border-radius: 10px; /* Eventuele afgeronde hoeken */
}

.nwfoto .uk-inline-clip.uk-transition-toggle img {
    display: block;
    position: relative;
    border-radius: 10px; /* Optioneel voor afgeronde hoeken */
}


/* ----- knop (tweede) opmaak ------- */

a.el-content.uk-button.uk-button-secondary {
border-radius: 5px;
font-weight:700;
font-size: 12px;
padding:0px 14px 0px 14px;
}

/* ----- formulier opmaak ------- */

.uk-grid-small>.uk-grid-margin {
    margin-top: 20px;
}

.uk-input,.uk-textarea {
border-radius: 8px;
}

.uk-section-secondary:not(.uk-preserve-color) .uk-input, 
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea {
background-color: #fff;
color: #034C47;
border-radius: 8px;
padding:15px;
}

.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus, 
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus {
background-color: #f7f7f7;
color: #034C47;
}

.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder, 
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder {
color: #034C47;
}

.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus::-webkit-input-placeholder, 
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus::-webkit-input-placeholder {
opacity: 0;
}



.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary {
    padding:5px 15px; 
    color:#fff;
    background:#034C47; 
    border:1px solid #034C47;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    font-weight:700;	
}
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover {
    color:#034C47;
    background:#fff; 
    border:1px solid #034C47;
}


/* ----- footer opmaak ------- */

.footermenu > ul > li::after {
  content: "";    
  display: block;
  width: 50%;
  padding-top: 0px;
  border-bottom: 1px solid #034C47;
}

.bfooter {
 margin-top: 5px;
 margin-bottom: 5px;
 padding-top: 10px;
 padding-bottom: 10px;
 -webkit-box-shadow: 0px -7px 28px -6px rgba(171,171,171,1);
 -moz-box-shadow: 0px -7px 28px -6px rgba(171,171,171,1);
 box-shadow: 0px -7px 28px -6px rgba(171,171,171,1);
}

/* ----- projecten homepage opmaak ------- */

.homeprojecten {
margin-bottom:20px;
-webkit-box-shadow: 0px 7px 25px 0px rgba(171,171,171,0.5);
-moz-box-shadow: 0px 7px 25px 0px rgba(171,171,171,0.5);
box-shadow: 0px 7px 25px 0px rgba(171,171,171,0.5);
}

/* ----- extra home sectie opmaak ------- */

.tussensectie {
background: linear-gradient(90deg, #f7f7f7 50%, #C3D127 50%);
}
#greenpane {width:1196px;height:33px;}

/* ----- totop ------- */

.uk-totop {
    padding: 13px 10px 10px 8px;
    background: #c3d127;
    border-radius: 100%;
    width: 20px;
    height: 15px;
}


/* ----- modal popup - dankscherm ------- */

.uk-modal-dialog {
box-shadow: 0px 4px 47px 0px rgba(0, 0, 0, 0.1);
border-radius:8px;
min-height: 160px;
}
.uk-modal-body {
font-weight: 600;
color: #fff;
text-align: center;
}
.uk-modal-footer.uk-text-right {
border-top: 0px!important;
margin: 0 auto;
width: 60px;
}


/* ----- extra opmaak ------- */


@media screen and (max-width: 640px) {
 #footer-hegeman {display:none;}
 .footer .kop-menu-footer {display:none;}
 .footer .footermenu {display:none;}
 .basisfoto {margin-left: -40px;margin-right: -40px;}
 .basisslidegreen .uk-container {background-size: 60%;}
 .extrafoto::before {top: 20px!important;left: 45%!important;}
}


@media screen and (max-width: 959px) {

  #headcontact .linkedin-link {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(https://demo.hegeman-vbm.nl/wp-content/uploads/2025/03/Linkedin-0.svg) no-repeat center center;
    background-size: contain;
    margin: -8px 40px;
    text-decoration: none; }


.nwfoto .uk-margin-remove-first-child {
 padding-left: 15px;
   }

.nwfoto .fs-grid-item-holder:after {
    width: calc(95%);
    float: left;
   }

.nwfoto  .el-item .uk-first-column:nth-of-type(1) {
    text-align: center;
   }

.uk-button-secondary {margin-bottom: 60px;}

.nwfoto.uk-margin {margin-top: 0px !important;}

}

.basissubkop {
padding-top:60px;
}

@media screen and (max-width: 960px) {
.adres {margin-top:40px;}

.basisslidegreen .uk-container  {
background: 
url(https://demo.hegeman-vbm.nl/wp-content/uploads/2025/03/basisblok-bg.svg) left 220px no-repeat;
background-size:38%; /* Of specifieke afmetingen */
}


}

@media screen and (min-width: 961px) {
.adres {margin-left:-30px;}
}

.extrafoto {
position:relative;
}

.extrafoto::before {
    content: "";
    position: absolute;
    top: 45px;
    left: 50%;
    width: 60%;
    height: 100%;
    background-color: #b2c43e;
    z-index: 0;
    border-radius: 10px;
}

.extrafoto img {
    display: block;
    position: relative;
    border-radius: 10px;
}


.extrafotoadvies {
position:relative;
}

.extrafotoadvies::before {
    content: "";
    position: absolute;
    top: -35px;
    left: 50%;
    width: 56%;
    height: 100%;
    background-color: #b2c43e;
    z-index: 0;
    border-radius: 10px;
}

.extrafotoadvies img {
    display: block;
    position: relative;
    border-radius: 10px;
}



.bggroen {
background: linear-gradient(to bottom, #FAFAFA 25%, #D5E0DF 25%, #D5E0DF 58%, #FAFAFA 58%);
}


.uk-position-z-index.uk-panel.uk-sticky.uk-active.uk-sticky-fixed.uk-sticky-below {
background-color:#FAFAFA;
border-radius: 8px;
min-height: 230px;
}

.stickymenu {
background-color:#FAFAFA;
padding: 0px 8px 0px 8px;
top: 30px!important;
}


.pagclass .uk-flex-center {
justify-content: space-around!important;
}

.sublayoutadvies {
margin-top:-60px;
}



/* ----- offcanvas menu ------- */
.uk-offcanvas-container .uk-grid>*>:last-child {
    text-align: center;
}


/* ----- modal dialog   ------- */
.uk-modal-body
[class*=uk-child-width]>* {
    box-sizing: border-box;
    width: 200%;
}

.uk-first-column .uk-panel .uk-logo img {
max-width:200%;
width:180%;
margin-left: -100px;
}


.uk-modal-close-full {
    top: 60px;
    right: 140px;
}

.uk-modal-close-full > svg line  {
 stroke-width:3;
}

[class*=uk-modal-close-] {
    top: 45px;
    right: 25px;
}

[class*=uk-modal-close-] > svg line  {
 stroke-width:3;
}


#nav_menu-3 {
margin-top:20px;
margin-bottom:40px;
}

.uk-modal-page
.uk-nav>li a {
color: #fff;
text-transform: uppercase!important;
}

.uk-modal-page
.uk-nav>li.current_page_item>a {
font-weight:bold;
}

.uk-modal-page
.uk-nav>li.uk-parent:not(:last-child) a {
border-bottom: 0px solid #fff;
border-top: 1px solid #fff;
font-size: 16px;
line-height: 2.5;
}


.uk-modal-page
.uk-nav>li:not(:first-child) a {
border-bottom: 1px solid #fff;
line-height: 2.7;
}

.uk-modal-page
.uk-nav-sub>li a {
border-bottom: 0px!important;
border-top: 0px!important;
font-size: 14px!important;
}

.uk-modal-page
.uk-nav-sub>li a:hover {
color:#C3D127;
}

.uk-modal-body .uk-nav-default .uk-nav-sub li.uk-active>a {
color: #C3D127;
}


.uk-modal-page
.uk-nav-sub li:last-child a {
border-bottom: 1px solid #fff!important;
padding-bottom: 15px;
}

.uk-modal-page
ul.uk-nav-sub {
padding: 5px 0px 8px 0px!important;
}

.uk-modal-page
.uk-nav-default .uk-nav-sub li a {
line-height: 3.0 !important;
}

@media screen and (max-width: 959px) {
.imgshadowleft {display: none;}
#missie-button {text-align:center;}
.stickymenu {display:none;}
}

@media screen and (max-width: 1010px) {
.headerhome {font-size: 35px;}
.homeslidegreen .uk-container {background: 
url(https://demo.hegeman-vbm.nl/wp-content/uploads/2025/03/blokhome-bg.svg) left 250px no-repeat, 
url(https://demo.hegeman-vbm.nl/wp-content/uploads/2025/03/blokhome-bg.svg) right 200px no-repeat;
background-size: 60%;}
.homeslidegreen .uk-grid>* {padding-left: 4px;}
.uk-slideshow-items {max-height: 430px!important;}
.homeslidegreen {margin-right: -30px;}
.homeslidegreen .uk-button {padding: 0px 15px;letter-spacing: 0px;}
.homebutton a.el-content.uk-button.uk-button-primary {font-size: 18px;}
.introherohome {padding: 35px 35px 50px 35px;box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);}
.subintro.uk-section-large {padding-top: 50px;}
}


@media screen and (max-width: 640px) {
.uk-container {padding-left:30px;padding-right:30px;}
.basisslidegreen .uk-container {background: url(https://demo.hegeman-vbm.nl/wp-content/uploads/2025/03/basisblok-bg.svg) left 175px no-repeat;background-size: 42%;}

}

.home .uk-margin-top.uk-display-block a {
text-decoration:none;
}

.home .uk-margin-top.uk-display-block a:before {
*/content: " >";*/
display: inline-block;
}

.blog .uk-margin-top.uk-display-block a {
text-decoration:none;
}
.blog .uk-margin-top.uk-display-block a:before {
content: " >";
display: inline-block;
}

.el-item.uk-active {}