/* Template: %USERPROFILE%\Dropbox\_wrap\greenio\Greenio-v1.0.0\xhtml\xhtml */

:root{
    --green: #007A4C;
    --green-rgb: 0, 122, 76;
    --light-green: #DCF6ED;    
    --light-green-rgb: 220, 246, 237;
    
    --primary: var(--green);
    --secondary: var(--light-green);
}

.text-secondary{
    color: rgba(var(--light-green-rgb), var(--bs-text-opacity)) !important;
}

.gotu {
    font-family: "Gotu", serif;
}

.breadcrumb-row ul {
    background: rgba(255, 255, 255, .9);
}

.menu-links .nav > li > a {
  padding: 28px 20px 27px 20px;
}
.menu-links .nav > li .sub-menu {
    width: 300px;
}
.menu-links .nav > li.active .sub-menu li.active a {
    color: var(--primary);
}

.menu-logo {
    width: 225px;
}

@media only screen and (max-width: 767px) {
    .menu-logo img {
        max-width: 160px;
    }
}

@media only screen and (max-width: 991px) {
    .rs-nav .menu-links .menu-logo img {
        max-width: unset;
        width: 230px;
        vertical-align: middle;
    }
}

.termsfeed-com---palette-light .cc-nb-okagree{
    background-color: var(--primary) !important;
    color: #fff !important;
}

.termsfeed-com---palette-light .cc-cp-foot-save {
    background: var(--primary) !important;
    color: #fff !important;
}

.termsfeed-com---palette-light .cc-pc-head-close:active, .termsfeed-com---palette-light .cc-pc-head-close:focus {
  border: 2px solid var(--primary) !important;
}

a.cookie-pref{
    cursor: pointer;
}

.mapbox:after {
    background: var(--light-green);
}
.secondary-menu {
    border-left: none;
}

.hero-slider1 .swiper-slide {
    background-image: url(../img/openbare-bebloeming.jpg);
}

form #website{
    display: none;
}

.service-list li a {
    background: #DCF6ED;
}

.page-banner {
    background-position: center center;
}
.page-banner .container{
    z-index: 2;
    position: relative;
}
.page-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
    z-index: 1;
}

.feature-bx1 {
    padding: 50px 12px;
}

.hero {
    min-height: 85vh;
    position: relative;
    background: url("../img/openbare-bebloeming.jpg") center/cover no-repeat;
    display: flex;
    align-items: center;
}

/* donkere overlay boven de foto */
.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35); /* pas sterkte aan */
    z-index: 1;
}

/* content boven overlay */
.hero .container {
    position: relative;
    z-index: 2;
}