@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    /*  General  
    **************/
    /* colors */
    --sd-catnip: #77A391;
    --sd-catnip-light: #92b5a7;
    --sd-teal: #0E3A32;
    --sd-silver: #faf9f3;
    --sd-powder: #F8F4E8;

    --page-color: var(--sd-silver);
    --block-color: var(--sd-powder);
    --ww-primary-color: var(--sd-catnip);
    --ww-primary-color-hover: var(--sd-catnip-light);

    /* radius */
    --ww-border-radius: 24px;

    /* box shadow */
    --ww-box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 12px; /* 0px 3px 6px rgba(0, 0, 0, 0.16); */

    /* overlay */
    --ww-bg-overlay: rgba(0, 0, 0, 0.2);

    /* widget padding */
    --widget-padding-y-mobile: 2rem;
    --widget-padding-y-desktop: 4rem;
    --widget-padding-y: var(--widget-padding-y-mobile);

    /* grid width */
    --ww-grid-width: 1280px;


    /*  Typography  
    *****************/
    /* font */
    --ww-base-font-family: "Inter", sans-serif;
    --ww-base-font-size: clamp(16px, calc(15px + 0.390625vw), 18px);
    --ww-base-font-weight: 400;
    --text-color: 169.1 61.1 14.1;

    /* mobile font sizes */
    --ww-font-h1-size: 1.8em;
    --ww-font-h2-size: 1.4em;
    --ww-font-h3-size: 1.2em;
    --ww-font-h4-size: 1em;

    --ww-font-h1-line-height: 100%;
    --ww-font-h2-line-height: 100%;
    --ww-font-h3-line-height: 100%;
    --ww-font-h4-line-height: 100%;
    --ww-font-h1-margin-bottom: .5em;
    --ww-font-h2-margin-bottom: .7em;
    --ww-font-h3-margin-bottom: .7em;
    --ww-font-h4-margin-bottom: .7em;
    --ww-font-h1-weight: 700;
    --ww-font-h2-weight: 700;
    --ww-font-h3-weight: 700;
    --ww-font-h4-weight: 700;

    /* links */
    --ww-link-color: var(--ww-primary-color);
    --link-color-hover: var(--ww-primary-color-hover);


    /*  Components  
    **************/
    /* header */
    --ww-header-bg-color: var(--page-color);
    --ww-header-height: 90px;
    --ww-header-box-shadow: none;
    /* --ww-header-margin-bottom */
    --ww-header-text-color: var(--sd-teal);
    --ww-header-link-color: var(--sd-teal);
    --ww-header-link-color-hover: var(--ww-primary-color);
    --ww-header-link-selected-color: var(--ww-primary-color);
    /* --ww-header-link-text-decoration */
    /* --ww-header-item-margin */
    --ww-header-subitem-bg-color: var(--sd-teal);
    --ww-header-subitem-bg-color-hover: var(--ww-primary-color);
    --ww-header-subitem-text-color: #fff;
    --ww-header-subitem-text-color-hover: #fff;
    /* --ww-header-subitem-border */
    --ww-hamburger-color: var(--sd-teal);
    --ww-hamburger-color-hover: var(--ww-primary-color);

    /* footer */
    --ww-footer-bg-color: var(--sd-teal);
    --ww-footer-text-color: #fff;
    /* --ww-footer-margin-top */
    /* --ww-footer-padding-top */
    /* --ww-footer-padding-bottom */
    /* --ww-footer-grid-gap */

    /* copyright footer */
    --ww-copyrightbar-bg-color: var(--ww-primary-color);
    --ww-copyrightbar-text-color: #fff;
    --ww-copyrightbar-padding: 1rem;
    
    /* button */
    --ww-button-bg-color: transparent;
    --ww-button-bg-color-hover: var(--sd-teal);
    --ww-button-text-color: var(--sd-teal);
    --ww-button-text-color-hover: #fff;
    --ww-button-border: 1px solid;
    --ww-button-border-color: var(--sd-teal);
    --ww-button-border-color-hover: var(--sd-teal);
    --ww-button-border-radius: var(--ww-border-radius);
    --ww-button-padding: .75rem .75rem;
    --ww-button-min-width: 120px;
    --ww-button-text-transform: initial;
    --ww-button-font-size: var(--ww-base-font-size);
    --ww-button-line-height: 130%;
   
    /* ctas */
    /* --ww-widget-ctas-grid-gap */
    --ww-widget-ctas-image-border-radius: var(--ww-border-radius);
    --ww-widget-ctas-col-box-shadow: var(--ww-box-shadow);
    /* --ww-widget-ctas-image-max-width */
    --ww-widget-ctas-image-aspect-ratio: calc(3 / 4 * 100%);
    --ww-widget-ctas-image-overlay: linear-gradient(rgba(0, 0, 0, 0) 0%, var(--ww-bg-overlay) 100%);
    --ww-widget-ctas-text-background-color: var(--page-color);
    /* --ww-widget-ctas-text-padding */

    --cta-slider-action-bg-color: var(--sd-teal);
    --cta-slider-action-bg-color-hover: var(--ww-primary-color);

    /* slideshow */
    --ww-widget-slideshow-navigation-color: var(--ww-primary-color);
    --ww-widget-slideshow-pagination-color: var(--ww-primary-color);
    --ww-widget-slideshow-bg-overlay: var(--ww-bg-overlay);

    /* text-image */
    --ww-widget-textimage-border-radius: var(--ww-border-radius);
    --ww-widget-textimage-column-text-width: 48%;
    --ww-widget-textimage-column-image-width: 48%;

    /* text-video */
    --ww-widget-textvideo-background-color: var(--ww-primary-color);
    --ww-widget-textvideo-playicon-border-color: transparent transparent transparent var(--ww-primary-color);

    /* history */
    --mso-history-color: var(--sd-teal);

    /* cookiewall */
    --ww-cookiewall-background-color: var(--page-color);
}


@media screen and (min-width: 768px) {
    :root {
        --ww-font-h1-size: 3.1em;
        --ww-font-h2-size: 2.25em;
        --ww-font-h3-size: 1.6em;
        --ww-font-h4-size: 1.33em;

        --widget-padding-y: var(--widget-padding-y-desktop);
    }
}

h1.heading1 {
    font-size: var(--ww-font-h1-size) !important;
    line-height: var(--ww-font-h1-line-height) !important;
    font-weight: var(--ww-font-h1-weight) !important;
    margin-bottom: var(--ww-font-h1-margin-bottom) !important;
}
  
h2.heading2 {
    font-size: var(--ww-font-h2-size) !important;
    line-height: var(--ww-font-h2-line-height) !important;
    font-weight: var(--ww-font-h2-weight) !important;
    margin-bottom: var(--ww-font-h2-margin-bottom) !important;
}

h3.heading3 {
    font-size: var(--ww-font-h3-size) !important;
    line-height: var(--ww-font-h3-line-height) !important;
    font-weight: var(--ww-font-h3-weight) !important;
    margin-bottom: var(--ww-font-h3-margin-bottom) !important;
}

h4.heading4 {
    font-size: var(--ww-font-h4-size) !important;
    line-height: var(--ww-font-h4-line-height) !important;
    font-weight: var(--ww-font-h4-weight) !important;
    margin-bottom: var(--ww-font-h4-margin-bottom) !important;
}
  
h1, h2, h3, h4 {
    color: hsl(var(--text-color));
}
  
.w-slideshow :is(h1, h2, h3, h4),
.w-videoslider :is(h1, h2, h3, h4),
.widget--textvideo :is(h1, h2, h3, h4),
.w-ctas--blockstype-bgimage :is(h1, h2, h3, h4) {
    color: #fff;
}

body {
    color: hsl(var(--text-color) / 0.9);
}


/*  Misc  */
.widget--ctas .w-ctas__text h3 {
    font-size: var(--ww-font-h3-size) !important;
}

a:hover {
    color: var(--link-color-hover);
}

.w-ctaslider__actions .w-ctaslider__action {
    background-color: var(--cta-slider-action-bg-color);
    transition: background-color 300ms;
}

.w-ctaslider__actions .w-ctaslider__action:hover {
    background-color: var(--cta-slider-action-bg-color-hover);
}

.ww-textvideo__playicon {
    border-color: var(--ww-widget-textvideo-playicon-border-color);
}

.wh-form__textinput, .wh-form__textinput[type=password], .wh-form__uploadfieldfilename, .wh-form__textarea {
    border-radius: var(--ww-border-radius);
}

.w-verticaltabs__bullet {
    transition: transform 0.25s, background 0.3s, color 0.3s;
}

.ww-header .ww-menu .ww-menu-link:hover, .ww-header .ww-menu .ww-menu-toggle:hover {
    text-decoration: none !important;
}

.widget--ctas__icon {
    max-width: unset;
    max-height: 48px;
}


/*  Set first-slideshow-height on all pages  */
html.first-widget-slideshow body.mm-wrapper #my-page main .widget--slideshow:first-of-type,
html.ww-fixedheader.first-widget-slideshow.mso-hasbreadcrumbs body.mm-wrapper #my-page .crumbpath__outergrid {
    --ww-widget-slideshow-max-height: 70vh;
    --ww-widget-slideshow-height: 70vh;
}

/*  Set first-slideshow-height on home  */
html.first-widget-slideshow.page-home body.mm-wrapper #my-page main .widget--slideshow:first-of-type {
    --ww-widget-slideshow-max-height: 70vh;
    --ww-widget-slideshow-height: 70vh; 
}


/*
 *  Page & Widgets  
 ********************/
body {
    background-color: var(--page-color);
}

main>.widget,
main>.widget.full-width,
html.first-widget-slideshow main .widget--videoslider.ww-grid:first-of-type+.widget {
    padding-top: var(--widget-padding-y);
    padding-bottom: var(--widget-padding-y);
}

.widget.full-width+.widget--slideshow,
html:not(.page-home) main .widget:first-of-type,
html.first-widget-slideshow main .widget--slideshow:first-of-type+.widget,
html.first-widget-slideshow main .widget--videoslider:first-of-type+.widget {
    padding-top: 0;
}

html.page-home main > .widget:first-of-type {
    padding-top: calc(var(--widget-padding-y) - 2rem);
}

.widget.nopadding {
    padding: 0 !important;
}

main>.widget.full-width {
    background-color: var(--block-color);
}

main>.widget.nobgcolor {
    background-color: transparent;
}

:is(h1, h2, h3) :is(i, em) {
    color: var(--ww-primary-color);
    font-style: normal;
}

:is(.widget--slideshow, .widget--videoslider) .widget--button {
    --ww-button-text-color: #fff;
    --ww-button-border-color: #fff;
}

/*
 *  Center Header items 
 *************************/
.ww-header__desktopmenu {
    width: 66.67%;
}

.ww-header__desktopmenu > .ww-menu {
    width: 50%;
    justify-content: center;
}

.ww-header .ww-menu .ww-menu-item {
    margin: 0 calc(var(--ww-header-item-margin) / 2) 0;
}

.ww-menu-item.ww-header__ctabuttoncontainer {
    margin-left: auto;
}

html.scroll {
  --ww-header-box-shadow: var(--ww-box-shadow);
}

html.ww-fixedheader .ww-header, html.ww-fixedheader .ww-header .ww-header__logo {
  transition: all 300ms ease;
}


/*
 *  Expandable tabs 
 *********************/
.page-home .w-expandabletabs__item {
    width: 100%;
}

.w-expandabletabs__item h3 {
    margin-bottom: 0;
    font-size: var(--ww-font-h4-size);
    order: 1;
}

.w-expandabletabs__item__heading {
    border: 0;
}

.w-expandabletabs__item {
    background-color: #fff;;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
}

.w-expandabletabs__item__heading a i {
    border: 1px solid;
    border-radius: 25px;
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w-expandabletabs__item__heading .fa {
    margin-top: 0;
}

.w-expandabletabs__item__heading a {
    align-items: center;
    gap: 1rem;
}

.w-expandabletabs__item__heading--expand {
    color: var(--text-color);
    transition: all 0.3s ease;
}

.w-expandabletabs__item__heading--expand:hover {
    color: var(--ww-link-color);
}

.w-expandabletabs__item__heading--expand>i {
    color: var(--ww-link-color);
    transition: all 0.3s ease;
}

.w-expandabletabs__item__heading--expand:hover>i {
    color: #fff;
    background-color: var(--ww-primary-color);
    border-color: var(--ww-primary-color);
}

.w-expandabletabs__item__heading,
.w-expandabletabs__item__content {
    padding: 10px 0;
}

.w-panel_tabs--heading {
    text-align: center;
}