:root {
    --evgBodyFontFamily: Lato;
    --evgBodyFontSizeL: 1.6em;
    --evgBodyFontSizeM: 1.6em;
    --evgBodyFontSizeS: 1.6em;
    --evgLinkFontFamily: Lato;
    --evgLinkFontSizeL: 1.6em;
    --evgLinkFontSizeM: 1.6em;
    --evgLinkFontSizeS: 1.6em;
    --evgH1FontFamily: Lato;
    --evgH1FontSizeL: 6em;
    --evgH1FontSizeM: 4.5em;
    --evgH1FontSizeS: 3.6em;
    --evgH2FontFamily: Lato;
    --evgH2FontSizeL: 3.6em;
    --evgH2FontSizeM: 2.7em;
    --evgH2FontSizeS: 2.7em;
    --evgH3FontFamily: Lato;
    --evgH3FontSizeL: 2.4em;
    --evgH3FontSizeM: 2.4em;
    --evgH3FontSizeS: 2.4em;
    --evgH4FontFamily: Lato;
    --evgH4FontSizeL: 1.6em;
    --evgH4FontSizeM: 1.6em;
    --evgH4FontSizeS: 1.6em;
    --evgH5FontFamily: Lato;
    --evgH5FontSizeL: 1.2em;
    --evgH5FontSizeM: 1.2em;
    --evgH5FontSizeS: 1.2em;
--evgBodyTextColor: #585555;
--evgBorderColor: #dddddd;
--evgPrimaryColor: #06607f;
--evgAltColor: #6f3a8f;
--evgLightColor: #ffffff;
--evgGreyColor: #fafafa;
--evgGreyDarkColor: #374448;
--evgDarkColor: #283033;
--evgDarkenColor: rgba(0, 0, 0, 0.05);
--evgLightenColor: rgba(255, 255, 255, 0.05);
--evgLightOverlayColor: rgba(255, 255, 255, 0.6);
--evgDarkOverlayColor: rgba(0, 0, 0, 0.6);
--evgErrorColor: #b72121;
--evgSuccessColor: #006613;
}

/* Components Styling */
.evergreen {
    font-size: 10px;
    font-family: Lato;
    color: var(--evgBodyTextColor);
    padding: 50px 0;
}

.evergreen-container--outer {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.evergreen-item-container {
    padding-left: 30px;
    padding-right: 30px;
}

.evergreen .evergreen-accordion .evergreen-accordion-header button{
    padding-left: 20px;
    padding-right: 20px;
}

.evergreen *:focus, .evergreen *:focus-visible {
    outline-width: 2px;
    outline-style: dotted;
    outline-color: inherit;
    outline-offset: 2px;
}

/* Hyperlink */
.evergreen .evergreen-link {
    font-size: 1.6em;
    color: var(--evgAltColor);
    transition-property: color, text-decoration;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.evergreen .evergreen-link:hover {
    text-decoration: underline;
    color: var(--evgPrimaryColor);
}

.evergreen .evergreen-link:focus, .evergreen .evergreen-link:focus-visible {
    color: var(--evgAltColor);
}

/* Button */
.evergreen .button, .evergreen .evergreen-button, .evergreen-link--button,
.evergreen .button--alt, .evergreen .evergreen-button--alt, .evergreen-link--button--alt {
    display: inline-block;
    text-align: center;
    padding: 13px 20px;
    border-radius: 0;
    min-width: 165px;
    max-width: 100%;
    transition: all 0.3s ease-in-out;
}

/* Default Button */
.evergreen .button, .evergreen .evergreen-button, .evergreen-link--button {
    font-size: 1.6em;
    color: var(--evgLightColor);
    border: 1px solid var(--evgPrimaryColor);
    background-color: var(--evgPrimaryColor);
}

.evergreen .button:hover, .evergreen .evergreen-button:hover {
    color: var(--evgLightColor);
    background-color: var(--evgAltColor);
    border: 1px solid var(--evgAltColor);
    text-decoration: none;
}

.evergreen .button:focus, .evergreen .button:focus-visible, .evergreen .evergreen-button:focus, .evergreen .evergreen-button:focus-visible {
    color: var(--evgLightColor);
    border: 1px solid var(--evgAltColor);
    background-color: var(--evgAltColor);
    outline-color: var(--evgAltColor);
}

/* Alt Button */
.evergreen .button--alt, .evergreen .evergreen-button--alt {
    font-size: 1.6em;
    color: var(--evgPrimaryColor);
    border: 1px solid var(--evgLightColor);
    background-color: var(--evgLightColor);
}

.evergreen .button--alt:hover, .evergreen .evergreen-button--alt:hover {
    color: var(--evgLightColor);
    border: 1px solid var(--evgPrimaryColor);
    background-color: var(--evgPrimaryColor);
    text-decoration: none;
}

.evergreen .button--alt:focus, .evergreen .button--alt:focus-visible, .evergreen .evergreen-button--alt:focus, .evergreen .evergreen-button--alt:focus-visible {
    color: var(--evgLightColor);
    border: 1px solid var(--evgPrimaryColor);
    background-color: var(--evgPrimaryColor);
    outline-color: var(--evgPrimaryColor);
}

/* Dropdown */
.evergreen .evergreen-dropdown-wrapper {
    color: var(--evgAltColor);
}

.evergreen .evergreen-dropdown {
    cursor: pointer;
    font-size: 1.6em;
    color: var(--evgAltColor);
    border-color: var(--evgAltColor);
    background-color: var(--evgLightColor);
    transition: all 0.3s ease-in-out;
    padding: 8px 32px 8px 8px;
    appearance: none;
    min-width: 90px;
}

.evergreen .evergreen-dropdown:focus, .evergreen .evergreen-dropdown:focus-visible, {
    color: var(--evgAltColor);
    border-color: var(--evgAltColor);
    background-color: var(--evgLightColor);
    outline-color: 
}

/* Accordion */
.evergreen .evergreen-accordion {
    padding: 0;
    color: var(--evgAltColor);
    border-top: 1px solid var(--evgGreyColor);
    background-color: var(--evgBorderColor);
}

.evergreen .evergreen-accordion:last-child {
    border-bottom: 1px solid var(--evgGreyColor);
}

.evergreen .evergreen-accordion:not(.evergreen-accordion--active):focus-within {
    color: var(--evgAltColor);
    border-color: var(--evgGreyColor);
    background-color: var(--evgBorderColor);
}

.evergreen .evergreen-accordion:not(.evergreen-accordion--active):focus-within + .evergreen-accordion {
    border-top-color: var(--evgGreyColor);
}

.evergreen .evergreen-accordion:last-child:not(.evergreen-accordion--active):focus-within {
    border-bottom-color: var(--evgGreyColor);
}

.evergreen .evergreen-accordion--active {
    color: var(--evgPrimaryColor);
    border-color: var(--evgGreyColor);
    background-color: var(--evgBorderColor);
}

.evergreen .evergreen-accordion--active + .evergreen-accordion:not(.evergreen-accordion--active),
.evergreen .evergreen-accordion--active + .evergreen-accordion:focus-within:not(.evergreen-accordion--active) {
    border-top-color: var(--evgGreyColor);
}

.evergreen .evergreen-accordion--active.evergreen-accordion:last-child:focus-within {
    border-bottom-color: var(--evgGreyColor)
}

.evergreen .evergreen-accordion-content {
    color: var(--evgBodyTextColor);
    background-color: var(--evgGreyColor);
}

.evergreen .evergreen-accordion button {
    all: inherit;
    width: 100%;
    padding: 20px 0;
}

.evergreen .evergreen-accordion button .evergreen-accordion-title,
.evergreen .evergreen-accordion button .accordion-toggle-icon {
    font-size: 1.6em;
}

.evergreen .evergreen-accordion button .evergreen-accordion-subtitle {
    font-size: 1.6em;
}

.evergreen .evergreen-accordion:not(.evergreen-accordion--active):not(:focus-within) button .evergreen-accordion-subtitle {
    color: var(--evgAltColor);
}

.evergreen .evergreen-accordion-content-text {
    font-size: 1.6em;
    color: var(--evgBodyTextColor);
}

.evergreen .evergreen-accordion-content-text p {
    font-size: inherit;
}

.evergreen .evergreen-accordion-content-text p a,
.evergreen .evergreen-accordion-content-text a {
    color: var(--evgAltColor);
    transition-property: color, text-decoration;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.evergreen .evergreen-accordion-content-text p a:hover,
.evergreen .evergreen-accordion-content-text a:hover {
    text-decoration: underline;
    color: var(--evgPrimaryColor);
}

.evergreen .evergreen-accordion-content-text p a:focus,
.evergreen .evergreen-accordion-content-text a:focus {
    color: var(--evgAltColor);
}

/* Carousel */
.evergreen .evergreen-carousel-slider-item-text {
    color: var(--evgBodyTextColor);
    font-size: 1.6em;
}

.evergreen .evergreen-carousel-display-item-header-text {
    color: var(--evgBodyTextColor);
    font-size: 2.4em;
}

.evergreen .evergreen-carousel-display-item-subtitle-text,
.evergreen .evergreen-carousel-display-item-text {
    color: var(--evgBodyTextColor);
    font-size: 1.6em;
}

.evergreen .evergreen-carousel-display-item-text p {
    font-size: inherit;
}

.evergreen .evergreen-carousel-display-item-text a,
.evergreen .evergreen-carousel-display-item-text p a {
    color: var(--evgAltColor);
    transition-property: color, text-decoration;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.evergreen .evergreen-carousel-display-item-text a:hover,
.evergreen .evergreen-carousel-display-item-text p a:hover {
    text-decoration: underline;
    color: var(--evgPrimaryColor);
}

.evergreen .evergreen-carousel-display-item-text a:focus,
.evergreen .evergreen-carousel-display-item-text p a:focus {
    color: var(--evgAltColor);
}

/* Tabs */
.evergreen .evergreen-tabs.evergreen-tabs--branded {
    font-size: 1.6em;
}

.evergreen .evergreen-tabs.evergreen-tabs--branded ul {
    background-color: var(--evgPrimaryColor)
}

.evergreen .evergreen-tabs.evergreen-tabs--branded ul li a {
    color: var(--evgLightColor);
    background: var(--evgPrimaryColor);
}

.evergreen .evergreen-tabs.evergreen-tabs--branded ul li a:not(.evergreen--selected):hover {
    color: var(--evgPrimaryColor);
    background: var(--evgLightColor);
}

.evergreen .evergreen-tabs.evergreen-tabs--branded ul li a.evergreen--selected {
    color: var(--evgPrimaryColor);
    background: var(--evgLightColor);
}

/* Module Styling */
.evergreen {
    background-color: var(--evgAltColor);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}

.evergreen .evergreen-title {
    font-size: 3.6em;
    color: var(--evgBodyTextColor);
    margin: 0;
}

.evergreen .evergreen-title .ModuleTitle {
    font-size: inherit;
    color: inherit;
    margin: 0;
    overflow-wrap: anywhere;
}

.evergreen .evergreen-item {
    background-color: var(--evgAltColor);
    padding-top: 30px;
    padding-bottom: 10px;
}

.evergreen .evergreen-item-title, .evergreen a.evergreen-item-title, .evergreen .evergreen-item-detail-title {
    font-size: 1.6em;
}

.evergreen .evergreen-item-title:not(:hover):not(:focus), .evergreen a.evergreen-item-title:not(:hover):not(:focus), .evergreen .evergreen-item-detail-title {
    color: var(--evgBodyTextColor);
}

.evergreen a.evergreen-item-title:hover {
    color: var(--evgLightColor);
}

.evergreen a.evergreen-item-title:focus, .evergreen a.evergreen-item-title:focus-visible {
    color: var(--evgLightColor);
}

.evergreen .evergreen-item-date-time {
    font-size: 1.3em;
    color: var(--evgAltColor);
}

/* Pager */
.evergreen .evergreen-pager {
    font-size: 1.6em;
}

/** Responsive Tablet **/
@media only screen and (max-width: 1024px) and (min-width: 481px) {
    /* Hyperlink */
    .evergreen .evergreen-link {
        font-size: 1.6em;
    }

    /* Default Button */
    .evergreen .button, .evergreen .evergreen-button {
        font-size: 1.6em;
    }

    /* Alt Button */
    .evergreen .button--alt, .evergreen .evergreen-button--alt {
        font-size: 1.6em;
    }

    /* Dropdown */
    .evergreen .evergreen-dropdown {
        font-size: 1.6em;
    }

    /* Accordion */
    .evergreen .evergreen-accordion button .evergreen-accordion-title,
    .evergreen .evergreen-accordion button .accordion-toggle-icon {
        font-size: 1.6em;
    }

    .evergreen .evergreen-accordion button .evergreen-accordion-subtitle {
        font-size: 1.6em;
    }

    .evergreen .evergreen-accordion-content h3 {
        font-size: 2.4em;
    }

    .evergreen .evergreen-accordion-content-text {
        font-size: 1.6em;
    }

    /* Carousel */
    .evergreen .evergreen-carousel-slider-item-text {
        font-size: 1.6em;
    }

    .evergreen .evergreen-carousel-display-item-header-text {
        font-size: 2.4em;
    }

    .evergreen .evergreen-carousel-display-item-subtitle-text,
    .evergreen .evergreen-carousel-display-item-text {
        font-size: 1.6em;
    }

    /* Tabs */
    .evergreen .evergreen-tabs.evergreen-tabs--branded {
        font-size: 1.6em;
    }

    /* Module Styling */
    .evergreen .evergreen-title {
        font-size: 2.7em;
    }

    .evergreen .evergreen-item-title, .evergreen a.evergreen-item-title, .evergreen .evergreen-item-detail-title {
        font-size: 1.6em;
    }

    .evergreen .evergreen-item-date-time {
        font-size: 1.3em;
    }

    /* Pager */
    .evergreen .evergreen-pager {
        font-size: 1.6em;
    }
}

/** Responsive Mobile **/
@media only screen and (max-width: 480px) {
    /* Hyperlink */
    .evergreen .evergreen-link {
        font-size: 1.6em;
    }

    /* Default Button */
    .evergreen .button, .evergreen .evergreen-button {
        font-size: 1.6em;
    }

    /* Alt Button */
    .evergreen .button--alt, .evergreen .evergreen-button--alt {
        font-size: 1.6em;
    }

    /* Dropdown */
    .evergreen .evergreen-dropdown {
        font-size: 1.6em;
    }

    /* Accordion */
    .evergreen .evergreen-accordion button .evergreen-accordion-title,
    .evergreen .evergreen-accordion button .accordion-toggle-icon {
        font-size: 1.6em;
    }

    .evergreen .evergreen-accordion button .evergreen-accordion-subtitle {
        font-size: 1.6em;
    }

    .evergreen .evergreen-accordion-content h3 {
        font-size: 2.4em;
    }

    .evergreen .evergreen-accordion-content-text {
        font-size: 1.6em;
    }

    /* Carousel */
    .evergreen .evergreen-carousel-slider-item-text {
        font-size: 1.6em;
    }

    .evergreen .evergreen-carousel-display-item-header-text {
        font-size: 2.4em;
    }

    .evergreen .evergreen-carousel-display-item-subtitle-text,
    .evergreen .evergreen-carousel-display-item-text {
        font-size: 1.6em;
    }

    /* Tabs */
    .evergreen .evergreen-tabs.evergreen-tabs--branded {
        font-size: 1.6em;
    }

    /* Module Styling */
    .evergreen .evergreen-title {
        font-size: 2.7em;
    }

    .evergreen .evergreen-item-title, .evergreen a.evergreen-item-title, .evergreen .evergreen-item-detail-title {
        font-size: 1.6em;
    }

    .evergreen .evergreen-item-date-time {
        font-size: 1.3em;
    }

    /* Pager */
    .evergreen .evergreen-pager {
        font-size: 1.6em;
    }
}
