/* CMS renderer base */

.cms-par {
    margin-bottom: 32px;
}

.cms-par:last-child {
    margin-bottom: 0;
}

.cms-par:after {
    content: "";
    display: table;
    clear: both;
}


/* Images */

.cms-par-image {
    margin: 0 0 18px 0;
}

.cms-par-image img {
    display: block;
    max-width: 100%;
    height: auto;
}

.cms-par-image figcaption {
    margin-top: 8px;
    color: #777;
    font-size: 13px;
    line-height: 1.4;
}

.cms-par-image-align-left {
    text-align: left;
}

.cms-par-image-align-center {
    text-align: center;
}

.cms-par-image-align-right {
    text-align: right;
}

.cms-par-image-align-center img,
.cms-par-image-align-center figure {
    margin-left: auto;
    margin-right: auto;
}

.cms-par-image-align-right img,
.cms-par-image-align-right figure {
    margin-left: auto;
}

.cms-par-image-small {
    max-width: 280px;
}

.cms-par-image-standard {
    /*max-width: 520px;*/
}

.cms-par-image-half {
    max-width: 720px;
}

.cms-par-image-large {
    max-width: 960px;
}

.cms-par-image-full {
    max-width: 100%;
}

.cms-par-image-fixed {
    max-width: 100%;
}


/* Mobile image */

.cms-par-mobile-image {
    display: none;
    margin: 0 0 18px 0;
}

.cms-par-mobile-image img {
    display: block;
    max-width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .cms-par-mobile-image {
        display: block;
    }

    .cms-par-has-mobile-image .cms-par-image {
        display: none;
    }
}


/* Text block */

.cms-par-text {
    line-height: 1.65;
}

.cms-par-text h1,
.cms-par-text h2,
.cms-par-text h3 {
    margin-top: 0;
}

.cms-par-text p:last-child {
    margin-bottom: 0;
}


/* Links and CTA */

.cms-link-block {
    margin-top: 18px;
}

.cms-link-block img {
    max-width: 100%;
    height: auto;
}

.cms-cta-group {
    margin-top: 18px;
}

.cms-cta-group .cms-cta {
    margin-right: 8px;
    margin-bottom: 8px;
}

.cms-cta {
    display: inline-block;
    white-space: normal;
}

.cms-cta-primary {
    font-weight: 600;
}

.cms-cta-secondary {
    opacity: .9;
}


/* Layout: standard */

.cms-layout-standard {
    margin-bottom: 32px;
}

.cms-layout-standard .row {
    align-items: flex-start;
}


/* Layout: well */

.cms-layout-well {
    margin-bottom: 32px;
    font-size: 1.2em !important;
}

.cms-layout-well .well {
    margin-bottom: 28px;
    padding: 28px;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
}

.cms-layout-well .well h1,
.cms-layout-well .well h2,
.cms-layout-well .well h3 {
    margin-top: 0;
}

.cms-layout-well .well p:last-child {
    margin-bottom: 0;
}


/* Layout: kader */

.cms-layout-kader {
    margin: 32px 0;
    padding: 24px;
    border: 2px solid #102f00;
    border-radius: 12px;
    background: #fff;
}


/* Layout: jumbo */

.cms-layout-jumbo {
    width: 100%;
    margin: 28px 0;
    padding: 0 20px;
}

.cms-layout-jumbo,
.cms-layout-jumbo *,
.cms-layout-jumbo *::before,
.cms-layout-jumbo *::after {
    box-sizing: border-box;
}

.cms-layout-jumbo > .container {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0;
}

/* Kaart */

.cms-layout-jumbo .cms-jumbo-card {
    width: 100%;
    overflow: hidden;

    color: #263126;
    background: #fbfcf8;

    border: 1px solid #d5ddd0;
    border-radius: 14px;

    box-shadow:
            0 10px 28px rgba(35, 52, 30, 0.08),
            0 2px 8px rgba(35, 52, 30, 0.04);
}

/* Rij en kolommen */

.cms-layout-jumbo .cms-jumbo-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;

    width: 100%;
    margin: 0;
}

.cms-layout-jumbo .cms-jumbo-row > [class*="col-"] {
    min-width: 0;

}
.cms-layout-jumbo .cms-jumbo-row > [class*="col-"] {
    min-width: 0;
}
.cms-layout-jumbo .cms-jumbo-image,
.cms-layout-jumbo .cms-jumbo-text {
    align-self: flex-start;
}

/* Afbeeldingskolom */

.cms-layout-jumbo .cms-jumbo-image {
    display: block;
    min-width: 0;
    padding: 30px;
}

.cms-layout-jumbo .cms-jumbo-image figure,
.cms-layout-jumbo .cms-jumbo-image .cms-par-image {
    display: block;

    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;

    aspect-ratio: auto;
    overflow: visible;

    background: transparent;
    border-radius: 0;
}

.cms-layout-jumbo .cms-jumbo-image a,
.cms-layout-jumbo .cms-jumbo-image .cms-par-image-link {
    display: block;

    width: 100%;
    max-width: 100%;

    line-height: 0;
    text-decoration: none;
}

.cms-layout-jumbo .cms-jumbo-image img {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 0;

    object-fit: contain;
    object-position: top center;

    border: 0;
    border-radius: 10px;

    box-shadow: 0 6px 18px rgba(25, 40, 20, 0.10);
}

.cms-layout-jumbo .cms-jumbo-image figcaption {
    margin-top: 10px;

    color: #667064;

    font-size: 13px;
    line-height: 1.45;
    text-align: center;
}

/* Tekstkolom */

.cms-layout-jumbo .cms-jumbo-text {
    min-width: 0;
    padding: 32px 36px 36px 22px;
}

.cms-layout-jumbo .cms-jumbo-text > :first-child {
    margin-top: 0;
}

.cms-layout-jumbo .cms-jumbo-text h1,
.cms-layout-jumbo .cms-jumbo-text h2,
.cms-layout-jumbo .cms-jumbo-text h3 {
    margin: 0 0 16px;

    color: #1f3523;

    font-size: clamp(28px, 3.2vw, 42px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.02em;

    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

.cms-layout-jumbo .cms-jumbo-text p {
    margin: 0 0 14px;

    color: #344137;

    font-size: 16px;
    line-height: 1.6;
}

.cms-layout-jumbo .cms-jumbo-text p:last-child {
    margin-bottom: 0;
}

.cms-layout-jumbo .cms-jumbo-text ul,
.cms-layout-jumbo .cms-jumbo-text ol {
    margin: 14px 0 16px;
    padding-left: 20px;
}

.cms-layout-jumbo .cms-jumbo-text li {
    margin-bottom: 5px;
    line-height: 1.45;
}

.cms-layout-jumbo .cms-jumbo-text a {
    overflow-wrap: anywhere;
}

/* CTA */

.cms-layout-jumbo .cms-jumbo-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    margin-top: 22px;
}

.cms-layout-jumbo .cms-jumbo-actions a,
.cms-layout-jumbo .cms-jumbo-actions .btn,
.cms-layout-jumbo .cms-jumbo-actions .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;
    padding: 10px 18px;

    color: #ffffff;
    background: #426b2b;

    border: 1px solid #365823;
    border-radius: 6px;

    font: inherit;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;

    box-shadow: 0 4px 12px rgba(54, 88, 35, 0.18);

    cursor: pointer;
}

.cms-layout-jumbo .cms-jumbo-actions a:hover,
.cms-layout-jumbo .cms-jumbo-actions a:focus,
.cms-layout-jumbo .cms-jumbo-actions .btn:hover,
.cms-layout-jumbo .cms-jumbo-actions .btn:focus,
.cms-layout-jumbo .cms-jumbo-actions .button:hover,
.cms-layout-jumbo .cms-jumbo-actions .button:focus {
    color: #ffffff;
    background: #365823;
    border-color: #2f4d1f;
    text-decoration: none;
}

/* Volledige afbeelding boven tekst */

.cms-layout-jumbo.cms-jumbo-full .cms-jumbo-image-full {
    display: block;
    width: 100%;
    padding: 0;
}

.cms-layout-jumbo.cms-jumbo-full .cms-jumbo-image-full figure,
.cms-layout-jumbo.cms-jumbo-full .cms-jumbo-image-full .cms-par-image,
.cms-layout-jumbo.cms-jumbo-full .cms-jumbo-image-full a,
.cms-layout-jumbo.cms-jumbo-full .cms-jumbo-image-full .cms-par-image-link {
    display: block;
    width: 100%;
    max-width: none;
}

.cms-layout-jumbo.cms-jumbo-full .cms-jumbo-image-full img {
    width: 100%;
    max-width: none;
    height: auto;

    border-radius: 0;
    box-shadow: none;
}

.cms-layout-jumbo .cms-jumbo-text-below {
    padding-top: 30px;
}

/* Alleen tekst */

.cms-layout-jumbo .cms-jumbo-text-only {
    width: 100%;
}

/* Mobiel */

@media (max-width: 767px) {
    .cms-layout-jumbo {
        margin: 20px 0;
        padding: 0 12px;
    }

    .cms-layout-jumbo .cms-jumbo-card {
        border-radius: 12px;
    }

    .cms-layout-jumbo .cms-jumbo-row {
        display: flex;
        flex-direction: column;
    }

    .cms-layout-jumbo .cms-jumbo-row > [class*="col-"] {
        width: 100%;
        max-width: none;
    }

    .cms-layout-jumbo .cms-jumbo-image {
        order: 1;

        width: 100%;
        padding: 22px 20px 0;
    }

    .cms-layout-jumbo .cms-jumbo-text {
        order: 2;

        width: 100%;
        padding: 24px 22px 28px;
    }

    .cms-layout-jumbo.cms-jumbo-full .cms-jumbo-image-full {
        padding: 0;
    }

    .cms-layout-jumbo .cms-jumbo-text h1,
    .cms-layout-jumbo .cms-jumbo-text h2,
    .cms-layout-jumbo .cms-jumbo-text h3 {
        font-size: clamp(27px, 8vw, 36px);
    }

    .cms-layout-jumbo .cms-jumbo-text p {
        font-size: 16px;
    }

    .cms-layout-jumbo .cms-jumbo-actions a,
    .cms-layout-jumbo .cms-jumbo-actions .btn,
    .cms-layout-jumbo .cms-jumbo-actions .button {
        width: 100%;
    }
}


/* Layout: color box */

.cms-layout-color-box {
    margin-bottom: 32px;
}

.cms-color-box {
    padding: 26px;
    border-radius: 14px;
    background: #f6f8f2;
}


/* Layout: CTA */

.cms-layout-cta,
.cms-layout-cta2 {
    margin-bottom: 32px;
}

.cms-layout-cta .cms-cta-group,
.cms-layout-cta2 .cms-cta-group {
    margin-top: 22px;
}


/* Layout: media */

.cms-layout-media {
    margin-bottom: 32px;
}

.cms-layout-media .media,
.cms-layout-media .media-body {
    overflow: visible;
}


/* Layout: quote */

.cms-layout-quote {
    margin-bottom: 32px;
}

.cms-layout-quote blockquote {
    margin: 0;
    padding: 22px 28px;
    border-left: 5px solid #ddd;
    border-radius: 10px;
    background: #fafafa;
    font-size: 18px;
    line-height: 1.55;
}


/* Layout: tiles */

.cms-layout-tile {
    margin-bottom: 32px;
}

.cms-layout-tile .cms-par-image {
    margin-bottom: 16px;
}

.cms-layout-tile .heading-title {
    margin-bottom: 12px;
}

.cms-layout-tile h3 {
    margin-top: 0;
}

.cms-tile-text {
    margin-bottom: 14px;
}

.cms-tile-text p:last-child {
    margin-bottom: 0;
}


/* Tile container helpers */

.cms-tile-row {
    margin-bottom: 28px;
}

.cms-layout-tile-start,
.cms-layout-tile-end {
    margin: 0;
}


/* Text on image */

.cms-layout-text-on-image {
    position: relative;
    margin-bottom: 36px;
}

.cms-text-on-image {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}

.cms-text-on-image .cms-par-image {
    margin: 0;
}

.cms-text-on-image .cms-par-image img {
    width: 100%;
}

.cms-text-on-image-content {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
    padding: 22px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .88);
}


/* HTML layouts */

.cms-layout-html-wide,
.cms-layout-html-standard {
    margin-bottom: 32px;
}


/* Separator */

.cms-layout-separator {
    margin: 38px 0;
}

.cms-layout-separator .content-separator {
    padding: 32px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}


/* Responsive */

@media (max-width: 767px) {
    .cms-par {
        margin-bottom: 24px;
    }

    .cms-layout-well .well,
    .cms-layout-kader-box,
    .cms-color-box {
        padding: 20px;
        border-radius: 10px;
    }

    .cms-par-image-small,
    .cms-par-image-standard,
    .cms-par-image-half,
    .cms-par-image-large {
        max-width: 100%;
    }

    .cms-text-on-image-content {
        position: static;
        left: auto;
        right: auto;
        bottom: auto;
        border-radius: 0;
        background: #fff;
    }

    .cms-cta-group .cms-cta {
        display: block;
        width: 100%;
        margin-right: 0;
    }
}

.cms-tile-row,
.row.cms-tile-row {
    display: flex;
    flex-wrap: wrap;
}

.cms-layout-tile {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}

.cms-layout-tile-inner {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
}

.cms-layout-tile .cms-par-image {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    margin: 0 0 16px 0;
    overflow: hidden;
    background: #f5f5f5;
}

.cms-layout-tile .cms-par-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cms-layout-tile .cms-tile-text {
    flex: 1 1 auto;
    margin-bottom: 16px;
}

.cms-layout-tile .cms-cta-group {
    margin-top: auto;
}

.cms-tile-row,
.row.cms-tile-row {
    display: flex;
    flex-wrap: wrap;
}

.cms-layout-tile {
    display: flex;
    flex-direction: column;
    margin-bottom: 36px;
}

.cms-layout-tile-inner {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    padding: 0 0 22px 0;
    border-radius: 16px;
    background: #fff;
    transition: transform .18s ease, box-shadow .18s ease;
}

.cms-layout-tile-inner:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .08);
}

.cms-layout-tile .cms-par-image {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    margin: 0 0 22px 0;
    overflow: hidden;
    border-radius: 14px;
    background: #f5f5f5;
}

.cms-layout-tile .cms-par-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
}

.cms-layout-tile-inner:hover .cms-par-image img {
    transform: scale(1.035);
}

.cms-tile-text {
    flex: 1 1 auto;
    padding: 0 2px;
    margin-bottom: 18px;
}

.cms-tile-text h1,
.cms-tile-text h2,
.cms-tile-text h3 {
    margin: 0 0 22px 0;
    color: #3f4852;
    font-size: 28px;
    line-height: 1.18;
    font-weight: 600;
    letter-spacing: .01em;
    text-transform: uppercase;
}

.cms-tile-text p {
    margin: 0 0 14px 0;
    color: #4d5660;
    font-size: 14px;
    line-height: 1.55;
}

.cms-tile-text p:last-child {
    margin-bottom: 0;
}

.cms-layout-tile .cms-cta-group {
    margin-top: auto;
    padding: 0 2px;
}

.cms-layout-tile .cms-cta {
    padding: 9px 14px;
    border-radius: 5px;
    font-weight: 600;
    text-decoration: none;
}

.cms-layout-jumbo {
    margin: 42px 0;
}

.cms-jumbo-card {
    padding: 34px;
    border-radius: 18px;
    background: #f5f5f5;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .06);
    overflow: hidden;
}

.cms-jumbo-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.cms-jumbo-text h1,
.cms-jumbo-text h2,
.cms-jumbo-text h3 {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 30px;
    line-height: 1.22;
    font-weight: 600;
    text-transform: uppercase;
}

.cms-jumbo-text p {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 1.65;
}

.cms-jumbo-image .cms-par-image {
    margin: 0;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 14px;
    background: #e9e9e9;
}

.cms-jumbo-image .cms-par-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cms-layout-text-on-image {
    margin: 42px 0;
}

.cms-text-on-image {
    position: relative;
    overflow: hidden;
    min-height: 420px;
    border-radius: 18px;
    background: #f3f3f3;
}

.cms-text-on-image-bg,
.cms-text-on-image-bg .cms-par-image {
    position: absolute;
    inset: 0;
    margin: 0;
}

.cms-text-on-image-bg .cms-par-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cms-text-on-image:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
            90deg,
            rgba(0, 0, 0, .58) 0%,
            rgba(0, 0, 0, .34) 48%,
            rgba(0, 0, 0, .10) 100%
    );
}

.cms-layout-text-on-image {
    margin: 42px 0;
}

.cms-text-on-image {
    position: relative;
    overflow: hidden;
    min-height: 420px;
    border-radius: 18px;
    background-color: #f3f3f3;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .08);
}

.cms-text-on-image:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
            90deg,
            rgba(0, 0, 0, .68) 0%,
            rgba(0, 0, 0, .42) 45%,
            rgba(0, 0, 0, .10) 100%
    );
}

.cms-text-on-image-body {
    position: relative;
    z-index: 2;
    max-width: 620px;
    padding: 52px;
    color: #fff;
}

.cms-text-on-image-body h1,
.cms-text-on-image-body h2,
.cms-text-on-image-body h3 {
    margin-top: 0;
    color: #fff;
}

.cms-text-on-image-body p {
    color: #fff;
    font-size: 17px;
    line-height: 1.65;
}

.cms-text-on-image-body .cms-cta-group {
    margin-top: 24px;
}

.cms-text-on-image-body .cms-cta {
    border-color: #fff;
    background: #fff;
    color: #333;
}

@media (max-width: 767px) {
    .cms-layout-text-on-image {
        margin: 28px 0;
    }

    .cms-text-on-image {
        min-height: 0;
        border-radius: 14px;
        background-position: center center;
    }

    .cms-text-on-image-body {
        max-width: none;
        padding: 28px 24px;
    }

    .cms-text-on-image-body h1,
    .cms-text-on-image-body h2,
    .cms-text-on-image-body h3 {
        font-size: 24px;
    }

    .cms-text-on-image-body p {
        font-size: 16px;
    }

    .cms-text-on-image-body .cms-cta {
        display: block;
        width: 100%;
        margin-bottom: 8px;
    }
}

.cms-hero-slider {
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    overflow: hidden;
}

.cms-layout-hero {
    margin: 0 0 44px 0;
}

.cms-layout-hero .display-table {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.cms-layout-hero .overlay {
    z-index: 1;
}

.cms-layout-hero h1 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.cms-hero-body {
    color: #fff;
    margin-top: 12px;
}

.cms-hero-body p {
    color: #fff;
    margin-bottom: 0;
}

.cms-hero-cta {
    margin-top: 26px;
}

.cms-hero-cta .cms-cta {
    margin: 0 5px 8px 5px;
    padding: 11px 18px;
    border-radius: 4px;
    border-color: #fff;
    background: #fff;
    color: #333;
    font-weight: 600;
}

@media (max-width: 767px) {
    .cms-layout-hero.height-500,
    .cms-layout-hero.height-450,
    .cms-layout-hero.height-400,
    .cms-layout-hero.height-300 {
        min-height: 360px;
    }

    .cms-layout-hero h1 {
        font-size: 30px !important;
    }

    .cms-hero-body {
        font-size: 18px !important;
    }

    .cms-hero-cta .cms-cta {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.cms-hero-container {
    padding-left: 0;
    padding-right: 0;
}

.cms-layout-hero,
.cms-hero-slider {
    position: relative;
    margin: 0 0 44px 0;
    padding: 0;
    overflow: hidden;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.cms-layout-hero.height-300 {
    min-height: 300px;
}

.cms-layout-hero.height-400 {
    min-height: 400px;
}

.cms-layout-hero.height-500 {
    min-height: 500px;
}

.cms-layout-hero .overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.cms-layout-hero .display-table {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: inherit;
}

.cms-layout-hero .display-table-cell {
    min-height: inherit;
}

.cms-layout-hero h1 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.cms-hero-body,
.cms-hero-body p {
    color: #fff;
}

.cms-hero-cta {
    margin-top: 26px;
}

.cms-hero-cta .cms-cta {
    margin: 0 5px 8px 5px;
    padding: 11px 18px;
    border-radius: 4px;
    border-color: #fff;
    background: #fff;
    color: #333;
    font-weight: 600;
}

.cms-layout-hero,
.cms-hero-slider {
    position: relative;
    margin: 0 0 44px 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.cms-layout-hero.height-300 {
    min-height: 300px;
}

.cms-layout-hero.height-400 {
    min-height: 400px;
}

.cms-layout-hero.height-500 {
    min-height: 500px;
}

.cms-layout-hero .overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.cms-layout-hero .display-table {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: inherit;
}

.cms-layout-hero .display-table-cell {
    min-height: inherit;
}

.cms-layout-hero h1 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.cms-hero-body,
.cms-hero-body p {
    color: #fff;
}

.cms-hero-cta {
    margin-top: 26px;
}

.cms-hero-cta .cms-cta {
    margin: 0 5px 8px 5px;
    padding: 11px 18px;
    border-radius: 4px;
    border-color: #fff;
    background: #fff;
    color: #333;
    font-weight: 600;
}

#footer.gh-footer {
    margin-top: 70px;
}

#footer.gh-footer .footer-logo {
    max-width: 190px;
    height: auto;
    margin-bottom: 24px;
}

#footer.gh-footer address {
    margin-bottom: 0;
}

#footer.gh-footer .footer-sprite {
    margin-bottom: 18px;
    line-height: 1.55;
}

#footer.gh-footer h4 {
    margin-top: 0;
    margin-bottom: 22px;
}

#footer.gh-footer .gh-footer-newsletter {
    margin-top: 28px;
}

#footer.gh-footer .gh-footer-social {
    margin-top: 18px;
}

#footer.gh-footer .gh-footer-mobile-actions {
    padding: 20px;
}

#footer.gh-footer .gh-footer-mobile-actions .btn {
    margin: 0 4px 8px 0;
}

#footer.gh-footer {
    margin-top: 80px;
    color: #c4ddc5;
    background: #06360c;
}

.gh-footer-main {
    padding: 70px 0 58px 0;
    background: #073d0f;
}

.gh-footer-bottom {
    padding: 22px 0;
    color: #bdd8be;
    background: #042d09;
    font-size: 13px;
}

.gh-footer-col {
    margin-bottom: 32px;
}

.gh-footer h4 {
    margin: 0 0 22px 0;
    color: #fff;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    letter-spacing: .05em;
}

.gh-footer p,
.gh-footer address {
    color: #c4ddc5;
    font-size: 14px;
    line-height: 1.6;
}

.gh-footer a {
    color: #c4ddc5;
    text-decoration: none;
}

.gh-footer a:hover {
    color: #fff;
    text-decoration: none;
}

.gh-footer-logo {
    display: block;
    max-width: 190px;
    height: auto;
    margin: 0 0 26px 0;
}

.gh-footer-address {
    margin: 0;
}

.gh-footer-address p {
    margin: 0 0 20px 0;
}

.gh-footer-news-list {
    margin-bottom: 28px;
}

.gh-footer-news-list ul,
.gh-footer-news-list .footer-links {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gh-footer-news-list li {
    padding: 9px 0;
    border-bottom: 1px solid rgba(255,255,255,.10);
    font-size: 14px;
    line-height: 1.35;
}

.gh-footer-newsletter {
    margin-top: 28px;
}

.gh-footer-newsletter p {
    margin-bottom: 14px;
}

.gh-footer-newsletter-form .input-group-addon {
    color: #c4ddc5;
    background: #032707;
    border-color: #032707;
}

.gh-footer-newsletter-form .form-control {
    height: 40px;
    color: #fff;
    background: #032707;
    border-color: #032707;
    box-shadow: none;
}

.gh-footer-newsletter-form .form-control::placeholder {
    color: #9fbca0;
}

.gh-footer-newsletter-form .btn {
    height: 40px;
    border-color: #5cb85c;
}

.gh-footer-links {
    margin: 0 0 22px 0;
    padding: 0;
}

.gh-footer-links li {
    position: relative;
    padding: 7px 0 7px 18px;
    font-size: 14px;
}

.gh-footer-links li:before {
    content: "\203A";
    position: absolute;
    left: 0;
    top: 7px;
    color: #fff;
}

.gh-footer-facebook {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 9px 14px;
    border-radius: 4px;
    color: #fff !important;
    background: #5bc0de;
    font-size: 14px;
    line-height: 1;
}

.gh-footer-facebook:hover {
    color: #fff !important;
    background: #31b0d5;
}

.gh-footer-bottom-links span {
    display: inline-block;
    margin: 0 9px;
    color: #bdd8be;
}

.gh-footer-mobile-actions {
    padding: 18px 15px;
    text-align: center;
    background: #042d09;
}

.gh-footer-mobile-actions .btn {
    margin: 0 4px 8px 4px;
}

@media (max-width: 767px) {
    #footer.gh-footer {
        margin-top: 48px;
    }

    .gh-footer-main {
        padding: 46px 0 24px 0;
    }

    .gh-footer-bottom {
        text-align: center;
    }

    .gh-footer-bottom .text-right {
        text-align: center !important;
        margin-top: 10px;
    }

    .gh-footer-logo {
        max-width: 170px;
    }

    .gh-footer-newsletter-form .input-group,
    .gh-footer-newsletter-form .input-group-addon,
    .gh-footer-newsletter-form .form-control,
    .gh-footer-newsletter-form .input-group-btn,
    .gh-footer-newsletter-form .btn {
        display: block;
        width: 100%;
    }

    .gh-footer-newsletter-form .input-group-addon {
        display: none;
    }

    .gh-footer-newsletter-form .form-control {
        margin-bottom: 8px;
    }

    .gh-footer-newsletter-form .btn {
        border-radius: 3px;
    }

    .gh-footer-mobile-actions .btn {
        display: block;
        width: 100%;

        margin: 0 auto 8px auto;
    }
}

.cms-article-standard-v2 {
    background: #fff;
}

.cms-article-heading {
    padding: 48px 0 24px 0;
}

.cms-article-breadcrumb {
    margin: 0 0 24px 0;
    color: #8a8a8a;
    font-size: 13px;
    line-height: 1.4;
}

.cms-article-breadcrumb a {
    color: #7c8f43;
    text-decoration: none;
}

.cms-article-breadcrumb a:hover {
    color: #526226;
    text-decoration: none;
}

.cms-article-breadcrumb span {
    display: inline-block;
    margin: 0 8px;
    color: #b4b4b4;
}

.cms-article-breadcrumb strong {
    color: #555;
    font-weight: 400;
}

.cms-article-header {
    max-width: 900px;
}

.cms-article-header h1 {
    margin: 0 0 18px 0;
    color: #303a30;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 300;
    letter-spacing: .02em;
}

.cms-article-subtitle {
    max-width: 780px;
    margin: 0 0 18px 0;
    color: #5f685f;
    font-size: 19px;
    line-height: 1.6;
    font-weight: 300;
}

.cms-article-subtitle p {
    margin-bottom: 0;
}

.cms-article-meta {
    margin-top: 18px;
    color: #8a8a8a;
    font-size: 13px;
}

.cms-article-meta span {
    display: inline-block;
    margin-right: 18px;
}

.cms-article-meta i {
    margin-right: 6px;
}

.cms-article-media {
    margin: 0 0 36px 0;
}

.cms-article-media figure {
    margin: 0;
}

.cms-article-media img {
    width: 100%;
    height: auto;
    border-radius: 14px;
}

.cms-article-main {
    padding: 20px 0 30px 0;
}

.cms-article-content {
    min-height: 1px;
}

.cms-article-sidebar {
    margin-top: 4px;
}

.cms-readalso-box {
    position: sticky;
    top: 90px;
    padding: 24px;
    border-radius: 14px;
    background: #f6f8f1;
    border: 1px solid #e3e8d8;
}

.cms-readalso-box h4 {
    margin: 0 0 18px 0;
    color: #303a30;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cms-readalso-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cms-readalso-list li {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #dde4cf;
    font-size: 14px;
    line-height: 1.35;
}

.cms-readalso-list li:last-child {
    border-bottom: 0;
}

.cms-readalso-list a {
    color: #596d2d;
    text-decoration: none;
}

.cms-readalso-list a:hover {
    color: #303a30;
    text-decoration: none;
}

.cms-readalso-list .active span {
    color: #303a30;
    font-weight: 700;
}

@media (max-width: 767px) {
    .cms-article-heading {
        padding: 32px 0 18px 0;
    }

    .cms-article-header h1 {
        font-size: 30px;
    }

    .cms-article-subtitle {
        font-size: 17px;
    }

    .cms-article-media {
        margin-bottom: 24px;
    }

    .cms-article-media img {
        border-radius: 10px;
    }

    .cms-article-sidebar {
        margin-top: 34px;
    }

    .cms-readalso-box {
        position: static;
        padding: 20px;
    }
}

.cms-layout-jumbo {
    margin: 42px 0;
}

.cms-jumbo-card {
    padding: 34px;
    border-radius: 18px;
    background: #f6f8f1;
    border: 1px solid #e2e8d7;
    box-shadow: 0 14px 38px rgba(0, 0, 0, .06);
    overflow: hidden;
}

.cms-jumbo-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.cms-jumbo-image {
    margin-bottom: 0;
}

.cms-jumbo-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 14px;
}

.cms-jumbo-text {
    color: #3f463f;
    font-size: 17px;
    line-height: 1.7;
}

.cms-jumbo-text h1,
.cms-jumbo-text h2,
.cms-jumbo-text h3 {
    margin-top: 0;
    margin-bottom: 16px;
    color: #303a30;
    line-height: 1.2;
}

.cms-jumbo-text h2 {
    font-size: 32px;
    font-weight: 600;
}

.cms-jumbo-text p {
    margin-bottom: 16px;
}

.cms-jumbo-text p:last-child {
    margin-bottom: 0;
}

.cms-jumbo-text .btn,
.cms-jumbo-text .cms-cta,
.cms-jumbo-text .cms-cta-group {
    margin-top: 18px;
}

.cms-jumbo-image + .cms-jumbo-text,
.cms-jumbo-text + .cms-jumbo-image {
    /*margin-top: 40px;*/
}
@media (max-width: 767px) {
    .cms-layout-jumbo {
        margin: 30px 0;
    }

    .cms-jumbo-card {
        padding: 22px;
        border-radius: 14px;
    }

    .cms-jumbo-row {
        display: block;
    }

    .cms-jumbo-image {
        margin-bottom: 20px;
    }

    .cms-jumbo-text + .cms-jumbo-image {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .cms-jumbo-text {
        font-size: 16px;
        line-height: 1.65;
    }

    .cms-jumbo-text h2 {
        font-size: 26px;
    }
}

.cms-article-gallery {
    background: #fff;
}

.cms-gallery-header {
    padding: 48px 0 24px 0;
}

.cms-gallery-breadcrumb {
    margin: 0 0 22px 0;
    color: #8a8a8a;
    font-size: 13px;
    line-height: 1.4;
}

.cms-gallery-breadcrumb a {
    color: #6c8237;
    text-decoration: none;
}

.cms-gallery-breadcrumb span {
    display: inline-block;
    margin: 0 8px;
    color: #b4b4b4;
}

.cms-gallery-breadcrumb strong {
    color: #555;
    font-weight: 400;
}

.cms-gallery-header h1 {
    max-width: 900px;
    margin: 0 0 18px 0;
    color: #303a30;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 300;
}

.cms-gallery-subtitle {
    max-width: 820px;
    margin: 0 0 18px 0;
    color: #5f685f;
    font-size: 19px;
    line-height: 1.6;
    font-weight: 300;
}

.cms-gallery-meta {
    margin-top: 18px;
    color: #8a8a8a;
    font-size: 13px;
}

.cms-gallery-meta span {
    display: inline-block;
    margin-right: 18px;
}

.cms-gallery-content {
    margin-bottom: 28px;
}

.cms-gallery-section {
    padding: 30px 0 58px 0;
}

.cms-gallery-grid {
    margin-left: -8px;
    margin-right: -8px;
}

.cms-gallery-item {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 16px;
}

.cms-gallery-link {
    display: block;
    overflow: hidden;
    border-radius: 12px;
    background: #f4f4f4;
}

.cms-gallery-link img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .25s ease;
}

.cms-gallery-link:hover img {
    transform: scale(1.035);
}

.cms-gallery-caption {
    margin-top: 8px;
    color: #5f685f;
    font-size: 13px;
    line-height: 1.4;
}

.cms-gallery-sidebar .cms-readalso-box {
    position: sticky;
    top: 90px;
}

.container-wide {
    width: 100%;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

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

    .cms-layout .row:not(.media) > div {
        margin-bottom: 60px;
    }

    .cms-layout .row.media > div {
        margin-bottom: 100px;
    }

    .cms-layout .row.media figure,
    .cms-layout .row.media video {
        margin-bottom: 0;
    }

}

div.row.media > div {
    margin: 30px 0 20px 0;
}

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


    section div.row>div {
        margin-bottom: 30px;
    }

}

.cms-content .cms-layout-tile-list .row.cms-tile-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;

    gap: 24px !important;

    width: 100%;
    max-width: 1110px;

    margin: 0 auto !important;
    padding: 0 !important;
}

.cms-content .cms-layout-tile-list .row.cms-tile-grid > .cms-layout-tile {
    display: block;

    width: auto !important;
    max-width: none !important;
    min-width: 0;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
}

.cms-layout-tile-list .cms-tile-media .cms-par-image {
    position: relative;
    width: 100%;
    aspect-ratio: auto;
    margin: 0;
    overflow: hidden;

    border-radius: 0 !important;
    background: #f5f5f5;
}

.cms-layout-tile-list .cms-tile-media .cms-par-image img {
    width: 100%;
    height: 212px;

    object-fit: cover;
    object-position: center;

    border-radius: 0 !important;
}


/*HERO*/
.cms-layout-hero {
    position: relative;
    width: 100%;
    min-height: 500px;
    margin: 0 0 34px;

    overflow: hidden;

    color: #ffffff;
    background-color: #263126;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cms-layout-hero,
.cms-layout-hero *,
.cms-layout-hero *::before,
.cms-layout-hero *::after {
    box-sizing: border-box;
}

.cms-layout-hero .cms-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    background:
            linear-gradient(
                    180deg,
                    rgba(10, 18, 14, 0.22) 0%,
                    rgba(10, 18, 14, 0.34) 55%,
                    rgba(10, 18, 14, 0.52) 100%
            );
}

.cms-layout-hero .cms-hero-content {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    width: 100%;
    min-height: 500px;

    padding: 38px 20px;
}

.cms-layout-hero .cms-hero-content > .container {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0;
}

.cms-layout-hero .cms-hero-content-inner {
    width: min(920px, 100%);
    margin: 0 auto;
    padding: 22px 28px 24px;

    color: #ffffff;
    text-align: center;

    background: rgba(13, 23, 17, 0.30);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 12px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);

    backdrop-filter: blur(2px);
}

.cms-layout-hero .cms-hero-title {
    margin: 0 0 12px;

    color: #ffffff;

    font-size: clamp(32px, 4.5vw, 56px);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: 0.01em;

    text-shadow: 0 2px 9px rgba(0, 0, 0, 0.48);
}

.cms-layout-hero .cms-hero-body {
    max-width: 760px;
    margin: 0 auto;

    color: #ffffff;

    font-size: 18px;
    line-height: 1.55;

    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.46);
}

.cms-layout-hero .cms-hero-body p {
    margin: 0;
}

.cms-layout-hero .cms-hero-body p + p {
    margin-top: 10px;
}

.cms-layout-hero .cms-hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;

    margin-top: 24px;
}

.cms-layout-hero .cms-hero-actions a,
.cms-layout-hero .cms-hero-actions .btn,
.cms-layout-hero .cms-hero-actions .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 46px;
    padding: 10px 20px;

    color: #ffffff;
    background: #426b2b;

    border: 1px solid #365823;
    border-radius: 6px;

    font: inherit;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;

    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.20);
}

.cms-layout-hero .cms-hero-actions a:hover,
.cms-layout-hero .cms-hero-actions a:focus,
.cms-layout-hero .cms-hero-actions .btn:hover,
.cms-layout-hero .cms-hero-actions .btn:focus,
.cms-layout-hero .cms-hero-actions .button:hover,
.cms-layout-hero .cms-hero-actions .button:focus {
    color: #ffffff;
    background: #365823;
    border-color: #2f4d1f;
    text-decoration: none;
}

.cms-layout-hero.cms-hero-slider-empty {
    min-height: 0;
    padding: 44px 20px;

    color: #263126;
    background: #f2f3ef;
}

.cms-layout-hero.cms-hero-slider-empty .cms-hero-content-inner {
    color: #263126;
    background: #ffffff;
    border: 1px solid #d9ded6;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}

.cms-layout-hero.cms-hero-slider-empty .cms-hero-title,
.cms-layout-hero.cms-hero-slider-empty .cms-hero-body {
    color: #263126;
    text-shadow: none;
}

@media (max-width: 991px) {
    .cms-layout-hero,
    .cms-layout-hero .cms-hero-content {
        min-height: 420px;
    }

    .cms-layout-hero .cms-hero-content {
        padding: 28px 18px;
    }

    .cms-layout-hero .cms-hero-content-inner {
        width: min(760px, 100%);
        padding: 18px 22px 20px;
    }
}

@media (max-width: 640px) {
    .cms-layout-hero {
        min-height: 330px;
        margin-bottom: 24px;
    }

    .cms-layout-hero .cms-hero-content {
        align-items: flex-end;
        min-height: 330px;
        padding: 18px 14px;
    }

    .cms-layout-hero .cms-hero-content-inner {
        padding: 15px 16px 17px;
        border-radius: 9px;
    }

    .cms-layout-hero .cms-hero-title {
        margin-bottom: 9px;
        font-size: clamp(28px, 9vw, 39px);
    }

    .cms-layout-hero .cms-hero-body {
        font-size: 15px;
    }

    .cms-layout-hero .cms-hero-actions a,
    .cms-layout-hero .cms-hero-actions .btn,
    .cms-layout-hero .cms-hero-actions .button {
        width: 100%;
    }
}