/* =============================================================================
   Section Container Block - Base Styles
   ============================================================================= */

.section-container {
    background-color: var(--section-bg-color);
    /* padding-top: min(14.3vw, 61px); */
    --section-container-padding-bottom: min(14.2vw, 96px);
    padding-bottom: var(--section-container-padding-bottom);

    .section-container__inner {
        display: flex;
        align-items: stretch;
        /* position: relative; Creates stacking context */
    }

    a {
        text-decoration: none;
    }

    .section-container__overview-link-icon {
        display: none;
    }

    .section-container__all-content {
        flex: 1;

        .section-container__text-image-wrapper {
            position: relative;
            display: flex;
            flex-direction: column-reverse;
            margin-bottom: min(16.7vw, 72px);
            margin-left: auto;
            margin-right: auto;
            justify-content: space-between;
            gap: 48px;
            width: 95.3%;
            max-width: 1465px;
        }
    }



    .section-container__content {
        padding-top: 37px;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;

        h2 {
            position: relative;

            &::after {
                content: '';
                position: absolute;
                top: -36px;
                left: 0;
                width: 33px;
                height: 33px;
                background-color: var(--small-leaf-color);
                border-radius: 16px 0 16px 0;
            }
        }

    }

    .section-container__heading {}

    .section-container__icon {

        i {}
    }

    .section-container__text {
        margin-top: 28px;
        max-width: 500px;

        p {}

        a {}
    }

    .section-container__button-wrapper {
        margin-top: 32px;
    }

    .section-container__button {}

    /* FAQ Block Styles */
    .section-container__faq-wrapper {
        width: 100%;
        margin-top: 28px;
    }

    /* Accordion styles - applied on frontend only (not inside editor-styles-wrapper) */
    :not(.editor-styles-wrapper) .section-container__faq-wrapper .schema-faq {
        border: none;
        margin: 0;
        padding: 0;
    }

    :not(.editor-styles-wrapper) .section-container__faq-wrapper .schema-faq-section {
        border-bottom: 1px solid var(--custom-neutral-5);
        margin-bottom: 0;
    }

    :not(.editor-styles-wrapper) .section-container__faq-wrapper .schema-faq-section:first-child {
        border-top: 1px solid var(--custom-neutral-5);
    }

    :not(.editor-styles-wrapper) .section-container__faq-wrapper .wp-block-yoast-faq-block {
        max-width: 528px;
    }

    :not(.editor-styles-wrapper) .section-container__faq-wrapper .schema-faq-question {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 0;
        margin: 0;
        cursor: pointer;
        font-family: redonda-condensed, sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px;
        letter-spacing: 2.64px;
        text-transform: uppercase;
        transition: color 0.2s ease;
    }

    :not(.editor-styles-wrapper) .section-container__faq-wrapper .schema-faq-question:hover {
        color: var(--custom-deeper-blue);
    }

    :not(.editor-styles-wrapper) .section-container__faq-wrapper .schema-faq-question:focus-visible {
        color: var(--custom-primary-green, #074730);
        outline: 3px solid var(--custom-primary-green, #074730);
        outline-offset: 2px;
        border-radius: 4px;
        z-index: 10;
        position: relative;
    }

    :not(.editor-styles-wrapper) .section-container__faq-wrapper .schema-faq-question::after {
        content: '+';
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 1;
        margin-left: 16px;
        flex-shrink: 0;
        transition: transform 0.3s ease;
    }

    :not(.editor-styles-wrapper) .section-container__faq-wrapper .schema-faq-section.faq-open .schema-faq-question::after {
        content: '−';
    }

    :not(.editor-styles-wrapper) .section-container__faq-wrapper .schema-faq-answer {
        overflow: hidden;
        transition: max-height 0.3s ease, padding 0.3s ease;
        padding: 0;
    }

    :not(.editor-styles-wrapper) .section-container__faq-wrapper .schema-faq-section.faq-open .schema-faq-answer {
        padding-bottom: 32px;
    }

    :not(.editor-styles-wrapper) .section-container__faq-wrapper .schema-faq-answer p {
        margin: 0 0 16px 0;
    }

    :not(.editor-styles-wrapper) .section-container__faq-wrapper .schema-faq-answer p:last-child {
        margin-bottom: 32px;
    }

    :not(.editor-styles-wrapper) .section-container__faq-wrapper .schema-faq-answer a {
        cursor: pointer;
    }

    .section-container__media {
        padding-top: min(14.3vw, 61px);
    }

    .section-container__graphic {
        img {
            margin: 0 auto;
            display: block;
            width: 100%;
            height: auto;
            max-width: 368px;
            max-height: 462px;
            aspect-ratio: 682 / 462;
            object-fit: contain;
            object-position: center;
        }
    }

    .section-container__image-single-wrapper {
        display: flex;
        flex-direction: column;
        max-width: 682px;
    }

    .section-container__image-single {

        a {}

        img {
            width: 100%;
            max-width: 682px;
            max-height: 462px;
            border-radius: 32px 0px 32px 0px;
            aspect-ratio: 682 / 462;
            object-fit: cover;
            object-position: var(--object-pos, center);
        }
    }

    .section-container__image-text {
        margin-top: 24px;
        max-width: 682px;
    }

    .section-container__image-text-content {
        margin-bottom: 24px;

        p {
            margin: 0;
        }
    }

    .section-container__image-text-button-wrapper {}

    .section-container__image-text-button {}

    .section-container__image-two {
        display: flex;
        flex-direction: column;
        gap: 24px;
        width: 100%;
        margin: 0 auto;
    }

    .section-container__image-two-left,
    .section-container__image-two-right {
        flex: 1;
        display: flex;

        a {
            display: block;
            width: 100%;
            height: 100%;
        }

        img {
            width: 100%;
            height: 100%;
            border-radius: 32px 0 32px 0;
            object-fit: cover;
            aspect-ratio: 343 / 219;
            object-position: var(--object-pos, center);
        }
    }

    .section-container__image-three {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .section-container__image-three-stack {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .section-container__image-three-stack-top,
    .section-container__image-three-stack-bottom,
    .section-container__image-three-main {
        img {
            width: 100%;
            height: auto;
            border-radius: 32px 0 32px 0;
            object-fit: cover;
            aspect-ratio: 343 / 219;
            object-position: var(--object-pos, center);
        }
    }

    .section-container__video {
        width: 100%;
    }

    .section-container__video-wrapper {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        border-radius: 32px 0 32px 0;

        iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }
    }

    .section-container__cards {
        /* width: 95.3%; */
		width: 100%;
		padding-left: 2.35%;
		padding-right: 2.35%;

        max-width: 1465px;
        justify-self: center;

        .section-container__card--overview-grid {
            flex-wrap: wrap;
            display: flex;
            flex-direction: row;
            gap: 48px;
            justify-content: flex-start;
            overflow-x: hidden;
        }

    }

    .section-container__cards-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 48px;
        justify-content: flex-start;
        width: 100%;
        margin: 0 auto;
    }


    .section-container__card--default {
        flex: 1 1 333px;
        aspect-ratio: 386 / 260;
        padding: 23px 32px;
        box-shadow: 4px 4px 6px 1px rgba(74, 73, 74, 0.25);

        max-width: 480px;
    }



    /* Placeholder Base Styles */
    .section-container__card--placeholder {
        flex: 1 1 333px;
        min-width: 0;
        aspect-ratio: auto;
        box-shadow: 4px 4px 6px 1px transparent;
        pointer-events: none;
        display: none;
        /* Hidden on mobile */
    }

    @media screen and (min-width: 40em) {
        .section-container__card--placeholder {
            display: block;
        }
    }

    .section-container__card--placeholder.is-js-placeholder {
        display: block !important;
    }

    .section-container__card--default-placeholder {
        flex: 1 1 333px;
        max-width: 480px;
        aspect-ratio: 386 / 260;
        background-color: var(--section-placeholder-bg, var(--custom-neutral-1));
        border-radius: 0 64px;
        padding: 23px 32px;
        box-shadow: 4px 4px 6px 1px transparent;
    }

    .section-container__card--overview-placeholder {
        flex: 1 1 333px;
        max-width: 480px;
        aspect-ratio: auto;
        background-color: var(--section-placeholder-bg, var(--custom-neutral-1));
        border-radius: 0 64px;
        padding: 23px 32px;
        box-shadow: 4px 4px 6px 1px transparent;
    }

    .section-container__card--person-placeholder {
        flex: 1 1 333px;
        max-width: 480px;
        background-color: var(--section-placeholder-bg, var(--custom-neutral-1));
        border-radius: 0 64px;
        padding: 32px 32px;
        box-shadow: 4px 4px 6px 1px transparent;
        display: flex;
        flex-direction: column;
    }


    /* Deterministic Visibility Logic */
    .show-at-3-col {
        display: none !important;
    }

    .show-at-2-col-only {
        display: none !important;
    }

    /* 2-Column Breakpoint (approx. 40em / 640px) */
    @media screen and (min-width: 40em) {
        .show-at-2-col-only {
            display: block !important;
        }
    }

    /* 3-Column Breakpoint (approx. 60em / 960px) */
    @media screen and (min-width: 60em) {
        .show-at-3-col {
            display: block !important;
        }

        /* Hide 2-col specific placeholders when we switch to 3-col */
        .show-at-2-col-only {
            display: none !important;
        }
    }

    &.bg-custom-neutral-1 {
        /* Background color handled via CSS variables on the section tag */
    }

    .section-container__card--overview {
        flex: 1 1 333px;
        max-width: 480px;
        /* min-width: 334px; */
        /* aspect-ratio: 386 / 506; */
        padding: 23px 32px;
        box-shadow: 4px 4px 6px 1px rgba(74, 73, 74, 0.25);
        /* max-width: 480px; */
    }

    /* Board/Staff Person Cards */
    .section-container__card--person {
        flex: 1 1 333px;
        max-width: 480px;
        padding: 32px 32px;
        box-shadow: 4px 4px 6px 1px rgba(74, 73, 74, 0.25);
        display: flex;
        flex-direction: column;
    }

    .section-container__person-header {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 16px;
    }

    .section-container__person-photo {
        flex-shrink: 0;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        overflow: hidden;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }

        svg {
            width: 100%;
            height: 100%;
            display: block;
        }
    }

    .section-container__person-info {
        flex: 1;
        min-width: 0;
    }

    .section-container__person-name {
        font-weight: 700;
        margin: 0 0 4px 0;
    }

    .section-container__person-position {
        margin: 0 0 4px 0;
    }

    .section-container__person-affiliation {
        margin: 0;
    }

    .section-container__person-divider {
        border: none;
        border-top: 1px solid var(--custom-neutral-5, #D0D3D4);
        margin: 16px 0;
    }

    .section-container__person-details {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .section-container__person-bio {
        margin-bottom: 8px;

        p {
            margin: 0 0 8px 0;

            &:last-child {
                margin-bottom: 0;
            }
        }
    }

    .section-container__person-contact-item {
        display: flex;
        align-items: center;
        gap: 10px;

        a {
            color: inherit;
        }
    }

    .section-container__person-icon {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

    .section-container__card-heading {}

    .section-container__card-content {
        margin-top: 24px;
        margin-bottom: 24px;

        p {}
    }

    .section-container__card-button-wrapper {}

    .section-container__card-button {
        /* margin-top: 24px; */
    }

    .section-container__card-title {}

    .section-container__card-description {
        margin-top: 24px;
        margin-bottom: 24px;

        p {}
    }

    .section-container__overview-links {
        margin: 24px 0;
        padding-left: 0 !important;
        border-bottom: 1px solid var(--custom-black);
    }

    .section-container__overview-link-item {
        list-style-type: none;
        text-decoration: none;
        margin-bottom: 0px;
        padding: 16px 0;
        border-top: 1px solid var(--custom-black);

        /* border-bottom: 1px solid var(--custom-neutral-3); */
    }

    .section-container__overview-link {
        color: var(--custom-navy);
        border-bottom: none !important;

        &:hover {
            color: var(--custom-deeper-blue);
            border-bottom: none !important;
        }
    }

    .section-container__overview-link-icon {}

    &::after {}

    &.bg-white {}

    &.bg-light_blue {}

    &.bg-light_blue_2 {}

    &.bg-neutral_1 {}

    &.sidebar-bg-white::after {}

    &.sidebar-bg-light_blue::after {}

    &.sidebar-bg-light_blue_2::after {}

    &.sidebar-bg-neutral_1::after {}

    &.accent-primary-green_dark {

        .section-container__icon i {}

        &::after {}
    }

    &.accent-primary-blue_dark {

        .section-container__icon i {}

        &::after {}
    }

    &.accent-primary-orange_dark {

        .section-container__icon i {}

        &::after {}
    }

    &.accent-primary-purple_dark {

        .section-container__icon i {}

        &::after {}
    }

    &.accent-primary-teal_dark {

        .section-container__icon i {}

        &::after {}
    }

    &.accent-secondary-green_light::after {}

    &.accent-secondary-blue_light::after {}

    &.accent-secondary-orange_light::after {}

    &.accent-secondary-purple_light::after {}

    &.accent-secondary-teal_light::after {}

    .section-container__card.card-bg-white {}

    .section-container__card.card-bg-light_blue {
        background-color: lightblue;
    }

    &.media-type-none {

        .section-container__text-image-wrapper {
            display: block;
            padding-top: 112px;
        }
    }

    &.media-type-graphic {
        .section-container__text-image-wrapper {
            align-items: flex-start;
        }

        .section-container__content {
            justify-content: flex-start;
            padding-top: min(14.3vw, 61px);
        }
    }

    &.media-type-single_image {}

    &.media-type-two_images {}

    &.media-type-three_images {}

    &.media-type-video {}

    &.has-on-this-page-nav {

        .section-container__text-image-wrapper {}
    }

    &.has-vertical-bar {}
}

/* =============================================================================
   Section Container Block - 320px (20em)
   ============================================================================= */

@media screen and (min-width: 20em) {
    .section-container {

        .section-container__inner {}

        .section-container__text-image-wrapper {}

        .section-container__content {}

        .section-container__heading {}

        .section-container__icon {

            i {}
        }

        .section-container__text {

            p {}

            a {}
        }

        .section-container__button-wrapper {}

        .section-container__button {}

        .section-container__media {}

        .section-container__graphic {

            img {}
        }

        .section-container__image-single {

            a {}

            img {}
        }

        .section-container__image-two {}

        .section-container__image-two-left {

            a {}

            img {}
        }

        .section-container__image-two-right {

            a {}

            img {}
        }

        .section-container__image-three {
            display: flex;
            flex-direction: row;
            gap: 24px;
            height: 100%;
        }

        .section-container__image-three-stack {
            display: flex;
            flex-direction: column;
            gap: 24px;
            width: calc(50% - 12px);
        }

        .section-container__image-three-stack-top,
        .section-container__image-three-stack-bottom {
            flex: 1;
            display: flex;

            a {
                display: block;
                width: 100%;
                height: 100%;
            }

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                aspect-ratio: 343 / 219;
                border-radius: 16px 0 16px 0;
            }
        }

        .section-container__image-three-main {
            width: calc(50% - 12px);
            display: flex;

            a {
                display: block;
                width: 100%;
                height: 100%;
            }

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 32px 0 32px 0;
            }
        }

        .section-container__video {}

        .section-container__video-wrapper {

            iframe {}
        }

        .section-container__cards {}

        .section-container__cards-grid {}

        .section-container__card {}

        .section-container__card--default {}

        .section-container__card--placeholder {}

        .section-container__card--overview {}

        .section-container__card-heading {}

        .section-container__card-content {

            p {}
        }

        .section-container__card-button-wrapper {}

        .section-container__card-button {}

        .section-container__card-title {}

        .section-container__card-description {

            p {}
        }

        .section-container__card-section-title {}

        .section-container__overview-links {}

        .section-container__overview-link-item {}

        .section-container__overview-link {}

        .section-container__overview-link-icon {}

        &::after {}

        &.bg-white {}

        &.bg-light_blue {}

        &.bg-light_blue_2 {}

        &.bg-neutral_1 {}

        &.sidebar-bg-white::after {}

        &.sidebar-bg-light_blue::after {}

        &.sidebar-bg-light_blue_2::after {}

        &.sidebar-bg-neutral_1::after {}

        &.accent-primary-green_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-primary-blue_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-primary-orange_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-primary-purple_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-primary-teal_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-secondary-green_light::after {}

        &.accent-secondary-blue_light::after {}

        &.accent-secondary-orange_light::after {}

        &.accent-secondary-purple_light::after {}

        &.accent-secondary-teal_light::after {}

        .section-container__card.card-bg-white {}

        .section-container__card.card-bg-light_blue {}

        &.media-type-none {

            .section-container__text-image-wrapper {}
        }

        &.media-type-graphic {}

        &.media-type-single_image {}

        &.media-type-two_images {}

        &.media-type-three_images {}

        &.media-type-video {}

        &.has-on-this-page-nav {

            .section-container__text-image-wrapper {}
        }

        &.has-vertical-bar {}
    }
}

/* =============================================================================
   Section Container Block - 480px (30em)
   ============================================================================= */

@media screen and (min-width: 30em) {



    .section-container {



        .section-container__inner {}

        .section-container__text-image-wrapper {}

        .section-container__content {}

        .section-container__heading {}

        .section-container__icon {

            i {}
        }

        .section-container__text {

            p {}

            a {}
        }

        .section-container__button-wrapper {}

        .section-container__button {}

        .section-container__media {}

        .section-container__graphic {

            img {}
        }

        .section-container__image-single {

            a {}

            img {}
        }

        .section-container__image-two {
            max-width: 480px;
        }

        .section-container__image-two-left {

            a {}

            img {}
        }

        .section-container__image-two-right {

            a {}

            img {}
        }

        .section-container__image-three {}

        .section-container__image-three-stack {}

        .section-container__image-three-stack-top {

            a {}

            img {}
        }

        .section-container__image-three-stack-bottom {

            a {}

            img {}
        }

        .section-container__image-three-stack-top,
        .section-container__image-three-stack-bottom,
        .section-container__image-three-main {
            img {
                border-radius: 32px 0 32px 0;
            }
        }

        .section-container__image-three-main {

            a {}

            img {}
        }

        .section-container__video {}

        .section-container__video-wrapper {

            iframe {}
        }

        .section-container__cards {}

        .section-container__cards-grid {}

        .section-container__card {}

        .section-container__card--default {}

        .section-container__card--placeholder {}

        .section-container__card--overview {}

        .section-container__card-heading {}

        .section-container__card-content {

            p {}
        }

        .section-container__card-button-wrapper {}

        .section-container__card-button {}

        .section-container__card-title {}

        .section-container__card-description {

            p {}
        }

        .section-container__card-section-title {}

        .section-container__overview-links {}

        .section-container__overview-link-item {}

        .section-container__overview-link {}

        .section-container__overview-link-icon {}

        &::after {}

        &.bg-white {}

        &.bg-light_blue {}

        &.bg-light_blue_2 {}

        &.bg-neutral_1 {}

        &.sidebar-bg-white::after {}

        &.sidebar-bg-light_blue::after {}

        &.sidebar-bg-light_blue_2::after {}

        &.sidebar-bg-neutral_1::after {}

        &.accent-primary-green_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-primary-blue_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-primary-orange_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-primary-purple_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-primary-teal_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-secondary-green_light::after {}

        &.accent-secondary-blue_light::after {}

        &.accent-secondary-orange_light::after {}

        &.accent-secondary-purple_light::after {}

        &.accent-secondary-teal_light::after {}

        .section-container__card.card-bg-white {}

        .section-container__card.card-bg-light_blue {}

        &.media-type-none {

            .section-container__text-image-wrapper {}
        }

        &.media-type-graphic {}

        &.media-type-single_image {}

        &.media-type-two_images {}

        &.media-type-three_images {}

        &.media-type-video {}

        &.has-on-this-page-nav {

            .section-container__text-image-wrapper {}
        }

        &.has-vertical-bar {}
    }
}

/* =============================================================================
   Section Container Block - 640px (40em)
   ============================================================================= */

@media screen and (min-width: 40em) {


    .section-container {

        .section-container__inner {}

        .section-container__text-image-wrapper {}

        .section-container__content {}

        .section-container__heading {}

        .section-container__icon {

            i {}
        }

        .section-container__text {

            p {}

            a {}
        }

        .section-container__button-wrapper {}

        .section-container__button {}

        .section-container__media {}

        .section-container__graphic {

            img {}
        }

        .section-container__image-single {

            a {}

            img {}
        }

        .section-container__image-two {}

        .section-container__image-two-left {

            a {}

            img {}
        }

        .section-container__image-two-right {

            a {}

            img {}
        }

        .section-container__image-three {}

        .section-container__image-three-stack {}

        .section-container__image-three-stack-top {

            a {}

            img {}
        }

        .section-container__image-three-stack-bottom {

            a {}

            img {}
        }

        .section-container__image-three-main {

            a {}

            img {}
        }

        .section-container__video {}

        .section-container__video-wrapper {

            iframe {}
        }

        .section-container__cards {}

        .section-container__cards-grid {
            /* width:100%; */
        }

        .section-container__card {}

        .section-container__card--default {
            flex: 1 1 333px;
            /* Grow, shrink, base size of 333px */
            max-width: 480px;
            min-width: 333px;
        }

        .section-container__card--placeholder {}

        .section-container__card--overview {}

        .section-container__card-heading {}

        .section-container__card-content {

            p {}
        }

        .section-container__card-button-wrapper {}

        .section-container__card-button {}

        .section-container__card-title {}

        .section-container__card-description {

            p {}
        }

        .section-container__card-section-title {}

        .section-container__overview-links {}

        .section-container__overview-link-item {}

        .section-container__overview-link {}

        .section-container__overview-link-icon {}

        &::after {}

        &.bg-white {}

        &.bg-light_blue {}

        &.bg-light_blue_2 {}

        &.bg-neutral_1 {}

        &.sidebar-bg-white::after {}

        &.sidebar-bg-light_blue::after {}

        &.sidebar-bg-light_blue_2::after {}

        &.sidebar-bg-neutral_1::after {}

        &.accent-primary-green_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-primary-blue_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-primary-orange_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-primary-purple_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-primary-teal_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-secondary-green_light::after {}

        &.accent-secondary-blue_light::after {}

        &.accent-secondary-orange_light::after {}

        &.accent-secondary-purple_light::after {}

        &.accent-secondary-teal_light::after {}

        .section-container__card.card-bg-white {}

        .section-container__card.card-bg-light_blue {}

        &.media-type-none {

            .section-container__text-image-wrapper {}
        }

        &.media-type-graphic {}

        &.media-type-single_image {}

        &.media-type-two_images {}

        &.media-type-three_images {}

        &.media-type-video {}

        &.has-on-this-page-nav {

            .section-container__text-image-wrapper {}
        }

        &.has-vertical-bar {}
    }
}



/* =============================================================================
   Section Container Block - 768px (48em)
   ============================================================================= */

@media screen and (min-width: 48em) {}


/* =============================================================================
   Section Container Block - 960px (60em)
   ============================================================================= */

@media screen and (min-width: 60em) {

    .section-container {

        .section-container__inner {}

        .section-container__all-content {
            .section-container__text-image-wrapper {
                max-width: 1465px;
                flex-direction: row;
            }
        }

        .section-container__content {
            padding-top: 0px;
            padding-left: 58px;
            width: 50%;

            h2 {
                position: relative;

                &::after {
                    content: '';
                    position: absolute;
                    top: 8px;
                    left: -46px;
                    width: 33px;
                    height: 33px;
                    background-color: var(--small-leaf-color);
                    border-radius: 16px 0 16px 0;
                }
            }
        }

        /* When FAQ is present, override the 0px padding-top */
        .section-container__text-image-wrapper:has(.has-faq) .section-container__content {
            padding-top: min(14.3vw, 61px);
        }

        /* When FAQ is present, center the media column vertically */
        .section-container__all-content.has-faq-block .section-container__media {
            display: flex;
            align-items: center;
        }

        .section-container__heading {}

        .section-container__icon {

            i {}
        }

        .section-container__text {

            p {}

            a {}
        }

        .section-container__button-wrapper {}

        .section-container__button {}

        .section-container__media {
            width: 50%;
        }

        .section-container__graphic {

            img {}
        }

        .section-container__image-single-wrapper {
            display: flex;
            flex-direction: column;
            max-width: 682px;
        }

        .section-container__image-single {
            display: flex;
            justify-content: flex-start;

            a {
                display: block;
                width: 100%;
                max-width: 682px;
            }

            img {
                width: 100%;
                height: auto;
                max-width: 682px;
                max-height: 462px;
                aspect-ratio: 682 / 462;
                object-fit: cover;
                object-position: var(--object-pos, center);
                border-radius: 32px 0 32px 0;
            }
        }

        .section-container__image-text {
            margin-top: 24px;
            max-width: 682px;
        }

        .section-container__image-text-content {
            margin-bottom: 24px;

            p {
                margin: 0;
            }
        }

        .section-container__image-text-button-wrapper {}

        .section-container__image-text-button {}

        .section-container__image-two {
            display: flex;
            flex-direction: column;
            gap: 24px;
            width: 60%;
            margin: 0 auto;
        }

        .section-container__image-two-left,
        .section-container__image-two-right {
            flex: 1;
            display: flex;

            a {
                display: block;
                width: 100%;
                height: 100%;
            }

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                aspect-ratio: 343 / 219;
                object-position: var(--object-pos, center);
                border-radius: 32px 0 32px 0;
            }
        }

        .section-container__image-three {}

        .section-container__image-three-stack {}

        .section-container__image-three-stack-top,
        .section-container__image-three-stack-bottom {


            a {}

            img {}
        }

        .section-container__image-three-main {


            a {}

            img {}
        }

        .section-container__video {
            width: 100%;
            max-width: 682px;
        }

        .section-container__video-wrapper {
            width: 100%;
            /* Maintain 16:9 Aspect Ratio */
            aspect-ratio: 16 / 9;
            overflow: hidden;
            border-radius: 32px 0 32px 0;
            position: relative;

            iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border: 0;
            }
        }

		

        .section-container__cards {
			width: 95.3%;
			max-width: 1465px;
			padding-left: 0px;
			padding-right: 0px;
			

            .section-container__card--overview-grid {
                max-width: 1465px;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                gap: 48px;
            }

        }



        .section-container__cards-grid {
            justify-content: space-between;
        }

        .section-container__card {}

        .section-container__card--default {}

        .section-container__card--placeholder {}

        .section-container__card--overview {}

        .section-container__card-heading {}

        .section-container__card-content {

            p {}
        }

        .section-container__card-button-wrapper {}

        .section-container__card-button {}

        .section-container__card-title {}

        .section-container__card-description {

            p {}
        }

        .section-container__card-section-title {}

        .section-container__overview-links {}

        .section-container__overview-link-item {}

        .section-container__overview-link {}

        .section-container__overview-link-icon {}

        &::after {}

        &.bg-white {}

        &.bg-light_blue {}

        &.bg-light_blue_2 {}

        &.bg-neutral_1 {}

        &.sidebar-bg-white::after {}

        &.sidebar-bg-light_blue::after {}

        &.sidebar-bg-light_blue_2::after {}

        &.sidebar-bg-neutral_1::after {}

        &.accent-primary-green_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-primary-blue_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-primary-orange_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-primary-purple_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-primary-teal_dark {

            .section-container__icon i {}

            &::after {}
        }

        &.accent-secondary-green_light::after {}

        &.accent-secondary-blue_light::after {}

        &.accent-secondary-orange_light::after {}

        &.accent-secondary-purple_light::after {}

        &.accent-secondary-teal_light::after {}

        .section-container__card.card-bg-white {}

        .section-container__card.card-bg-light_blue {}

        &.media-type-none {

            .section-container__text-image-wrapper {}
        }

        &.media-type-graphic {}

        &.media-type-single_image {}

        &.media-type-two_images {}

        &.media-type-three_images {}

        &.media-type-video {}

        &.has-on-this-page-nav {

            .section-container__text-image-wrapper {}
        }

        &.has-vertical-bar {}
    }
}


/* Mobile-only sizing + centering up to 640px */
@media screen and (max-width: 640px) {
    .section-container .section-container__card--default {
        aspect-ratio: auto;
        height: auto;
    }

    .section-container.media-type-graphic .section-container__text-image-wrapper,
    .section-container.media-type-single_image .section-container__text-image-wrapper {
        align-items: center;
    }

    .section-container.media-type-graphic .section-container__graphic {
        width: min(66vw, 368px);
        max-width: 368px;
        margin-left: auto;
        margin-right: auto;
    }

    .section-container.media-type-graphic .section-container__graphic img,
    .section-container.media-type-single_image .section-container__image-single img {
        width: 100% !important;
        max-width: 368px !important;
        height: auto !important;
    }

    .section-container.media-type-single_image .section-container__image-single-wrapper {
        margin-left: auto;
        margin-right: auto;
    }
}

/* Mobile/tablet sizing above 640px: keep max width but do not center */
@media screen and (min-width: 641px) and (max-width: 959.98px) {
    .section-container.media-type-graphic .section-container__text-image-wrapper,
    .section-container.media-type-single_image .section-container__text-image-wrapper {
        align-items: stretch;
    }

    .section-container.media-type-graphic .section-container__graphic {
        width: min(66vw, 368px);
        max-width: 368px;
        margin-left: 0;
        margin-right: 0;
    }

    .section-container.media-type-graphic .section-container__graphic img,
    .section-container.media-type-single_image .section-container__image-single img {
        width: 100% !important;
        max-width: 368px !important;
        height: auto !important;
    }

    .section-container.media-type-single_image .section-container__image-single-wrapper {
        margin-left: 0;
        margin-right: 0;
    }
}


/* =============================================================================
   Section Container Block - 1024px (64em)
   ============================================================================= */

@media screen and (min-width: 64em) {}


/* =============================================================================
   Section Container Block - 1200px (75em)
   ============================================================================= */

@media screen and (min-width: 75em) {}



/* =============================================================================
   Section Container Block - 1280px (80em)
   ============================================================================= */

@media screen and (min-width: 80em) {}



/* =============================================================================
   Section Container Block - 1440px (90em)
   ============================================================================= */

@media screen and (min-width: 90em) {}