/* Theme base styles */


/* Core */
:root {
    /* colors */
    --primary: #153C2A;
    --secondary: #73B446;
    --secondary-alt: #E6E6DC;
    --complementary: #F0B932;
    --dark-grey: #696969;
    --dark: #313131;
    --light: #F8F8F8;
    --black: #000000;
    --white: #ffffff;

    --accent: var(--secondary);

    /* RGB versions for rgba() use */
    --primary-rgb: 21, 60, 42;
    --secondary-rgb: 115, 180, 70;
    --secondary-alt-rgb: 230, 230, 220;
    --complementary-rgb: 240, 185, 50;
    --dark-grey-rgb: 105, 105, 105;
    --dark-rgb: 49, 49, 49;
    --light-rgb: 248, 248, 248;
    --black-rgb: 0, 0, 0;
    --white-rgb: 255, 255, 255;

    /* Text colors */
    --body-color: var(--primary);
    --heading-color: var(--primary);
    --text-dark: var(--primary);
    --text-light: var(--white);

    /* Link colors & decoration */
    --link-color: var(--primary);
    --link-color-hover: rgba(var(--primary-rgb), 0.6);
    --link-text-decoration: underline;

    /* Text/content colors on brand colored backgrounds */
    --primary-bg-text: var(--text-light); /* Text color on Primary colored backgrounds */
    --primary-bg-link: var(--complementary); /* Link color on Primary colored backgrounds */
    --primary-bg-link-hover: var(--complementary); /* Link hover color on Primary colored backgrounds */
    --primary-bg-accent: inherit; /* Accent color on Primary colored backgrounds */

    --secondary-bg-text: var(--text-light); /* Text color on Secondary colored backgrounds */
    --secondary-bg-link: var(--link-color); /* Link color on Secondary colored backgrounds */
    --secondary-bg-link-hover: var(--link-color-hover); /* Link hover color on Secondary colored backgrounds */
    --secondary-bg-accent: inherit; /* Accent color on Secondary colored backgrounds */

    --secondary-alt-bg-text: var(--text-dark); /* Text color on Secondary-alt colored backgrounds */
    --secondary-alt-bg-link: var(--link-color); /* Link color on Secondary-alt colored backgrounds */
    --secondary-alt-bg-link-hover: var(--link-color-hover); /* Link hover color on Secondary-alt colored backgrounds */
    --secondary-alt-bg-accent: inherit; /* Accent color on Secondary-alt colored backgrounds */

    --complementary-bg-text: var(--text-dark); /* Text color on Complementary colored backgrounds */
    --complementary-bg-link: var(--link-color); /* Link color on Complementary colored backgrounds */
    --complementary-bg-link-hover: var(--link-color-hover); /* Link hover color on Complementary colored backgrounds */
    --complementary-bg-accent: inherit; /* Accent color on Complementary colored backgrounds */

    --dark-bg-text: var(--text-light); /* Text color on Dark colored backgrounds */
    --dark-bg-link: var(--complementary); /* Link color on Dark colored backgrounds */
    --dark-bg-link-hover: var(--complementary); /* Link hover color on Dark colored backgrounds */
    --dark-bg-accent: inherit; /* Accent color on Dark colored backgrounds */

    --light-bg-text: var(--text-dark); /* Text color on Light colored backgrounds */
    --light-bg-link: var(--link-color); /* Link color on Light colored backgrounds */
    --light-bg-link-hover: var(--link-color-hover); /* Link hover color on Light colored backgrounds */
    --light-bg-accent: inherit; /* Accent color on Light colored backgrounds */

    /* font weights */
    --weight-100: 100;
    --weight-200: 200;
    --weight-300: 300;
    --weight-400: 400;
    --weight-500: 500;
    --weight-600: 600;
    --weight-700: 700;
    --weight-800: 800;
    --weight-900: 900;

    /* content widths */
    --full-site-width: 1440px;
    --max-site-width: 100%;

    /* spacing */
    --padding: 20px;
    --border-radius: 4px;
    --header-height: 90px;
    --header-height-xl: 90px;
    --sticky-header-height: 55px;

    /* utility */
    --speed: 250ms;
    --animation: ease-in-out;
    --box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);

    /* Typography */
    --body-font: 'Arimo', sans-serif;
    --heading-font: 'PT Serif', serif;

    --h1-font-family: var(--heading-font);
    --h1-font-weight: var(--weight-400);
    --h1-font-style: normal;
    --h1-text-decoration: none;
  
    --h2-font-family: var(--heading-font);
    --h2-font-weight: var(--weight-400);
    --h2-font-style: normal;
    --h2-text-decoration: none;
  
    --h3-font-family: var(--heading-font);
    --h3-font-weight: var(--weight-400);
    --h3-font-style: normal;
    --h3-text-decoration: none;
  
    --h4-font-family: var(--heading-font);
    --h4-font-weight: var(--weight-700);
    --h4-font-style: normal;
    --h4-text-decoration: none;
  
    --h5-font-family: var(--heading-font);
    --h5-font-weight: var(--weight-400);
    --h5-font-style: normal;
    --h5-text-decoration: none;
  
    --h6-font-family: var(--heading-font);
    --h6-font-weight: var(--weight-700);
    --h6-font-style: normal;
    --h6-text-decoration: none;

    /* Buttons */
    --button-font-family: var(--body-font);
    --button-font-style: normal;
    --button-font-weight: var(--weight-700);

    /* forms */

    /* Padding left/right on form fields. Also used to position help texts and error messages. */
    --form-input-x-padding: 10px;
    --form-input-x-padding-lg: 15px; /* Breakpoint "Large" and up */

    /* Horizontal spacing between form fields in multi-column layouts. */
    --form-field-gutter: 15px;

    /* Colors */
    --form-fields-background-color: transparent;
    --form-fields-border-width: 1px; /* For example "1px" for border on all sides or "0 0 1px" for just the bottom border. */
    --form-fields-border-color: var(--black);
    --form-fields-border-color-focus: var(--primary); /* Border color when the input field is focused. Make sure it's accessible to people who use the keyboard to navigate the form. */
    --form-error-color: var(--secondary); /* General error color used for error messages and indicators. */

    /* Marketplace required settings. Usually not necessary to change in client projects. */
    --form-title-text-color: var(--body-color); /* Text color for the built-in HubSpot form title */
    --form-title-background-color: transparent; /* Background color for the built-in HubSpot form title */
    --form-background-color: transparent; /* Background color for the entire form */
    --form-border-color: transparent; /* Border color for the entire form */
}
/*-----------------------------------*\
    Typography
\*-----------------------------------*/

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-size: 16px;
    line-height: 22px;
    font-family: var(--body-font);
    font-weight: var(--weight-300);
    color: var(--body-color);

    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}

@media (min-width: 992px) {
    body {
        font-size: 16px;
        line-height: 22px;
    }
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    clear: both;
    font-family: var(--heading-font);
    color: var(--heading-color);
    hyphens: manual;
}

h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {
    display: none;
}

@media (min-width: 992px) {
    h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {
        display: block;
    }
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
    margin-bottom: 0;
}

h1, .h1 {
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 46px;
    font-family: var(--h1-font-family);
    font-weight: var(--h1-font-weight);
    font-style: var(--h1-font-style);
    text-decoration: var(--h1-text-decoration);
}

@media (min-width: 992px) {
    h1, .h1 {
        font-size: 65px;
        line-height: 71px;
    }
}

h2, .h2 {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 34px;
    font-family: var(--h2-font-family);
    font-weight: var(--h2-font-weight);
    font-style: var(--h2-font-style);
    text-decoration: var(--h2-text-decoration);
}

@media (min-width: 992px) {
    h2, .h2 {
        margin-bottom: 30px;
        font-size: 36px;
        line-height: 36px;
    }
}

h3, .h3 {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 30px;
    font-family: var(--h3-font-family);
    font-weight: var(--h3-font-weight);
    font-style: var(--h3-font-style);
    text-decoration: var(--h3-text-decoration);
}

@media (min-width: 992px) {
    h3, .h3 {
        font-size: 24px;
        line-height: 32px;
    }
}

h4, .h4 {
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 20px;
    font-family: var(--h4-font-family);
    font-weight: var(--h4-font-weight);
    font-style: var(--h4-font-style);
    text-decoration: var(--h4-text-decoration);
}

h5, .h5 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 30px;
    font-family: var(--h5-font-family);
    font-weight: var(--h5-font-weight);
    font-style: var(--h5-font-style);
    text-decoration: var(--h5-text-decoration);
}

@media (min-width: 1440px) {
    h5, .h5 {
        font-size: 16px;
        line-height: 30px;
    }
}

h6, .h6 {
    /* Extending h5 */
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 30px;
    font-family: var(--h6-font-family);
    font-weight: var(--h6-font-weight);
    font-style: var(--h6-font-style);
    text-decoration: var(--h6-text-decoration);
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

p:not(:last-child) {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    p:not(:last-child) {
        margin-bottom: 30px;
    }
}

.aa-text-size--small {
    font-size: 14px;
    line-height: 20px;
}

@media (min-width: 992px) {
    .aa-text-size--small {
        font-size: 16px;
        line-height: 24px;
    }
}

.aa-text-size--large {
    font-size: 18px;
    line-height: 26px;
}

@media (min-width: 992px) {
    .aa-text-size--large {
        font-size: 20px;
        line-height: 26px;
    }
}

ul, ol {
    padding-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    ul, ol {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

ul:first-child, ol:first-child {
    margin-top: 0;
}

ul:last-child, ol:last-child {
    margin-top: 0;
}

img + p,
img + strong,
img + h1,
img + h2,
img + h3,
img + h4,
img + h5,
img + h6,
p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
    margin-top: 30px;
}

blockquote {
    margin-top: var(--eiffel-top-margin, 30px);
    margin-bottom: var(--eiffel-bottom-margin, 30px);
    font-size: 22px;
    line-height: 30px;
    font-weight: var(--weight-400);
    font-style: italic;
}

@media (min-width: 992px) {
    blockquote {
        font-size: 28px;
        line-height: 38px;
    }
}

strong {
    font-weight: var(--weight-700);
}

i {
    font-style: italic;
}

figcaption {
    font-family: var(--body-font);
    font-size: 15px;
    line-height: 21px;
    font-style: italic;
}

.aa-subheading,
.aa-label {
    display: block;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: var(--weight-700);
}

@media (min-width: 992px) {
    .aa-subheading,
    .aa-label {
        margin-bottom: 20px;
    }
}

.aa-subheading:last-child,
.aa-label:last-child {
    margin-bottom: 0;
}
/*-----------------------------------*\
    Utilities
\*-----------------------------------*/

.aa-bg-image {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

.aa-bg-image--contained {
    background-size: contain;
}

/* Background colors */
.aa-bg-primary {
    background-color: var(--primary);
    color: var(--primary-bg-text);

    .aa-label,
    .aa-subheading {
        color: var(--complementary);
    }

    a {
        color: var(--primary-bg-link);
        text-decoration: underline;

        &:hover, &:active, &:focus {
            color: var(--primary-bg-link-hover);
        }
    }

    .aa-button.aa-button--1 {
        color: var(--white);

        &:hover {
            color: var(--primary);
        }
    }

    .hs-input {
        color: var(--white);
        border-color: var(--primary-bg-accent);
    }

    .aa-article-card__title {
        color: var(--white);
    }
}

.aa-bg-secondary {
    background-color: var(--secondary);
    color: var(--secondary-bg-text);

    .aa-label,
    .aa-subheading {
        color: var(--secondary-bg-accent);
    }

    a {
        color: var(--secondary-bg-link);
        text-decoration: underline;

        &:hover, &:active, &:focus {
            color: var(--secondary-bg-link-hover);
        }
    }

    .hs-input {
        border-color: var(--secondary-bg-accent);
    }
}

.aa-bg-secondary-alt {
    background-color: var(--secondary-alt);
    color: var(--secondary-alt-bg-text);

    .aa-label,
    .aa-subheading {
        color: var(--complementary);
    }

    a {
        color: var(--secondary-alt-bg-link);
        text-decoration: underline;

        &:hover, &:active, &:focus {
            color: var(--secondary-alt-bg-link-hover);
        }
    }

    .hs-input {
        background-color: transparent;
        border-color: var(--secondary-bg-accent);
    }
}

.aa-bg-complementary {
    background-color: var(--complementary);
    color: var(--complementary-bg-text);

    .aa-label,
    .aa-subheading {
        color: var(--complementary-bg-accent);
    }

    a {
        color: var(--complementary-bg-link);
        text-decoration: underline;

        &:hover, &:active, &:focus {
            color: var(--complementary-bg-link-hover);
        }
    }

    .hs-input {
        border-color: var(--complementary-bg-accent);
    }
}

.aa-bg-light {
    background-color: var(--light);
    color: var(--light-bg-text);

    .aa-label,
    .aa-subheading {
        color: var(--light-bg-accent);
    }

    a {
        color: var(--light-bg-link);
        text-decoration: underline;

        &:hover, &:active, &:focus {
            color: var(--light-bg-link-hover);
        }
    }

    .hs-input {
        border-color: var(--light-bg-accent);
    }
}

.aa-bg-dark {
    background-color: var(--dark);
    color: var(--dark-bg-text);

    .aa-label,
    .aa-subheading {
        color: var(--dark-bg-accent);
    }

    a {
        color: var(--dark-bg-link);
        text-decoration: underline;

        &:hover, &:active, &:focus {
            color: var(--dark-bg-link-hover);
        }
    }

    .hs-input {
        border-color: var(--dark-bg-accent);
    }
}

.aa-bg-white {
    background-color: var(--white);
    color: var(--dark);
}

.aa-bg-black {
    background-color: var(--black);
    color: var(--white);
}

/* overlays */

.aa-bg-overlay {
    position: relative;

    > .aa-inner {
        position: relative;
        z-index: 10;
    }
}

.aa-bg-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
}

.aa-bg-overlay--primary {
    background-color: var(--primary);
}

.aa-bg-overlay--primary:before {
    background-color: var(--primary);
    opacity: 0.7;
}

.aa-bg-overlay--secondary {
    background-color: var(--secondary);
}

.aa-bg-overlay--secondary:before {
    background-color: var(--secondary);
    opacity: 0.7;
}

.aa-bg-overlay--secondary-alt {
    background-color: var(--secondary-alt);
}

.aa-bg-overlay--secondary-alt:before {
    background-color: var(--secondary-alt);
    opacity: 0.7;
}

.aa-bg-overlay--complementary {
    background-color: var(--complementary);
}

.aa-bg-overlay--complementary:before {
    background-color: var(--complementary);
    opacity: 0.7;
}

.aa-bg-overlay--dark-grey {
    background-color: var(--dark-grey);
}

.aa-bg-overlay--dark-grey:before {
    background-color: var(--dark-grey);
    opacity: 0.7;
}

.aa-bg-overlay--dark {
    background-color: var(--dark);
}

.aa-bg-overlay--dark:before {
    background-color: var(--dark);
    opacity: 0.7;
}

.aa-bg-overlay--light {
    background-color: var(--light);
}

.aa-bg-overlay--light:before {
    background-color: var(--light);
    opacity: 0.7;
}

.aa-bg-overlay--black {
    background-color: var(--black);
}

.aa-bg-overlay--black:before {
    background-color: var(--black);
    opacity: 0.7;
}

.aa-bg-overlay--white {
    background-color: var(--white);
}

.aa-bg-overlay--white:before {
    background-color: var(--white);
    opacity: 0.7;
}

/* content color */

.aa-content-color--light {
    color: var(--text-light);
}

.aa-content-color--light h1,
.aa-content-color--light h2,
.aa-content-color--light h3,
.aa-content-color--light h4,
.aa-content-color--light h5,
.aa-content-color--light h6 {
    color: var(--text-light);
}

.aa-content-color--light .hs-input {
    border-color: var(--white);
}

.aa-content-color--dark {
    color: var(--text-dark);
}

.aa-content-color--dark h1,
.aa-content-color--dark h2,
.aa-content-color--dark h3,
.aa-content-color--dark h4,
.aa-content-color--dark h5,
.aa-content-color--dark h6 {
    color: var(--text-dark);
}

/* video */

.aa-bg-video {
    position: relative;

    > .aa-inner {
        position: relative;
        z-index: 10;
    }

}

.aa-bg-video video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* IE11 responsive background video: https://jsfiddle.net/StartBootstrap/enajc82d/ */
.ie .aa-bg-video {
    overflow: hidden;
}

.ie .aa-bg-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    min-width: 100%;
    min-height: 100%;
    max-height: none;
    width: auto;
    height: auto;
    padding: 0;
    z-index: 0;
    transform: translateX(-50%) translateY(-50%);
}

 /* The container of a module */
.aa-module {
    display: flex;
    padding-left: var(--padding);
    padding-right: var(--padding);
}

/* Sets the width of the module */
.aa-module-width--page,
.aa-module-width--full {
    width: 100%;
}

@media (min-width: 992px) {
    .aa-module-width--page {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Sets the height of the module */
.aa-module-height--small,
.aa-module-height--normal,
.aa-module-height--full {
    display: flex;
    align-items: center;
}

.aa-module-height--small {
    min-height: 400px;
}

.aa-module-height--normal {
    min-height: 550px;
}

.aa-module-height--full {
    height: 100vh;
}

/* Sets the inner spacing on the module */
.aa-module-spacing--small {
    padding-top: 40px;
    padding-bottom: 40px;
}

.aa-module-spacing-bottom--small {
    padding-bottom: 40px;
}

.aa-module-spacing-top--small {
    padding-top: 40px;
}

.aa-module-spacing--medium {
    padding-top: 60px;
    padding-bottom: 60px;
}

.aa-module-spacing-bottom--medium {
    padding-bottom: 60px;
}

.aa-module-spacing-top--medium {
    padding-top: 60px;
}

.aa-module-spacing--large {
    padding-top: 80px;
    padding-bottom: 80px;
}

.aa-module-spacing-bottom--large {
    padding-bottom: 80px;
}

.aa-module-spacing-top--large {
    padding-top: 80px;
}

@media (min-width: 992px) { 
    .aa-module-spacing--small {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .aa-module-spacing-bottom--small {
        padding-bottom: 50px;
    }

    .aa-module-spacing-top--small {
        padding-top: 50px;
    }

    .aa-module-spacing--medium {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .aa-module-spacing-bottom--medium {
        padding-bottom: 80px;
    }

    .aa-module-spacing-top--medium {
        padding-top: 80px;
    }

    .aa-module-spacing--large {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .aa-module-spacing-bottom--large {
        padding-bottom: 120px;
    }

    .aa-module-spacing-top--large {
        padding-top: 120px;
    }
}

@media (min-width: 1200px) {
    .aa-module-spacing--small {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .aa-module-spacing-bottom--small {
        padding-bottom: 64px;
    }

    .aa-module-spacing-top--small {
        padding-top: 64px;
    }

    .aa-module-spacing--medium {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .aa-module-spacing-bottom--medium {
        padding-bottom: 100px;
    }

    .aa-module-spacing-top--medium {
        padding-top: 100px;
    }

    .aa-module-spacing--large {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .aa-module-spacing-bottom--large {
        padding-bottom: 120px;
    }

    .aa-module-spacing-top--large {
        padding-top: 120px;
    }
}

/* Sets the outer spacing on the module */

.aa-module-spacing-outer--small {
    margin-top: 40px;
    margin-bottom: 40px;
}

.aa-module-spacing-outer-bottom--small {
    margin-bottom: 40px;
}

.aa-module-spacing-outer-top--small {
    margin-top: 40px;
}

.aa-module-spacing-outer--medium {
    margin-top: 60px;
    margin-bottom: 60px;
}

.aa-module-spacing-outer-bottom--medium {
    margin-bottom: 60px;
}

.aa-module-spacing-outer-top--medium {
    margin-top: 60px;
}

.aa-module-spacing-outer--large {
    margin-top: 80px;
    margin-bottom: 80px;
}

.aa-module-spacing-outer-bottom--large {
    margin-bottom: 80px;
}

.aa-module-spacing-outer-top--large {
    margin-top: 80px;
}

@media (min-width: 992px) {
    .aa-module-spacing-outer--small {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .aa-module-spacing-outer-bottom--small {
        margin-bottom: 50px;
    }

    .aa-module-spacing-outer-top--small {
        margin-top: 50px;
    }

    .aa-module-spacing-outer--medium {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .aa-module-spacing-outer-bottom--medium {
        margin-bottom: 80px;
    }

    .aa-module-spacing-outer-top--medium {
        margin-top: 80px;
    }

    .aa-module-spacing-outer--large {
        margin-top: 120px;
        margin-bottom: 120px;
    }

    .aa-module-spacing-outer-bottom--large {
        margin-bottom: 120px;
    }

    .aa-module-spacing-outer-top--large {
        margin-top: 120px;
    }
}

@media (min-width: 1200px) {
    .aa-module-spacing-outer--small {
        margin-top: 64px;
        margin-bottom: 64px;
    }

    .aa-module-spacing-outer-bottom--small {
        margin-bottom: 64px;
    }

    .aa-module-spacing-outer-top--small {
        margin-top: 64px;
    }

    .aa-module-spacing-outer--medium {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .aa-module-spacing-outer-bottom--medium {
        margin-bottom: 100px;
    }

    .aa-module-spacing-outer-top--medium {
        margin-top: 100px;
    }

    .aa-module-spacing-outer--large {
        margin-top: 120px;
        margin-bottom: 120px;
    }

    .aa-module-spacing-outer-bottom--large {
        margin-bottom: 120px;
    }

    .aa-module-spacing-outer-top--large {
        margin-top: 120px;
    }
}

/* The container of a modules content */
.aa-content {
    width: 100%;
}

/* Controls the position of the content within the module */
.aa-content-position--left {
    justify-content: flex-start;
}

.aa-content-position--center {
    justify-content: center;
}

/* Controls the alignment of the content within the module */
.aa-content-alignment--left {
    text-align: left;
}
.aa-content-alignment--center {
    text-align: center;
}

.aa-inner {
    display: flex;
    width: 100%;
}

@media (min-width: 992px) {
    .aa-inner {
        max-width: calc(var(--full-site-width) / 12 * 10);
        margin-left: auto;
        margin-right: auto;
    }
}

/* Sets the width of the content in a module */
.aa-content-width--narrow,
.aa-content-width--normal,
.aa-content-width--wide {
    width: 100%;
}

@media (min-width: 768px) { 
    .aa-content-width--narrow {
        max-width: calc(var(--full-site-width) / 12 * 4);
    }

    .aa-content-width--normal {
        max-width: calc(var(--full-site-width) / 12 * 6);
    }

    .aa-content-width--wide {
        max-width: calc(var(--full-site-width) / 12 * 8);
    }
}

.pt-0 {
    padding-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

/* Bootstrap 4 hiding classes */
.hidden-xs-up {
    display: none !important;
}

@media (max-width: 543px) {
    .hidden-xs-down {
        display: none !important;
    }
}

/* Hidden on small screens and up (max-width: 767px) */
@media (max-width: 767px) {
    .hidden-sm-up {
        display: none !important;
    }
}

/* Hidden on small screens and down (max-width: 767px) */
@media (max-width: 767px) {
    .hidden-sm-down {
        display: none !important;
    }
}

/* Hidden on medium screens and up (min-width: 768px) */
@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important;
    }
}

/* Hidden on medium screens and down (max-width: 991px) */
@media (max-width: 991px) {
    .hidden-md-down {
        display: none !important;
    }
}

/* Hidden on large screens and up (min-width: 992px) */
@media (min-width: 992px) {
    .hidden-lg-up {
        display: none !important;
    }
}

/* Hidden on large screens and down (max-width: 1199px) */
@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none !important;
    }
}

/* Hidden on extra large screens and up (min-width: 1200px) */
@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important;
    }
}

.hidden-xl-down {
    display: none !important;
}

/* Overlap classes */

.aa-overlap-bottom {
    position: relative;
    z-index: 10;
    margin-bottom: -120px;
}

.aa-overlap-top {
    position: relative;
    z-index: 12;
    margin-top: -120px;
}
/* https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

 html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {}

.aa-site-wrapper {
    display: flex;
    flex-direction: column;
}

header, main, footer {
    width: 100%;
}

main {}

/* Force the footer to bottom of the page, even if the content does not fill the viewport height */
> footer {
    margin-top: auto;
}

a {
    text-decoration: var(--link-text-decoration);
    text-decoration-skip-ink: auto;
    color: var(--link-color);
    transition: all var(--speed) var(--animation);
}

a:visited {
}

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

a:focus {
    outline: none;
}

a:hover,
a:active {
    outline: 0;
}

hr {
    margin-top: 0;
    margin-bottom: 30px;
    border: 0;
    border-top: 4px solid var(--light);
}

@media (min-width: 992px) {
    hr {
        margin-bottom: 40px;
    }
}

img, video, iframe {
    max-width: 100%;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Helpers */


/* Components */

/*-----------------------------------*\
    Buttons
\*-----------------------------------*/

.aa-button {
    appearance: none;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    margin: 0;
    padding: 0;
    border-style: solid;

    font-size: 15px;
    line-height: 1;
    font-family: var(--button-font-family);
    font-style: var(--button-font-style);
    font-weight: var(--button-font-weight);
    text-decoration: none;
    text-align: center;

    background: transparent;
    cursor: pointer;
    transition: all var(--speed) var(--animation);
}

.aa-button:hover,
.aa-button:focus,
.aa-button:active {
    outline: 0;
    box-shadow: var(--box-shadow);
}

/* Override text decorations applied directly to <a> elements that are buttons */
a.aa-button {
    text-decoration: none;
}

/* Theme buttons */
/* Button Variant 1 */
.aa-button--1,
a.aa-button--1,
.aa-form-button--1 input[type="submit"] {
    padding: 15px 30px;
    border-color: var(--complementary);
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    color: var(--primary);
    background-color: transparent;
}

.aa-button--1:hover,
.aa-button--1:focus,
.aa-button--1:active,
a.aa-button--1:hover,
a.aa-button--1:focus,
a.aa-button--1:active,
.aa-form-button--1 input[type="submit"]:hover,
.aa-form-button--1 input[type="submit"]:focus,
.aa-form-button--1 input[type="submit"]:active {
    border-color: var(--complementary);
    color: var(--primary);
    background-color: var(--complementary);
}

/* Button Variant 2 */
.aa-button--2,
a.aa-button--2,
.aa-form-button--2 input[type="submit"] {
    padding: 15px 30px;
    border-color: var(--complementary);
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    color: var(--primary);
    background-color: var(--complementary);
}

.aa-button--2:hover,
.aa-button--2:focus,
.aa-button--2:active,
a.aa-button--2:hover,
a.aa-button--2:focus,
a.aa-button--2:active,
.aa-form-button--2 input[type="submit"]:hover,
.aa-form-button--2 input[type="submit"]:focus,
.aa-form-button--2 input[type="submit"]:active {
    border-color: var(--complementary);
    color: var(--primary);
    background-color: var(--complementary);
}

/* Button Variant 3 */
.aa-button--3,
a.aa-button--3,
.aa-form-button--3 input[type="submit"] {
    padding: 15px 30px;
    border-color: var(--primary);
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    color: var(--primary);
    background-color: transparent;
}

.aa-button--3:hover,
.aa-button--3:focus,
.aa-button--3:active,
a.aa-button--3:hover,
a.aa-button--3:focus,
a.aa-button--3:active,
.aa-form-button--3 input[type="submit"]:hover,
.aa-form-button--3 input[type="submit"]:focus,
.aa-form-button--3 input[type="submit"]:active {
    border-color: var(--primary);
    color: var(--white);
    background-color: var(--primary);
}

/* Button Variant 4 */
.aa-button--4,
a.aa-button--4,
.aa-form-button--4 input[type="submit"] {
    padding: 15px 30px;
    border-color: var(--primary);
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    color: var(--white);
    background-color: var(--primary);
}

.aa-button--4:hover,
.aa-button--4:focus,
.aa-button--4:active,
a.aa-button--4:hover,
a.aa-button--4:focus,
a.aa-button--4:active,
.aa-form-button--4 input[type="submit"]:hover,
.aa-form-button--4 input[type="submit"]:focus,
.aa-form-button--4 input[type="submit"]:active {
    border-color: var(--primary);
    color: var(--white);
    background-color: var(--primary);
}

/* Button Variant 5 */
.aa-button--5,
a.aa-button--5,
.aa-form-button--5 input[type="submit"] {
    padding: 15px 30px;
    border-color: var(--complementary);
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    color: var(--white);
    background-color: transparent;
}

.aa-button--5:hover,
.aa-button--5:focus,
.aa-button--5:active,
a.aa-button--5:hover,
a.aa-button--5:focus,
a.aa-button--5:active,
.aa-form-button--5 input[type="submit"]:hover,
.aa-form-button--5 input[type="submit"]:focus,
.aa-form-button--5 input[type="submit"]:active {
    border-color: var(--complementary);
    color: var(--white);
    background-color: var(--complementary);
}

/* Button Variant - form */
.aa-button--form,
a.aa-button--form,
.aa-form-button--form input[type="submit"] {
    padding: 15px 30px;
    border-color: var(--complementary);
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    color: var(--primary);
    background-color: var(--complementary);
}

.aa-button--form:hover,
.aa-button--form:focus,
.aa-button--form:active,
a.aa-button--form:hover,
a.aa-button--form:focus,
a.aa-button--form:active,
.aa-form-button--form input[type="submit"]:hover,
.aa-form-button--form input[type="submit"]:focus,
.aa-form-button--form input[type="submit"]:active {
    border-color: var(--complementary);
    color: var(--primary);
    background-color: var(--complementary);
}


/* HubSpot default button class */
.hs-button {
    appearance: none;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    margin: 0;
    padding: 0;
    border-style: solid;

    font-size: 15px;
    line-height: 1;
    font-family: var(--button-font-family);
    font-style: var(--button-font-style);
    font-weight: var(--button-font-weight);
    text-decoration: none;
    text-align: center;

    background: transparent;
    cursor: pointer;
    transition: all var(--speed) var(--animation);
    
    /* Styles from .aa-button--1 */
    padding: 15px 30px;
    border-color: var(--complementary);
    border-radius: 5px;
    border-width: 1px;
    color: var(--primary);
    background-color: transparent;

    width: 100%;
}

.hs-button:hover,
.hs-button:focus,
.hs-button:active {
    outline: 0;
    box-shadow: var(--box-shadow);
    
    /* Hover styles from .aa-button--1 hover */
    border-color: var(--complementary);
    color: var(--primary);
    background-color: var(--complementary);
}

/* Button groups */
.aa-button-group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.aa-button + .aa-button {
    margin-top: 20px;
}

@media (min-width: 576px) {
    .aa-button-group {
        flex-direction: row;
    }

    .aa-button + .aa-button {
        margin-top: 0;
        margin-left: 20px;
    }
}
/* -------------------------------- *\
    Forms
\* -------------------------------- */

/* HubSpot default form title */
.form-title {
    margin: 0;
    padding-bottom: 30px;
    color: var(--form-title-text-color);
    background-color: var(--form-title-background-color);
}

.form-title:empty {
    display: none;
}

.hs-form {
    border: 1px solid var(--form-border-color);
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    background-color: var(--form-background-color);
}

/* Reset default HS form styles inside our modules and templates */
.aa-module .form-title,
.aa-landing-page .form-title {
    padding: 0;
    color: inherit;
    background-color: transparent;
}

.aa-module .hs-form,
.aa-landing-page .hs-form {
    padding: 0;
    border: 0;
    background-color: transparent;
}

/* Layout & containers */

/* Field container */
.hs-form-field {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .hs-form-field {
        margin-bottom: 25px;
    }
}

/* Specific field type containers */
.hs-fieldtype-text {}
.hs-fieldtype-select {}
.hs-fieldtype-booleancheckbox {}
.hs-fieldtype-checkbox {}
.hs-fieldtype-radio {}
.hs-fieldtype-date {}
.hs-fieldtype-file {}
.hs-fieldtype-textarea {}


/* Input fields */

/* All input fields */
.hs-input {
    width: 100%;
    height: 45px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: var(--form-input-x-padding);
    padding-right: var(--form-input-x-padding);
    border-style: solid;
    border-width: var(--form-fields-border-width);
    border-color: var(--form-fields-border-color);
    border-radius: 5px;
    color: inherit;
    line-height: 1;
    text-decoration: none;
    background-color: var(--form-fields-background-color);
    cursor: pointer;
    box-shadow: none;
    font-family: var(--body-font);
}

@media (min-width: 992px) {
    .hs-input {
        padding-left: var(--form-input-x-padding-lg);
        padding-right: var(--form-input-x-padding-lg);
    }
}

.hs-input:focus {
    outline: none;
    border-color: var(--form-fields-border-color-focus);
    box-shadow: var(--box-shadow);
}

.hs-input::placeholder {
    color: inherit;
    opacity: 0.6;
}

/* Checkbox/radio inputs */
.hs-input[type="checkbox"],
.hs-input[type="radio"] {
    width: auto;
    height: auto;
    margin-right: 8px;
    border: 0;
    background-color: transparent;
}

/* Checkbox/radio input labels */
.hs-form-field .inputs-list label span {
    user-select: none;
}

/* Single checkbox inputs */
.hs-fieldtype-booleancheckbox .hs-input {

}

/* Multiple checkboxes/radios */
.hs-form-field .multi-container {
    list-style: none; /* Reset default list styling */
    padding: 0;
}

.hs-form-field .multi-container li {
    margin: 0; /* Reset margin */
    margin-bottom: 5px;
}

.hs-form-field .multi-container li:last-of-type {
    margin-bottom: 0;
}

/* Select (dropdown) inputs */
.hs-fieldtype-select .input {
    position: relative;
}

.hs-fieldtype-select .input svg {
    position: absolute;
    height: 10px;
    top: calc(50% - 5px);
    left: calc(100% - (var(--form-input-x-padding) * 2));
    transform: translateX(-50%);
    pointer-events: none;
    fill: var(--white);
}

.hs-fieldtype-select select.hs-input svg path {
    fill: var(--black);
}

.hs-fieldtype-select select.hs-input:hover ~ svg path {
    fill: var(--secondary);
}

select.hs-input {
    appearance: none;
}

select.hs-input option {
    color: var(--black);
    padding: 0 10px;
    background-color: var(--white);
}

/* Textarea (for multi-line input) */
.hs-fieldtype-textarea textarea.hs-input {
    width: 100%;
    height: 100px;
    padding: var(--form-input-x-padding);
    background-color: var(--form-fields-background-color);
    resize: vertical;
}

@media (min-width: 992px) {
    .hs-fieldtype-select .input svg {
        left: calc(100% - (var(--form-input-x-padding-lg) * 2));
    }

    .hs-fieldtype-textarea textarea.hs-input {
        padding: var(--form-input-x-padding-lg);
    }
}

/* File inputs */
.hs-input[type="file"] {
    height: auto;
    padding: 0;
    background-color: transparent;
    border-color: transparent;
}

/* Date inputs */
.hs-fieldtype-date .hs-input {
    width: auto !important;
    padding-right: calc(var(--form-input-x-padding) * 2 + 24px);
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 20H16V16H20V20ZM14 10H10V14H14V10ZM20 10H16V14H20V10ZM8 16H4V20H8V16ZM14 16H10V20H14V16ZM8 10H4V14H8V10ZM24 2V24H0V2H3V3C3 4.103 3.897 5 5 5C6.103 5 7 4.103 7 3V2H17V3C17 4.103 17.897 5 19 5C20.103 5 21 4.103 21 3V2H24ZM22 8H2V22H22V8ZM20 1C20 0.448 19.553 0 19 0C18.447 0 18 0.448 18 1V3C18 3.552 18.447 4 19 4C19.553 4 20 3.552 20 3V1ZM6 3C6 3.552 5.553 4 5 4C4.447 4 4 3.552 4 3V1C4 0.448 4.447 0 5 0C5.553 0 6 0.448 6 1V3Z" fill="%23%7Bbody-color%7D"/></svg>');
    background-repeat: no-repeat;
    background-position: calc(100% - var(--form-input-x-padding)) center;
    background-size: 18px auto;
}

@media (min-width: 992px) {
    .hs-fieldtype-date .hs-input {
        padding-right: calc(var(--form-input-x-padding-lg) * 2 + 24px);
        background-position: calc(100% - var(--form-input-x-padding-lg)) center;
    }
}

/* Hide native calendar icon in Chrome */
.hs-fieldtype-date .hs-input::-webkit-calendar-picker-indicator {
    display: none;
}

/* Date picker dropdown */
.hs-fieldtype-date .hs-datepicker .fn-date-picker .pika-button {
    box-shadow: none !important; /* !important declaration to override HS styling */
    border-radius: 0 !important; /* !important declaration to override HS styling */
}

.hs-fieldtype-date .hs-datepicker .fn-date-picker .pika-button:hover {
    background-color: var(--primary) !important; /* !important declaration to override HS styling */
    opacity: 0.7 !important;
}

.hs-fieldtype-date .hs-datepicker .fn-date-picker .is-selected .pika-button {
    background-color: var(--complementary);
    color: var(--dark);
}

.hs-fieldtype-date .hs-datepicker .fn-date-picker .is-today .pika-button {
    color: var(--dark);
}

/* Submit button */
.hs-submit {
    margin-top: 20px;
    text-align: center;
}

.hs-form .hs-button {
    appearance: none;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    margin: 0;
    padding: 0;
    border-style: solid;

    font-size: 15px;
    line-height: 1;
    font-family: var(--button-font-family);
    font-style: var(--button-font-style);
    font-weight: var(--button-font-weight);
    text-decoration: none;
    text-align: center;

    background: transparent;
    cursor: pointer;
    transition: all var(--speed) var(--animation);
    
    padding: 15px 30px;
    border-color: var(--complementary);
    border-radius: 5px;
    border-width: 1px;
    color: var(--primary);
    background-color: transparent;
    width: 100%;
    min-width: 200px;
}

.hs-form .hs-button:hover,
.hs-form .hs-button:focus,
.hs-form .hs-button:active {
    border-color: var(--complementary);
    color: var(--primary);
    background-color: var(--complementary);
}

/* Text and other form elements */
.hs-form ul,
.hs-form ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hs-form ul li,
.hs-form ol li {
    list-style: none;
}

/* Form field main label*/
.hs-form-field > label {
    font-weight: 700;
}

.hs-form-field > label span {
    display: inline-block;
    margin-bottom: 5px;
}

.hs-form-field > label span:empty,
.hs-form-field > label span:empty + span {
    display: none;
}

/* Form field help text */
.hs-form legend {
    order: 1;
    display: block;
    margin-top: 5px;
    margin-left: var(--form-input-x-padding);

    font-size: 0.8em;
    line-height: 1.2;

    opacity: 0.8;
}

@media (min-width: 992px) {
    .hs-form legend {
        margin-top: 10px;
        margin-left: var(--form-input-x-padding-lg);
    }
}

/* Rich text areas */
.hs-form .hs-richtext p {
    font-size: inherit;
    line-height: inherit;
}

.hs-form .hs-richtext p:not(:last-of-type) {
    margin-bottom: 10px;
}

.hs-form .hs-richtext + .hs-form-field {
    margin-top: 10px;
}

/* Error messages */
.hs-input.error {
    border-color: var(--form-error-color);
}

ul.hs-error-msgs {
    order: 10; /* Position it last in the field container */
    margin-top: 10px;
    margin-left: var(--form-input-x-padding);
}

@media (min-width: 992px) {
    ul.hs-error-msgs {
        margin-left: var(--form-input-x-padding-lg);
    }
}

ul.hs-error-msgs li {
    list-style: none;
}

ul.hs-error-msgs label {
    color: var(--form-error-color);
    font-size: 0.8em;
    line-height: 1.2;
    font-style: italic;
}

ul.hs-error-msgs label::before {
    content: '!';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    border: 1px solid var(--form-error-color);
    border-radius: 50%;
    margin-right: 5px;
    font-style: normal;
    font-weight: var(--weight-700);
}

/* The final error message just above the submit button (shows if you try to submit the form but there's an error) */
.hs_error_rollup {
    margin-top: 15px;
    padding: 15px;
    border: 1px solid var(--form-error-color);
}

.hs_error_rollup .hs-error-msgs {
    margin: 0;
}

/* Form title that renders if the "form_title" parameter is set to true */

.hs-form .form-title {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 30px;
    font-family: var(--h3-font-family);
    font-weight: var(--h3-font-weight);
    font-style: var(--h3-font-style);
    text-decoration: var(--h3-text-decoration);
}

@media (min-width: 992px) {
    .hs-form .form-title {
        font-size: 24px;
        line-height: 32px;
    }
}


/* Custom GDPR fields */
.hs_gdpr_consent_marketing .hs-form-booleancheckbox label,
.hs_gdpr_consent_data .hs-form-booleancheckbox label {
    font-weight: var(--weight-700);
}


/*
 * Reset/override unwanted HubSpot styling.
 * Note: We use a lot of CSS specificity here on purpose in order to beat HubSpot's specificity.
*/

form.hs-form fieldset {
    max-width: none;
}

/* Override HubSpot styling */
form.hs-form fieldset.form-columns-1,
form.hs-form fieldset.form-columns-2,
form.hs-form fieldset.form-columns-3 {
    width: 100%;
}

form.hs-form fieldset.form-columns-1 .hs-input {
    width: 100%;
}

form.hs-form fieldset.form-columns-1 input[type="checkbox"].hs-input,
form.hs-form fieldset.form-columns-1 input[type="radio"].hs-input {
    width: auto;
}

form.hs-form fieldset.form-columns-2 .hs-form-field,
form.hs-form fieldset.form-columns-3 .hs-form-field {
    width: 100%;
}

@media (min-width: 768px) {
    form.hs-form fieldset.form-columns-2 .hs-form-field {
        width: calc(50% - var(--form-field-gutter) / 2);
    }

    form.hs-form fieldset.form-columns-2 .hs-form-field:not(:first-of-type),
    form.hs-form fieldset.form-columns-3 .hs-form-field:not(:first-of-type) {
        margin-left: var(--form-field-gutter);
    }

    form.hs-form fieldset.form-columns-3 .hs-form-field {
        width: calc(100% / 3 - 2 * var(--form-field-gutter) / 3);
    }
}

@media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
    form.hs-form fieldset.form-columns-2,
    form.hs-form fieldset.form-columns-3 {
        width: 100%;
    }

    form.hs-form fieldset.form-columns-2 .hs-input,
    form.hs-form fieldset.form-columns-3 .hs-input {
        width: 100% !important;
    }

    input[type="checkbox"],
    input[type="radio"] {
        width: auto !important;
    }
}

/* Custom checkbox */
.aa-content-color--dark ul.inputs-list.multi-container li.hs-form-checkbox,
.aa-content-color--dark ul.inputs-list li.hs-form-booleancheckbox,
.popup-form ul.inputs-list.multi-container li.hs-form-checkbox,
.popup-form ul.inputs-list li.hs-form-booleancheckbox,
ul.inputs-list.multi-container li.hs-form-checkbox,
ul.inputs-list li.hs-form-booleancheckbox {
    margin: 16px 0;

    label {
        position: relative;
        display: flex;
    }

    label span:not(.hs-form-required) {
        display: inline-block;
        margin-left: 30px;
        margin-right: 16px;
    }

    /* Resize and hide the original input */
    label input {
        height: 20px;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 20px;
    }

    /* Add new input */
    label span:not(.hs-form-required)::before {
        border: 1px solid;
        content: "";
        height: 20px;
        left: 0;
        position: absolute;
        top: 0;
        width: 20px;

        border: 1px solid var(--primary);
        border-radius: 2px;
        background-size: 100% 1px;
        background-position: 0 0, 0 100%;
        background-repeat: no-repeat;

    }

    /* Checked item */
    label span:not(.hs-form-required)::after {
        content: "";
        height: 14px;
        width: 14px;
        border: 1px solid var(--primary);
        border-radius: 2px;
        left: 3px;
        opacity: 0;
        position: absolute;
        background: var(--primary);
        top: 3px;
        transition: opacity 0.2s ease-in-out;
        cursor: pointer;
    }

    /* Show checked style */
    label input:checked + span:not(.hs-form-required)::after {
        opacity: 1;
    }

    /* Focused state */
    label input:focus + span:not(.hs-form-required)::after {
        outline: 3px solid transparent; /* For Windows high contrast mode. */
    }

}

.aa-content-color--light ul.inputs-list.multi-container li.hs-form-checkbox,
.aa-content-color--light ul.inputs-list li.hs-form-booleancheckbox,
.aa-bg-primary > ul.inputs-list.multi-container li.hs-form-checkbox,
.aa-bg-primary > ul.inputs-list li.hs-form-booleancheckbox {
    label span:not(.hs-form-required)::before {
        border: 1px solid var(--white);
    }
    /* Checked item */
    label span:not(.hs-form-required)::after {
        background: var(--white);
        border: 1px solid var(--white);
    }
}

/* Custom radio button */
.aa-bg-image .aa-panels__form ul.inputs-list.multi-container li.hs-form-radio,
.popup-form ul.inputs-list.multi-container li.hs-form-radio,
ul.inputs-list.multi-container li.hs-form-radio {
    margin: 16px 0;

    label {
        position: relative;
    }

    label span {
        display: inline-block;
        margin-left: 30px;
        margin-right: 16px;
    }

    /* Resize and hide the original input */
    label input {
        height: 20px;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 20px;
    }

    /* Add new input */
    label span::before {
        border: 1px solid;
        content: "";
        height: 20px;
        left: 0;
        position: absolute;
        top: 0;
        width: 20px;
        border-radius: 50%;
    }

    /* Checked item */
    label span::after {
        content: "";
        height: 14px;
        width: 14px;
        left: 3px;
        position: absolute;
        background-color: var(--white);
        top: 3px;
        border-radius: 50%;
        -webkit-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out;
        cursor: pointer;
        border: 1px solid var(--white);
    }

    /* Show checked style */
    label input:checked + span::after {
        background-color: var(--primary);
        border: 1px solid var(--primary);
    }

    /* Focused state */
    label input:focus + span::after {
        outline: 3px solid transparent; /* For Windows high contrast mode. */
    }

}
.aa-bg-image ul.inputs-list.multi-container li.hs-form-radio,
.aa-bg-primary ul.inputs-list.multi-container li.hs-form-radio {

    /* Checked item */
    label span::after {
        background-color: transparent;
        border: 1px solid var(--white);
    }

    /* Show checked style */
    label input:checked + span::after {
        background-color: var(--white);
        border: 1px solid var(--white);
    }
}
/*-----------------------------------*\
	Hamburger
\*-----------------------------------*/

.aa-hamburger {
    cursor: pointer;
    z-index: 200;
    width: 25px;
    height: 20px;
    display: flex;
    align-items: center;
}

.aa-hamburger span,
.aa-hamburger span::before,
.aa-hamburger span::after {
    display: block;
    background-color: var(--white);
    transition-property: all;
    transition-duration: .1s;
}

.aa-hamburger span {
    margin: 0 auto;
    position: relative;
}

.aa-hamburger span::before,
.aa-hamburger span::after {
    position: absolute;
    content: '';
}

.aa-hamburger span,
.aa-hamburger span::before,
.aa-hamburger span::after {
    width: 25px;
    height: 2px;
}

.aa-hamburger span::before {
    transform: translateY(-7px);
}

.aa-hamburger span::after {
    transform: translateY(7px);
}

.js-nav-open .aa-hamburger {
    transition: transform var(--speed) ease;
}

.js-nav-open .aa-hamburger span {
    background-color: transparent !important;
}

.js-nav-open .aa-hamburger span::before,
.js-nav-open .aa-hamburger span::after {
    transform: translateY(0);
}

.js-nav-open .aa-hamburger span::before {
    transform: rotate(45deg);
}

.js-nav-open .aa-hamburger span::after {
    transform: rotate(-45deg);
}

.aa-bg-white .aa-hamburger,
.aa-bg-none .aa-hamburger,
.aa-bg-secondary-alt .aa-hamburger {
    span,
    span::before,
    span::after {
        display: block;
        background-color: var(--black);
        transition-property: all;
        transition-duration: .1s;
    }
}

.js-nav-open .aa-bg-white .aa-hamburger span,
.js-nav-open .aa-bg-none .aa-hamburger span,
.js-nav-open .aa-bg-secondary-alt .aa-hamburger span,
.js-nav-open .aa-bg-white span,
.js-nav-open .aa-bg-none span,
.js-nav-open .aa-bg-secondary-alt span {
    background-color: var(--black);
}

.aa-bg-secondary-alt.is-sticky .aa-hamburger {
    span,
    span::before,
    span::after {
        background-color: var(--white);
    }
}

.js-nav-open .aa-bg-secondary-alt.is-sticky .aa-hamburger {
    span,
    span::before,
    span::after {
        background-color: var(--white);
    }
}
.aa-language-menu {
    position: relative;
    display: flex;
    align-self: stretch;
    align-items: center;
    font-size: 14px;
    padding: 10px 0px;
    margin-left: auto;
}

@media (min-width: 768px) {
    .aa-language-menu {
        margin-right: 40px;
    }
}

@media (min-width: 1200px) {
    .aa-language-menu {
        margin-left: 0;
        margin-right: 0;
    }
}

.aa-language-menu > a {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    font-weight: var(--weight-500);
    letter-spacing: 1px;
    text-decoration: none;
    background-color: transparent;
}

.aa-language-menu > a svg {
    margin-right: 5px;
    width: 18px;
}

.aa-language-menu:hover, 
.aa-language-menu:focus, 
.aa-language-menu:active {
    > a {
        color: var(--primary);
    }

    > a svg path {
        fill: var(--primary);
    }
}

.aa-language-menu ul {
    display: none;
    flex-direction: column;
    position: absolute;
    left: 50%;
    top: 100%;
    padding: 0;
    margin: 0;
    background-color: var(--white);
    box-shadow: var(--box-shadow);
    transform: translateX(-50%);
}

.aa-language-menu ul:before {
    content: '';
    display: block;
    position: absolute;
    height: 10px;
    top: -10px;
    left: 0;
    right: 0;
    background: transparent;
}

.aa-language-menu ul:after {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent var(--white) transparent;
    transform: translateX(-50%);
}

.aa-language-menu ul li {
    padding-left: 0;
}

.aa-language-menu ul li:before {
    display: none;
}

.aa-language-menu:hover ul {
    display: flex !important;
}

.aa-language-menu ul li {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 14px;
}

.aa-language-menu ul li a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 60px;
    margin: 0;
    padding: 10px 20px;
    color: var(--primary) !important;
    text-align: center;
    text-decoration: none;
}

.aa-language-menu ul li a:hover {
    color: var(--primary) !important;
    background-color: var(--secondary-alt) !important;
}

.aa-site-header.is-sticky .aa-navigation--secondary {
    .aa-language-menu ul li a {
        color: var(--primary);
    }

    .aa-language-menu ul li a:hover {
        color: var(--primary);
        background-color: var(--secondary-alt);
    }
}

.aa-language-menu ul li.is-active a {
    font-weight: var(--weight-700);
    letter-spacing: 1px;
}

.aa-navigation-container .aa-language-menu .aa-language-menu-item {
    margin: 0;
}

.aa-navigation-container .aa-language-menu .aa-language-menu-item a {
    padding-left: var(--padding);
    padding-right: var(--padding);
}
/*-----------------------------------*\
    Mega menu
\*-----------------------------------*/

.aa-has-submenu .aa-mega-menu,
.aa-has-submenu .hs-menu-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity var(--speed) var(--animation);
}

@media (min-width: 992px) { 
    .aa-has-submenu:hover .aa-mega-menu,
    .aa-has-submenu:hover .hs-menu-wrapper {
        visibility: visible;
        opacity: 1;
    }
}

.aa-submenu-type--standard .hs-menu-wrapper > ul {
    width: 400px;
    background-color: var(--secondary);
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
}

.aa-submenu-type--standard .hs-menu-wrapper > ul > li > a {
    display: flex;
    padding: 15px 25px;
    padding-bottom: 0;
}

.aa-submenu-type--standard .hs-menu-wrapper > ul > li > a:hover {
    color: rgba(var(--white), 0.7);
}

.aa-submenu-type--standard .hs-menu-wrapper > ul > li > a:before {
    content: '-';
    margin-right: 5px;
    color: var(--complementary);
}

.aa-submenu-type--standard .hs-menu-wrapper > ul > .hs-menu-depth-1.hs-item-has-children > ul {
    padding: 20px 50px;
    padding-top: 0;
}

.aa-submenu-type--standard .hs-menu-wrapper > ul > .hs-menu-depth-1.hs-item-has-children li a:hover {
    color: rgba(var(--white), 0.7);
}

.aa-submenu-type--standard .hs-menu-wrapper > ul > li:first-child > a {
    padding-top: 50px;
}

.aa-submenu-type--standard .hs-menu-wrapper > ul > li:last-child > a {
    padding-bottom: 50px;
}

.aa-submenu-type--standard .hs-menu-wrapper .hs-menu-depth-1:last-child {
    padding-bottom: 50px;
}

.aa-submenu-type--standard .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children a {
    padding-bottom: 0;
}

.aa-submenu-type--standard .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children a:before {
    content: '-';
    margin-right: 5px;
    color: var(--complementary);
}


.aa-navigation .aa-submenu-type--mega {
    position: static;
}

.aa-navigation .aa-mega-menu {
    margin-top: 10px;
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .aa-navigation .aa-mega-menu {
        display: flex;
        flex-direction: row;
    }
}

@media (min-width: 1200px) {
    .aa-navigation .aa-mega-menu {
        position: absolute;
        width: 100vw;
        max-width: var(--full-site-width);
        margin: 0;
        top: 100%;
        left: 45%;
        transform: translateX(-27%);
        box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
    }
}

.aa-navigation .aa-mega-menu li {
    position: relative;
}

@media (min-width: 768px) {
    .aa-navigation .aa-mega-menu li {
        width: calc(100% / 2);
    }
}

@media (min-width: 1200px) {
    .aa-navigation .aa-mega-menu li {
        background-color: var(--secondary);
    }
}

.aa-navigation .aa-mega-menu li:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(var(--secondary), 0.75); /* IE11 fallback */
    background: linear-gradient(53deg, var(--secondary) 26%, rgba(var(--secondary), 0.3) 100%);
}

.aa-navigation .aa-mega-menu li a {
    max-width: calc(var(--full-site-width) / 12 * 3.5 + 160px);
    position: relative;
    padding: 50px 20px 30px;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: var(--white);
    font-size: 16px;
    line-height: 22px;
    font-weight: var(--weight-400);
}

.aa-navigation .aa-mega-menu li a:hover {
    color: var(--white);
}

@media (min-width: 576px) {
    .aa-navigation .aa-mega-menu li a {
        height: 280px;
    }
}

@media (min-width: 1200px) {
    .aa-navigation .aa-mega-menu li a {
        height: 330px;
        padding: 70px 80px;
    }
}

.aa-navigation .aa-mega-menu li a:before {
    display: none;
}

.aa-navigation .aa-mega-menu li a .aa-mega-menu-item-title {
    position: relative;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 26px;
    font-weight: var(--weight-400);
}

@media (min-width: 992px) {
    .aa-navigation .aa-mega-menu li a .aa-mega-menu-item-title {
        font-size: 36px;
        line-height: 36px;
    }

    .aa-navigation .aa-mega-menu li a .aa-mega-menu-item-title:before {
        content: "";
        position: absolute;
        top: 18px;
        left: -30px;
        display: block;
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='3' viewBox='0 0 30 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='1.5' x2='30' y2='1.5' stroke='%23F0B932' stroke-width='3'/%3E%3C/svg%3E%0A");
        width: 18px;
        height: 2px;
    }
}

.aa-site-header.is-sticky .aa-navigation .aa-mega-menu .aa-mega-menu-dark a,
.aa-navigation .aa-mega-menu .aa-mega-menu-dark a{
    color: var(--primary);
}

.aa-site-header.is-sticky .aa-navigation .aa-mega-menu .aa-mega-menu-dark a:hover,
.aa-navigation .aa-mega-menu .aa-mega-menu-dark a:hover{
    color: var(--primary);
}

.aa-mega-menu:before {
    position: absolute;
    display: block;
    height: 30px;
    top: -30px;
    left: 0;
    right: 0;
}

@media (min-width: 1200px) {
    .aa-mega-menu:before {
        content: '';
    }
}

.aa-site-header.is-sticky .aa-mega-menu:before {
    display: none;
}

.aa-site-header.is-sticky .aa-has-submenu .aa-mega-menu, .aa-has-submenu .hs-menu-wrapper {
    top: 60px;
}

/* Mobile version */
.aa-navigation--hamburger .aa-has-submenu .hs-menu-wrapper > ul {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    box-shadow: none;
    background-color: transparent;
}

.aa-navigation--hamburger .aa-has-submenu .hs-menu-wrapper > ul > li > a {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    line-height: 26px;
}

.aa-navigation--hamburger .aa-has-submenu .aa-mega-menu,
.aa-navigation--hamburger .aa-has-submenu .hs-menu-wrapper {
    position: static;
    display: none;
    visibility: visible;
    opacity: 1;
}

.aa-navigation--hamburger .is-active.aa-has-submenu:hover .aa-mega-menu {
    display: flex;
}

.aa-navigation--hamburger .is-active.aa-has-submenu:hover .hs-menu-wrapper {
    display: block;
}

.aa-navigation--hamburger .aa-navigation-icons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 60px;
}

.aa-navigation--hamburger .aa-navigation-icons .aa-menu-icon svg {
    fill: var(--white);
}

.aa-navigation--hamburger .aa-navigation-icons .aa-menu-icon svg path {
    fill: var(--white);
}

.aa-navigation--hamburger .aa-navigation-icons .aa-language-menu {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 992px) {
    .aa-navigation--hamburger .aa-has-submenu .hs-menu-wrapper > ul {
        margin-top: 0;
        margin-bottom: 0;
    }
}
/* -------------------------------- *\
    Components / Modal
\* -------------------------------- */

.aa-modal {
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 100vh;
    overflow-y: scroll;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.7); /* RGB($black, 0.7) replaced with rgba(0, 0, 0, 0.7) */
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    transition: opacity var(--speed) var(--animation); /* Replaced $speed and $animation with CSS custom properties */
}

.aa-modal--open {
    visibility: visible;
    opacity: 1;
}

.aa-modal img,
.aa-modal video {
    display: block;
    max-width: 100%;
}

.aa-modal__close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    top: -20px;
    right: 0;
    cursor: pointer;
    z-index: 99999;
    transform: translateX(50%) translateY(-50%);
    transition: all var(--speed) var(--animation); /* Replaced $speed and $animation with CSS custom properties */
}

@media (min-width: 768px) { /* Replaced @include bp(md) with standard media query for 768px */
    .aa-modal__close {
        top: -20px;
        right: -10px;
    }
}

.aa-modal__close:before,
.aa-modal__close:after {
    content: '';
    flex: 0 0 auto;
    width: 4px;
    height: 22px;
    background-color: var(--black); /* Replaced $black with the CSS variable */
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
}

.aa-modal__close:before {
    transform: rotate(-45deg);
    margin-right: -4px;
}

.aa-modal__close:after {
    transform: rotate(45deg);
    margin-left: 0;
}

body.aa-modal-active {
    overflow-y: hidden;
}

body.aa-modal-active header.header {
    z-index: -1;
}

/* Modal content */

.aa-modal-content {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 90%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--white);
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
    padding: 20px;
    z-index: 23;
}

@media (min-width: 768px) {
    .aa-modal-content {
        padding: 60px;
    }
}

@media (min-width: 1024px) {
    .aa-modal-content {
        max-width: calc(var(--full-site-width) / 12 * 6);
    }
}

.aa-modal-content h1,
.aa-modal-content h2,
.aa-modal-content h3,
.aa-modal-content h4,
.aa-modal-content h5,
.aa-modal-content h6,
.aa-modal-content span,
.aa-modal-content blockquote,
.aa-modal-content p,
.aa-modal-content a:not(.aa-button) {
    color: var(--black);
}
/*-----------------------------------*\
    Navigation
\*-----------------------------------*/

.aa-navigation ul,
.aa-navigation li {
    /* Reset */
    list-style: none;
    padding: 0;
    margin: 0;
}

.aa-navigation ul li {
}

.aa-navigation ul li a {
    display: block;
    text-decoration: none;
}

.aa-navigation--primary,
.aa-navigation--secondary {
    display: flex;
    align-items: center;
}

.aa-navigation--primary ul li a,
.aa-navigation--secondary ul li a {
    font-family: var(--heading-font);
    font-size: 17px;
    line-height: 25px;
    font-weight: var(--weight-400);
    color: inherit;
}

.aa-navigation--primary ul li a:hover,
.aa-navigation--secondary ul li a:hover {
    color: rgba(var(--primary), 0.7);
}

.aa-navigation--primary > ul,
.aa-navigation--secondary > ul,
.aa-navigation--primary > .hs-menu-wrapper > ul,
.aa-navigation--secondary > .hs-menu-wrapper > ul {
    display: flex;
    justify-content: flex-end;
    height: inherit;
    list-style: none;
}

.aa-navigation--primary > ul > li,
.aa-navigation--secondary > ul > li,
.aa-navigation--primary > .hs-menu-wrapper > ul > li,
.aa-navigation--secondary > .hs-menu-wrapper > ul > li {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 30px;
}

.aa-navigation--primary > ul > li:last-of-type,
.aa-navigation--secondary > ul > li:last-of-type,
.aa-navigation--primary > .hs-menu-wrapper > ul > li:last-of-type,
.aa-navigation--secondary > .hs-menu-wrapper > ul > li:last-of-type {
    margin-right: 0;
}

.aa-navigation--primary > ul > li > a,
.aa-navigation--secondary > ul > li > a,
.aa-navigation--primary > .hs-menu-wrapper > ul > li > a,
.aa-navigation--secondary > .hs-menu-wrapper > ul > li > a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    position: relative;
}

.aa-menu-item .hs-menu-wrapper > ul,
.aa-menu-children-wrapper {
    color: var(--white);
    background-color: var(--primary);
}

.aa-bg-primary .aa-navigation--primary ul li a:hover,
.aa-navigation--secondary ul li a:hover {
    color: var(--white);
    opacity: 1;
}

.aa-navigation-container--icons {
    display: flex;
    align-items: center;
}

.aa-navigation-container--icons .aa-button {
    margin-right: 30px;
}

.aa-navigation--primary.aa-bg-primary,
.aa-navigation--primary,
.aa-site-header.is-sticky {
    ul:hover li {
        opacity: 0.5;
    }

    ul:hover .aa-mega-menu li {
        opacity: 1;
    }

    ul:hover .hs-menu-depth-1,
    ul:hover .hs-menu-depth-2 {
        opacity: 1;
    }

    /* Hover state for list items and links */
    ul li:hover {
        opacity: 1;
    }

    ul li a:hover {
        opacity: 1;
    }
}

.aa-navigation--primary .hs-menu-wrapper > ul > li {
}

body.js-nav-open {
	overflow-y: hidden;
}

.aa-navigation--hamburger {
    width: 100%;
    min-height: 100vh;
    position: fixed;
    bottom: 100%;
    right: 0;
    padding-left: var(--padding);
    padding-right: var(--padding);
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: var(--white);
    background-color: var(--primary);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: all var(--speed) var(--animation);
    z-index: 99; /* Beneath header */
}

.aa-navigation--hamburger .aa-subheading {
    margin-bottom: 35px;
    color: inherit;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .aa-navigation--hamburger .aa-subheading {
        margin-bottom: 35px;
    }
}

@media (min-width: 1200px) {
    .aa-navigation--hamburger .aa-subheading {
        margin-bottom: 45px;
    }
}

.aa-navigation--hamburger .aa-navigation__inner {
    padding-bottom: 60px;
}

@media (min-width: 1024px) {
    .aa-navigation--hamburger .aa-navigation__inner {
        padding-top: 100px;
    }
}

@media (min-width: 1200px) {
    .aa-navigation--hamburger .aa-navigation__inner {
        padding-top: 100px;
    }
}

.aa-navigation--hamburger .aa-navigation__inner .aa-subheading {
    margin-bottom: 15px;
}

@media (min-width: 1024px) {
    .aa-navigation--hamburger .aa-navigation__inner .aa-subheading {
        margin-bottom: 45px;
    }
}

@media (min-width: 1200px) {
    .aa-navigation--hamburger .aa-navigation__inner .aa-subheading {
        margin-bottom: 45px;
    }
}

.aa-navigation--hamburger .aa-navigation__inner .aa-subheading {
    margin-bottom: 15px;
}

.aa-navigation--hamburger ul {
    flex-direction: column;
}
.aa-navigation--hamburger ul li {
    padding-top: 30px;
    padding-bottom: 30px;
}

.aa-navigation--hamburger ul li a {
    display: flex;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 20px;
    line-height: 28px;
    font-weight: var(--weight-400);
    font-family: var(--heading-font);
    text-transform: initial;
}

@media (min-width: 576px) {
    .aa-navigation--hamburger ul li a {
        font-size: 28px;
        line-height: 36px;
    }
}

@media (min-width: 1200px) {
    .aa-navigation--hamburger ul li a {
        font-size: 80px;
        line-height: 90px;
    }
}

.aa-navigation--hamburger ul .aa-menu-item {
    position: relative;
}

.aa-navigation--hamburger ul .aa-menu-item::before {
    content: "";
    position: absolute;
    top: 18px;
    left: -20px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='3' viewBox='0 0 30 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='1.5' x2='30' y2='1.5' stroke='%23F0B932' stroke-width='3'/%3E%3C/svg%3E%0A");
    width: 10px;
    height: 1px;
}

.aa-navigation--hamburger ul .aa-language-menu-item a {
    font-size: 16px;
    line-height: 18px;
}

.js-nav-open .aa-navigation--hamburger {
    padding-top: calc(var(--header-height) + 45px);
    top: 0;
    bottom: 0;
}

@media (min-width: 1200px) {
    .js-nav-open .aa-navigation--hamburger {
        padding-top: var(--header-height-xl);
    }
}

.js-nav-open .aa-site-header.is-sticky + .aa-navigation--hamburger {
    padding-top: var(--sticky-header-height);
}

@media (min-width: 1024px) {
    .js-nav-open .aa-site-header.is-sticky + .aa-navigation--hamburger {
        padding-top: var(--sticky-header-height);
    }
}

.aa-navigation--hamburger .aa-navigation__inner {
    max-width: calc(var(--full-site-width) / 12 * 6);
    padding-left: 10px;
    margin-left: auto;
    margin-right: auto;
}

.aa-navigation--hamburger ul {
    /* Reset */
    padding: 0;
    margin: 0;
    list-style: none;
}

.aa-navigation--hamburger ul li {
    /* Reset */
    padding: 0;
    margin: 0;
}

.aa-navigation--hamburger ul li a {
    display: block;
    color: var(--white);
    text-decoration: none;
}

.aa-navigation--hamburger ul li a:hover,
.aa-navigation--hamburger ul li a:active,
.aa-navigation--hamburger ul li a:focus {
    color: var(--white);
}

.aa-navigation--hamburger.aa-navigation--mobile .hs-menu-depth-1 > a {
    padding: 13px 20px;
    font-size: 16px;
    line-height: 24px;
    font-weight: var(--weight-700);
}

.aa-navigation--hamburger.aa-navigation--mobile .hs-menu-depth-1 > ul {
    display: none;
    background: var(--primary);
    padding-top: 20px;
    padding-bottom: 20px;
}

.aa-navigation--hamburger.aa-navigation--mobile .hs-menu-depth-1.is-active > ul {
    display: block;
}

.aa-navigation--hamburger.aa-navigation--mobile .hs-menu-depth-2 a {
    padding: 5px 20px;
    color: var(--white);
}

.aa-navigation--hamburger.aa-navigation--mobile .hs-menu-depth-2 > ul {
    display: none;
    padding: 5px 20px;
    color: var(--white);
    background-color: var(--complementary);
}

.aa-navigation--hamburger.aa-navigation--mobile .hs-menu-depth-2.is-active > ul {
    display: block;
}

.aa-navigation--hamburger.aa-navigation--mobile .hs-item-has-children {
    position: relative;
}

.aa-navigation--hamburger.aa-navigation--mobile .hs-item-has-children > a {
    display: flex;
    align-items: center;
}

.aa-menu-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 10px;
    width: 15px;
    height: 15px;
    transition: all var(--speed) var(--animation);
}

.aa-has-submenu.is-active .aa-menu-arrow {
    transform: rotate(180deg);
}

.aa-menu-item.aa-menu-depth-1.aa-has-submenu {
    position: relative;
}

@media (min-width: 1200px) {
    .aa-menu-item.aa-menu-depth-1.aa-has-submenu::before,
    .aa-menu-item.aa-menu-depth-1.aa-has-submenu::after {
        content: "";
        position: absolute;
        right: -15px;
        top: 50%;
        width: 10px;
        height: 1px;
        background-color: var(--complementary);
    }

    .aa-menu-item.aa-menu-depth-1.aa-has-submenu::after {
        transform: rotate(90deg);
        transition: transform 0.5s ease;
    }

    .aa-menu-item.aa-menu-depth-1.aa-has-submenu:hover::before {
        display: none;
    }

    .aa-menu-item.aa-menu-depth-1.aa-has-submenu:hover::after {
        transform: rotate(180deg);
    }
}


/* Footer navigation */
.aa-navigation--footer a {
    color: var(--black);
}

.aa-navigation--footer a:hover {
    text-decoration: underline;
}

.aa-navigation--footer .hs-menu-wrapper > ul {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1200px) { 
    .aa-navigation--footer .hs-menu-wrapper > ul {
        flex-direction: row;
    }
}

.aa-navigation--footer .hs-menu-depth-1.hs-item-has-children {
    margin-bottom: 40px;
    margin-right: 40px;
}

@media (min-width: 1200px) { 
    .aa-navigation--footer .hs-menu-depth-1.hs-item-has-children {
        margin-right: 75px;
        margin-bottom: 0;
    }
}

.aa-navigation--footer .hs-menu-depth-1.hs-item-has-children > a {
    font-size: 16px;
    color: var(--primary);
}

.aa-navigation--footer .hs-menu-children-wrapper li a {
    display: flex;
}

.aa-navigation--footer .hs-menu-children-wrapper li a::before {
    content: "-";
    margin-right: 5px;
}

.aa-navigation--secondary > .aa-language-menu > ul {
    cursor: pointer;
    display: none;
}
/*-----------------------------------*\
    Pagination
\*-----------------------------------*/

/* Main pagination styles */
.aa-pagination {
    display: flex;
    padding-left: var(--padding);
    padding-right: var(--padding);
    padding-bottom: 80px;
    justify-content: center;
}

@media (min-width: 1200px) { 
    .aa-pagination {
        max-width: calc(var(--full-site-width) / 12 * 6);
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 120px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Pagination list styles */
.aa-pagination ul {
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    margin: 0;
}

.aa-pagination li {
    list-style-type: none;
}

.aa-pagination li:not(:last-of-type) {
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .aa-pagination li:not(:last-of-type) {
        margin-bottom: 0;
    }
}

/* Pagination links styles */
.aa-pagination li a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;

    font-size: 24px;
    text-decoration: none;

    background-color: transparent;
    color: var(--white);
}

.aa-pagination li a.aa-pagination--active {
    background-color: var(--complementary);
    color: var(--primary);
}

.aa-pagination li a:hover {
    background-color: rgba(var(--complementary-rgb), .70);
    color: var(--primary);
}
/*-----------------------------------*\
    Social Links
\*-----------------------------------*/

/* Social Links Container */
.aa-social-links {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Social Icon Styling */
.aa-social-links__icon {
    background-color: var(--primary);
    border-radius: 50%;
    display: inline-flex;
    height: 40px;
    width: 40px;
    margin: 0 5px;
    position: relative;
    transition: all var(--speed) var(--animation);
}

/* Hover and Focus Effects for Icons */
.aa-social-links__icon:hover,
.aa-social-links__icon:focus {
    background-color: rgba(255, 0, 0, 0.9);
}

/* Social Icon SVG Styling */
.aa-social-links__icon svg {
    fill: var(--white);
    height: 15px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}

/* Hover/Focus/Active Effects for SVG Inside Icons */
.aa-social-links__icon:hover svg,
.aa-social-links__icon:focus svg,
.aa-social-links__icon:active svg {
    fill: var(--white);
}
/*-----------------------------------*\
  Tags
\*-----------------------------------*/

/* Tags Inner Wrapper */
.aa-tags__inner {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    width: 100%;
}

/* Large breakpoint adjustments */
@media screen and (min-width: 1200px) {
    .aa-tags__inner {
        justify-content: flex-end;
        max-width: calc(var(--full-site-width) / 12 * 5);
        margin-left: auto;
        margin-right: auto;
    }
}

/* Tag Styles */
.aa-tag {
    display: flex;
    padding: 7px 20px;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 16px;
    background-color: var(--secondary-alt);
    border-radius: 8px;
    color: var(--primary);
    margin-right: 15px;
}

.aa-tag:hover {
    background-color: var(--complementary);
}

/* Current Tag Styling */
.aa-tag--current {
    background-color: var(--complementary);
    color: var(--primary);
}

/* Link Tag Hover and Current Tag Styling */
.aa-tags__inner .aa-tag {
    text-decoration: none;
    color: var(--primary);
}

.aa-tags__inner .aa-tag:hover {
    text-decoration: none;
    color: var(--primary);
}
/*-----------------------------------*\
  Videos
\*-----------------------------------*/

.aa-video {
    position: relative;
    z-index: 1;
}

.aa-video-container {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
    background-size: cover;
    background-repeat: no-repeat;
}

.aa-video-container video {
    position: absolute;
    width: 100%;
    height: 100%;
    height: auto;
    background-size: cover;
    transform: none;
    margin-left: 0;
    object-fit: cover;
}

.aa-video-container--youtube {
    padding-bottom: 0;
}

/* Video Thumbnail Styles */
.aa-video-thumbnail {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    opacity: 1;
    transition: opacity var(--speed) var(--animation);

    cursor: pointer;
}

.aa-video-thumbnail::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--black); /* Background overlay */
}

.aa-video-thumbnail.is-hidden {
    opacity: 0;
    visibility: hidden;
}

.aa-video-thumbnail + video {
    visibility: hidden;
}

.aa-video-thumbnail.is-hidden + video {
    visibility: visible;
}

/* Play Button Styles */
.aa-video-thumbnail .aa-play {
    pointer-events: none;
}

/* Play Button Styles */
.aa-play {
    /* Browser reset of <button> */
    appearance: none;
    border: 0;
    background-color: transparent;

    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 100;

    transition: all var(--speed) ease;
}

.aa-play::before {
    position: relative;
    content: '';
    display: block;
    width: 0;
    height: 0;
    margin-top: 2px;
    margin-left: 6px;
    border-style: solid;
    border-width: 17.5px 0 17.5px 23px;
    border-color: transparent transparent transparent var(--white);
    
    z-index: 100;
}

/* Hover State */
.aa-play:hover {
    cursor: pointer;
}

@media (min-width: 768px) {
    .aa-play {
        height: 80px;
        width: 80px;
    }

    .aa-play::before {
        border-width: 25px 0 25px 40px;
    }
}

/* YouTube Video Container */
.aa-youtube {
    background-color: var(--black);
    position: relative;
    padding-top: 56.25%; /* Aspect ratio for 16:9 video */
    overflow: hidden;
}

.aa-youtube::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--black);
    opacity: 0.3;
}

/* YouTube Video Image */
.aa-youtube img {
    width: 100%;
    height: auto;
    top: -16.84%;
    left: 0;
}

/* Positioning for both Image and Iframe */
.aa-youtube img,
.aa-youtube iframe {
    position: absolute;
}

/* YouTube Video Iframe */
.aa-youtube iframe {
    z-index: 2;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

/* background splitter */

.aa-video-bg-splitter {
    height: 50%;
    width: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
}

/* Modules */
/*-----------------------------------*\
	Header
\*-----------------------------------*/

.aa-site-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: var(--header-height);
    padding-left: var(--padding);
    padding-right: var(--padding);
    z-index: 100;
    transition: height var(--speed) var(--animation);
}

.aa-site-header.is-sticky {
    padding-bottom: 0;
}

@media (min-width: 992px) {
    .aa-site-header.is-sticky {
        height: var(--sticky-header-height);
        justify-content: center;
    }
}

@media (min-width: 1200px) {
    .aa-site-header {
        justify-content: flex-end;
        height: var(--header-height-xl);
        padding-bottom: 10px;
    }
}

.aa-site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

@media (min-width: 992px) {
    .aa-site-header__inner {
        max-width: 90%;
        margin-left: auto;
		margin-right: auto;
    }

	.aa-site-header.is-sticky .aa-site-header__inner {
        align-items: center;
    }
}

.aa-branding {
    display: block;
	width: 100%;
    max-width: 150px;
}

.aa-branding a {
    display: block;
}

.aa-branding svg {
    display: block;
    width: 100%;
}

.aa-branding .logo-dark {
    display: block;
}

.aa-branding .logo-light {
    display: none;
}

@media (min-width: 1200px) {
	.aa-branding {
        max-width: 220px;
    }
}

.ie .aa-branding {
    margin-left: 0;
    margin-right: 0;
}

.aa-site-header.is-sticky .aa-branding {
    max-width: 150px;
}

.aa-site-header.is-sticky .aa-branding .logo-dark {
    display: none;
}

.aa-site-header.is-sticky .aa-branding .logo-light {
    display: block;
}

.aa-site-header__hamburger {
    position: absolute;
    right: var(--padding);
    top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 1200px) {
	.aa-site-header__hamburger {
        position: static;
        margin-left: 50px;
        transform: none;
    }
}

.aa-menu-icon svg {
    display: block;
    margin-right: 15px;
    margin-left: 15px;
    fill: var(--primary);
}

.aa-menu-icon svg path {
    fill: var(--primary);
}

.icon-divider {
    border-right: 1px solid var(--complementary);
    height: 40px;
    width: 1px;
}

.aa-site-header.aa-bg-primary .aa-menu-icon svg {
    fill: var(--white);
}

.aa-site-header.aa-bg-primary .aa-menu-icon svg path {
    fill: var(--white);
}

.aa-site-header.is-sticky {
    color: var(--white);
    background: var(--primary);
}

.aa-site-header.is-sticky .aa-menu-icon svg {
    display: block;
    margin-right: 15px;
    margin-left: 15px;
    fill: var(--white);
    width: 15px;
    height: 15px;
}

.aa-site-header.is-sticky .aa-menu-icon svg path {
    fill: var(--white);
}

.aa-site-header.is-sticky .aa-button {
    display: none;
}

.aa-site-header.is-sticky .dark-logo {
    fill: var(--white);
}

.aa-site-header.is-sticky .aa-navigation--primary, .aa-navigation--secondary {
    display: flex;
    align-items: center;
}

.aa-site-header.is-sticky .aa-navigation--primary, .aa-navigation--secondary ul li a {
    font-family: var(--heading-font);
    font-size: 17px;
    line-height: 25px;
    font-weight: var(--weight-400);
    color: var(--white);
}

.aa-site-header--landing-page {
    position: relative;
}

@media (min-width: 992px) {
	.aa-site-header--landing-page {
        position: absolute;
    }
}
/*-----------------------------------*\
    Footer
\*-----------------------------------*/

.aa-site-footer {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
	padding-left: var(--padding);
	padding-right: var(--padding);
    background-color: var(--primary);
    color: var(--white);
}

.aa-site-footer__primary__inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 75px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(var(--complementary-rgb), 0.7);
}

@media (min-width: 992px) {
	.aa-site-footer__primary__inner {
        max-width: var(--full-site-width);
        margin-left: auto;
        margin-right: auto;
	}
}

.aa-site-footer__primary__header {
    width: 100%;
    padding-bottom: 20px;
}

.aa-site-footer__primary__header .aa-branding {
    margin-bottom: 20px;
}

.aa-site-footer__primary__header p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
	.aa-site-footer__primary__header {
        padding-bottom: 0;
	}
}

@media (min-width: 992px) {
	.aa-site-footer__primary__header {
        max-width: calc(var(--full-site-width) / 12 * 2);
	}

    .aa-site-footer__primary__header .aa-branding {
        margin-bottom: 45px;
    }
}

@media (min-width: 1200px) {
	.aa-site-footer__primary__header {
        max-width: calc(var(--full-site-width)/ 12 * 3);
	}
}

.aa-site-footer__primary__body {
    margin-bottom: 20px;
    width: 100%;
}

.aa-site-footer__primary__body .aa-site-footer__primary__column-info {
    max-width: calc(var(--full-site-width) / 12 * 4);
    margin-bottom: 30px;
}

@media (min-width: 992px) {
	.aa-site-footer__primary__body {
        display: flex;
        justify-content: space-between;
        margin-bottom: 0;
    }

    .aa-site-footer__primary__body .aa-site-footer__primary__column-info {
        margin-bottom: 0;
        max-width: calc(var(--full-site-width) / 12 * 2.5);
    }
}

@media (min-width: 1200px) {
	.aa-site-footer__primary__body {
        max-width: calc(var(--full-site-width) / 12 * 10);
        margin-left: auto;
        margin-right: auto;
    }

    .aa-site-footer__primary__body .aa-site-footer__primary__column-info {
        max-width: calc(var(--full-site-width) / 12 * 3.5);
    }
}

.aa-site-footer__primary__body h2,
.aa-site-footer__primary__body h3 {
    background: -webkit-linear-gradient(180deg, #E6E6DC 0%, rgba(230, 230, 220, 0.35) 100%),
    linear-gradient(0deg, #EAC363, #EAC363);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.aa-site-footer__primary__body .aa-site-footer__primary__column-adress {
    max-width: calc(var(--full-site-width) / 12 * 1.75);
    margin-bottom: 30px;
}

.aa-site-footer__primary__body .aa-site-footer__primary__column-links {
    max-width: calc(var(--full-site-width)  / 12 * 1.75);
    margin-bottom: 30px;
}

.aa-site-footer__primary__body .aa-site-footer__primary__column-links a{
    color: var(--white);
}

.aa-site-footer__primary__body .aa-site-footer__primary__column-links a:hover{
    color: rgba(var(--white-rgb), 0.7);
}

@media (min-width: 992px) {
    .aa-site-footer__primary__body .aa-site-footer__primary__column-links {
        margin-bottom: 0;
    }
}

.aa-site-footer__primary__body .aa-site-footer__primary__column-search {
    max-width: calc(var(--full-site-width) / 12 * 2.5);
}

.aa-site-footer__primary__body .aa-site-footer__primary__column-title {
    position: relative;
    margin-bottom: 20px;
    color: var(--white);
}

.aa-site-footer__primary__body .aa-site-footer__primary__column-title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -40px;
    transform: translateY(-50%);
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='3' viewBox='0 0 30 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='1.5' x2='30' y2='1.5' stroke='%23F0B932' stroke-width='3'/%3E%3C/svg%3E%0A");
    width: 18px;
    height: 2px;
}

.aa-site-footer__primary__footer {
    margin-left: 0;
}

@media (min-width: 1200px) {
    .aa-site-footer__primary__footer {
        margin-left: auto;
    }
}

/* Footer Secondary */
.aa-site-footer__secondary__inner {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 45px;
    padding-bottom: 45px;
}

@media (min-width: 768px) {
    .aa-site-footer__secondary__inner {
        align-items: center;
        flex-direction: row;
        max-width: var(--full-site-width);
        margin-left: auto;
        margin-right: auto;
    }
}

.aa-site-footer__secondary__header {
    width: 100%;
    padding-right: 0;
}

.aa-site-footer__secondary__header p,
.aa-site-footer__secondary__header a {
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
}

@media (min-width: 992px) {
    .aa-site-footer__secondary__header {
        padding-right: 40px;
    }
}

@media (min-width: 1200px) {
    .aa-site-footer__secondary__header {
        max-width: calc(var(--full-site-width) / 12 * 5);
        margin-right: calc(var(--full-site-width) / 12);
        padding-right: 0;
    }
}

.aa-site-footer__secondary__header {
    max-width: calc(var(--full-site-width) / 12 * 3);
}

.aa-site-footer__secondary__header a {
    color: var(--white);
}

.aa-site-footer__secondary__header a:hover {
    color: rgba(var(--white-rgb), 0.7);
}

.aa-site-footer__secondary__body {
    margin-left: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.aa-site-footer__secondary__body a {
    align-items: center;
    margin-right: 20px;
    padding-top:20px;
}

.aa-site-footer__secondary__body a:last-of-type {
    margin-right: 0;
}

.aa-site-footer__secondary__body .aa-social a svg {
    fill: var(--white);
}

@media (min-width: 768px) {
	.aa-site-footer__secondary__body {
        align-items: center;
        flex-direction: row;
        margin-left: auto;
	}

    .aa-site-footer__secondary__body a {
        padding-top: 0;
    }
}
/*-----------------------------------*\
    Accordion
\*-----------------------------------*/

/* Single accordion item */
.aa-accordion-item {
    margin-bottom: 20px;
}

.aa-accordion-item:last-of-type {
    margin-bottom: 0;
}

.aa-accordion-item__header,
.aa-accordion-item__body {
	padding-left: var(--padding);
	padding-right: var(--padding);
}

@media (min-width: 768px) {
	.aa-accordion-item__header,
    .aa-accordion-item__body {
        padding-left: calc(var(--full-site-width) / 12 * 0.25);
        padding-right: calc(var(--full-site-width) / 12 * 0.25);
    }
}

.aa-accordion-item__header {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 60px;
    cursor: pointer;
    user-select: none;
}

.aa-accordion-item__header::before,
.aa-accordion-item__header::after {
    content: "";
    position: absolute;
    right: 15px;
    top: calc(50% - 1px);
    width: 20px;
    height: 2px;
    background-color: var(--body-color);
}

.aa-accordion-item__header::after {
    transform: rotate(90deg);
    transition: transform .5s ease;
}

.aa-accordion-item__header.is-active::before {
    display: none;
}

.aa-accordion-item__header.is-active::after {
    transform: rotate(180deg);
}


.aa-accordion-item__body {
    display: none;
    max-width: calc(var(--full-site-width) / 12 * 6);
    padding-bottom: 40px;
}

.aa-content-color--light  .aa-accordion-item__header::before,
.aa-content-color--light  .aa-accordion-item__header::after {
    background-color: var(--text-dark);
}

.aa-content-color--dark .aa-accordion-item__header::before,
.aa-content-color--dark .aa-accordion-item__header::after {
    background-color: var(--text-light);
}

/*-----------------------------------*\
    Accordion Partnernet
\*-----------------------------------*/

.aa-accordion--partnernet {
    position: relative;
    z-index: 8;
}

.aa-accordion--partnernet-item {
    max-width: 1080px;
    margin-bottom: 20px;
}

.aa-accordion--partnernet-item:last-of-type {
    margin-bottom: 0;
}

.aa-accordion--partnernet-item__header,
.aa-accordion--partnernet-item__body {
	padding-left: var(--padding);
	padding-right: var(--padding);
}

.aa-accordion--partnernet-item__header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: var(--primary);
    transition: background-color ease-in-out 0.3s;
    cursor: pointer;
    user-select: none;
}

@media (min-width: 576px) {
	.aa-accordion--partnernet-item__header {
		padding-left: 60px;
	}
}

.aa-accordion--partnernet-item__header h4 {
    font-weight: 700;
    margin-bottom: 0;
    color: var(--white);
    transition: color ease-in-out 0.3s;
}

.aa-accordion--partnernet-item__header .accordion-readmore {
    position: relative;
    width: 28px;
    height: 28px;
    background-color: var(--complementary);
    border-radius: 50%;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
}

.aa-accordion--partnernet-item__header .accordion-readmore::after,
.aa-accordion--partnernet-item__header .accordion-readmore::before {
    content: "";
    position: absolute;
    left: 8px;
    top: calc(50% - 1px);
    width: 12px;
    height: 2px;
    background-color: var(--white);
}

.aa-accordion--partnernet-item__header .accordion-readmore::after {
    transform: rotate(90deg);
    transition: transform .5s ease;
}

.aa-accordion--partnernet-item__header.is-active {
    background-color: var(--complementary);
}

.aa-accordion--partnernet-item__header.is-active h4 {
    color: var(--primary);
}

.aa-accordion--partnernet-item__header.is-active .accordion-readmore::before {
    display: none;
}

.aa-accordion--partnernet-item__header.is-active .accordion-readmore::after {
    transform: rotate(180deg);
}

.aa-accordion--partnernet-item__body {
    display: none;
    padding-bottom: 40px;
    background-color: var(--complementary);
}

@media (min-width: 576px) {
	.aa-accordion--partnernet-item__body {
		padding-left: 60px;
	}
}

.aa-accordion--partnernet-item__body .aa-accordion--partnernet-item-content__wrapper {
    max-width: 720px;
    color: var(--primary);
}
/*-----------------------------------*\
    Cards
\*-----------------------------------*/

.aa-cards__header {
    margin-bottom: 30px;
}

.aa-cards__body {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 992px) {
    .aa-cards__header {
        margin-bottom: 60px;
    }

    .aa-cards__body {
        flex-flow: row wrap;
    }
}

@media (min-width: 1200px) {
    .aa-cards__body {
        padding-left: 0;
        padding-right: 0;
    }
}

.aa-card {
    display: flex;
    flex-direction: column;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 32px;
    transition: all var(--speed) var(--animation);
}

.aa-card:hover {
    background-color: var(--white);
    box-shadow: 0 4px 32px 0 rgba(var(--black), .1);
    text-decoration: none;
}

@media (min-width: 992px) {
    .aa-card {
        max-width: calc((100% / 12 * 4) - 22px);
        margin-right: 32px;
        margin-left: 0;
        margin-bottom: 0;
    }

    .aa-card:nth-of-type(3n + 3) {
        margin-right: 0;
    }

    .aa-card:nth-last-of-type(2) {
        margin-right: 32px;
    }

    .aa-card:last-of-type {
        margin-right: 0;
    }
}

.aa-card__image {
    display: block;
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
}

@media (min-width: 1440px) {
    .aa-card__image {
        height: 270px;
        width: 100%;
    }
}

.aa-card__header {
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.aa-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    padding: 32px 16px;
    background-color: var(--white);
    transition: all var(--speed) var(--animation);
}

@media (min-width: 1200px) {
    .aa-card__header {
        height: 350px;
    }

    .aa-card__body {
        padding: 32px;
    }
}

/* Overlay content on image */
.aa-cards--overlay-content .aa-subheading {
    margin-bottom: 60px;
}

.aa-cards--overlay-content .aa-card {
    text-decoration: none;
}

.aa-cards--overlay-content .aa-card:hover {
    box-shadow: 0 4px 32px 0 rgba(var(--black-rgb), .1);
    text-decoration: none;
}

.aa-cards--overlay-content .aa-card__body {
    position: relative;
    background-color: transparent;
    z-index: 10;
}

/* Displaying two cards in same row */

@media (min-width: 992px) {
    .aa-cards--two .aa-card {
        max-width: calc( 100% / 2 - 30px / 2);
        margin-right: 30px;
    }

    .aa-cards--two .aa-card:last-of-type {
        margin-right: 0;
    }
}

// Displaying four cards in same row

@media (min-width: 576px) {
    .aa-cards--four .aa-card {
        max-width: calc( 100% / 2 - 30px / 2);
        margin-right: 30px;
    }

    .aa-cards--four .aa-card:nth-of-type(2n+2) {
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .aa-cards--four .aa-card {
        max-width: calc( 100% / 4 - 90px / 4);
        margin-right: 30px;
    }

    .aa-cards--four .aa-card:nth-of-type(2n+2){
        margin-right: 30px;
    }

    .aa-cards--four .aa-card:last-of-type {
        margin-right: 0;
    }
}

/* Modifier for display of blog posts */
.aa-cards--articles .aa-card__title {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 30px;
    font-family: var(--h3-font-family);
    font-weight: var(--h3-font-weight);
    font-style: var(--h3-font-style);
    text-decoration: var(--h3-text-decoration);
    color: var(--body-color);
    text-decoration: none;
}

@media (min-width: 992px) {
    .aa-cards--articles .aa-card__title {
        font-size: 24px;
        line-height: 32px;
    }
}

.aa-cards--articles .aa-card__title:hover {
    text-decoration: underline;
}

.aa-cards--articles .aa-card__text {
    margin-bottom: 25px;
    color: var(--body-color);
}

.aa-cards--articles .aa-card__date {
    display: block;
    margin-bottom: 15px;
}

.aa-cards--articles .aa-card__author {
    margin-top: auto;
}
/*-----------------------------------*\
    Columns
\*-----------------------------------*/

.aa-columns {
    position: relative;
    z-index: 1;
}

.aa-columns .aa-inner {
    flex-direction: column;
    max-width: var(--full-site-width);
}

.aa-columns__body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.aa-column__body {
    margin-bottom: 20px;
}

.aa-column--text {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px;
    padding-top: 60px;
}

@media (min-width: 992px) {
    .aa-column {
        width: calc(100% / 2);
        padding-left: 0;
        padding-right: 0;
    }

    .aa-column--text{
        max-width: calc(var(--full-site-width) / 12 * 4);
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 80px;
        padding-top: 80px;
    }
}

@media (min-width: 1200px) {
    .aa-column--text {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 100px;
        padding-top: 100px;
    }
}

.aa-column--image {
    align-self: stretch;
    min-height: 500px;
}

.aa-column--image img {
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.aa-columns-image .aa-column--image {
    padding-top: 40px;
    min-height: 200px;
}

.aa-columns__body + .aa-columns__body {
    margin-top: 60px;
}

@media (min-width: 768px) {
    .aa-columns__body:nth-of-type(odd) {
        flex-direction: row-reverse;
    }
    .aa-columns__body:nth-of-type(even) {
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .aa-columns-image .aa-column--image {
        padding-top: 50px;
    }
}

@media (min-width: 1440px) {
    .aa-columns-image .aa-column--image {
        padding-top: 64px;
    }
}

/* Modifiers */

.aa-columns--no-spacing .aa-columns__body + .aa-columns__body {
    margin-top: 0;
}

.aa-columns--no-spacing .aa-columns__body {
    align-items: stretch;
}

.aa-columns--no-spacing .aa-columns__body .aa-column--image {
    margin-bottom: 0;
    align-self: stretch;
    min-height: 300px;
}

@media (min-width: 768px) {
	.aa-columns--reversed .aa-columns__body:nth-of-type(odd) {
        flex-direction: row;
    }
    
    .aa-columns--reversed .aa-columns__body:nth-of-type(even) {
        flex-direction: row-reverse;
    }
}

/* background splitter */

.aa-column-bg-splitter {
    height: 20%;
    width: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
}
/*-----------------------------------*\
    AA - Focus box
\*-----------------------------------*/

.aa-focus-box.aa-bg-overlay-gradient--primary:before {
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 0.9) 25.55%, rgba(var(--primary-rgb), 0.5) 100%);
}

.aa-focus-box.aa-bg-overlay-gradient--secondary:before {
    background: linear-gradient(90deg, rgba(var(--secondary-rgb), 0.9) 25.55%, rgba(var(--secondary-rgb), 0.5) 100%);
}

.aa-focus-box.aa-bg-overlay-gradient--complementary:before {
    background: linear-gradient(90deg, rgba(var(--complementary-rgb), 0.9) 25.55%, rgba(var(--complementary-rgb), 0.5) 100%);
}

.aa-focus-box.aa-bg-overlay-gradient--light:before {
    background: linear-gradient(90deg, rgba(var(--light-rgb), 0.9) 25.55%, rgba(var(--light-rgb), 0.5) 100%);
}

.aa-focus-box.aa-bg-overlay-gradient--dark:before {
    background: linear-gradient(90deg, rgba(var(--dark-rgb), 0.9) 25.55%, rgba(var(--dark-rgb), 0.5) 100%);
}

.aa-focus-box.aa-bg-overlay-gradient--white:before {
    background: linear-gradient(90deg, rgba(var(--white-rgb), 0.9) 25.55%, rgba(var(--white-rgb), 0.5) 100%);
}

.aa-focus-box.aa-bg-overlay-gradient--secondary-alt:before {
    background: linear-gradient(180deg, rgba(230, 230, 220, 0.79) 0%, #E6E6DC 100%);
}

.aa-focus-box__header,
.aa-focus-box__body {
    margin-bottom: 20px;
}

.aa-focus-box__header:last-child,
.aa-focus-box__body:last-child {
    margin-bottom: 0;
}

.aa-focus-box__header .aa-subheading,
.aa-focus-box__body .aa-subheading {
    color: var(--complementary);
}
/*-----------------------------------*\
    AA - Form
\*-----------------------------------*/

.aa-form__column__inner {
    width: 100%;
}

.aa-form__header {
    margin-bottom: 20px;
}

@media (min-width: 576px) {
    .aa-form__column:first-of-type {
        padding-right: 30px;
    }
}

@media (min-width: 768px) {
    .aa-form .aa-content {
        display: flex;
        flex-direction: row;
    }
    
    .aa-form__column {
        width: calc(100% / 2);
    }
}

@media (min-width: 992px) {
    .aa-form__column:first-of-type {
        padding-right: 0;
    }

    .aa-form__column__inner {
        max-width: calc(var(--full-site-width) / 12 * 4);
        margin-left: auto;
        margin-right: auto;
    }

	.aa-form__header {
        margin-bottom: 30px;
    }
}

.aa-form--one-column .aa-content {
    flex-direction: column;
    align-items: center;
}
/*-----------------------------------*\
AA - Hero
\*-----------------------------------*/

.aa-hero {
    position: relative;
    z-index: 1;
}

.aa-hero .aa-inner {
    max-width: var(--full-site-width);
	padding-left: var(--padding);
	padding-right: var(--padding);
}

.aa-hero .aa-inner__content {
    position: relative;
    display: flex;
    z-index: 10;
    max-width: calc(var(--full-site-width) / 12 * 10);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.aa-hero__header,
.aa-hero__body {
    margin-bottom: 30px;
}

.aa-hero__header:last-child,
.aa-hero__body:last-child {
    margin-bottom: 0;
}

/* background splitter */

.aa-hero-bg-splitter {
    height: 40%;
    width: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
}

.aa-hero-front .aa-hero-bg-splitter {
    height: 45%;
}

/*-----------------------------------*\
AA - Hero front
\*-----------------------------------*/

.aa-hero-front {
    flex-direction: column;
}

.aa-hero-front .aa-inner .aa-hero__header h2,
.aa-hero-front .aa-inner .aa-hero__header h3,
.aa-hero-front .aa-inner .aa-hero__header .aa-title {
    background: -webkit-linear-gradient(180deg, #E6E6DC 0%, rgba(230, 230, 220, 0.35) 100%),
    linear-gradient(0deg, #EAC363, #EAC363);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5));
}

@media (min-width: 992px) {
	.aa-hero-front .aa-inner .aa-hero__header h2,
    .aa-hero-front .aa-inner .aa-hero__header h3,
    .aa-hero-front .aa-inner .aa-hero__header .aa-title {
        line-height: 78px;
    }
}

.aa-hero-front .aa-inner--parallax {
    background-attachment: fixed;
}

.aa-hero-front .aa-hero__body {
    margin-bottom: 60px;
}

.aa-hero-front-cta-container {
    position: relative;
    z-index: 12;
    margin-top: -150px;
    max-width: calc(var(--full-site-width) / 12 * 10);
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
	.aa-hero-front-cta-container {
        display: flex;
    }
}

@media (min-width: 992px) {
	.aa-hero-front-cta-container {
        width: 90%;
    }
}

@media (min-width: 1440px) {
	.aa-hero-front-cta-container {
        width: 100%;
    }
}

.aa-hero-front-cta {
    position: relative;
    width: 100%;
}

.aa-hero-front-cta:hover .aa-hero-front-cta-image__container {
    transform: scale(1.3);
}

@media (min-width: 768px) {
	.aa-hero-front-cta {
        max-width: 50%;
    }
}

.aa-hero-front-cta-image {
    min-height: 300px;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.aa-hero-front-cta-image__container {
    min-height: 300px;
    height: 100%;
    width: 100%;
    padding: 70px 50px;
    transition: all .4s;
}

.aa-hero-front-cta__inner {
    position: absolute;
    top: 50px;
    left: 20px;
    z-index: 12;
    max-width: calc(var(--full-site-width) / 12 * 2.5);
}

@media (min-width: 576px) {
	.aa-hero-front-cta__inner {
        left: 70px;
    }
}
/*-----------------------------------*\
  Image
\*-----------------------------------*/

@media (min-width: 992px) {
	.aa-image .aa-content-width--narrow {
        max-width: calc(var(--full-site-width) / 12 * 8);
    }
    
    .aa-image .aa-content-width--normal {
        max-width: calc(var(--full-site-width) / 12 * 10);
    }
    
    .aa-image .aa-content-width--wide {
        max-width: calc(var(--full-site-width) / 12 * 12);
    }
}

.aa-image .aa-content {
    margin-left: auto;
    margin-right: auto;
}
/*-----------------------------------*\
    AA - Panels
\*-----------------------------------*/

.aa-panels {
    padding-left: 0;
    padding-right: 0;
}

.aa-panels__inner {
    width: 100%;
    display: flex;
    flex-direction: column;
}

@media (min-width: 992px) {
    .aa-panels__inner {
        flex-direction: row;
    }
}

.aa-panels__header,
.aa-panels__body {
    position: relative;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 80px;
    padding-left: $padding;
    padding-right: $padding;
}

@media (min-width: 992px) {
    .aa-panels__header,
    .aa-panels__body {
        padding-top: 200px;
        padding-bottom: 120px;
    }
}

@media (min-width: 1200px) {
    .aa-panels__header,
    .aa-panels__body {
        padding-left: 0;
        padding-right: 0;
    }
}

.aa-panels__header-content {
    max-width: 100%;
    width: 100%;
}

@media (min-width: 576px) {
    .aa-panels__header-content {
        max-width: calc(var(--full-site-width) / 12 * 4);
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 992px) {
    .aa-panels__header-content {
        max-width: calc(var(--full-site-width) / 12 * 4.5);
        margin-right: 40px;
    }
}

.aa-panels__body-content {
    position: relative;
    z-index: 12;
    background-color: var(--white);
}

@media (min-width: 576px) {
    .aa-panels__body-content {
        max-width: calc(var(--full-site-width) / 12 * 4);
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 992px) {
    .aa-panels__body-content {
        max-width: calc(var(--full-site-width) / 12 * 4);
    }
}

.aa-panels__form {
    display: flex;
    flex-direction: column;
    padding: 32px 16px;
    width: 100%;
    background-color: var(--white);
}

.aa-panels__form .hs-form input[type=submit] {
    width: 100%;
}

.aa-panels__form .aa-panels__form__header {
    margin-bottom: 20px;
    text-align: center;
}

@media (min-width: 992px) {
    .aa-panels__form {
        padding: 60px 50px;
    }
}
/*-----------------------------------*\
    Quote
\*-----------------------------------*/

.aa-quote__header {
    margin-bottom: 20px;
}

.aa-quote__header .aa-subheading {
    color: var(--complementary);
}

.aa-quote__body {
    margin-bottom: 40px;
}

.aa-quote__body blockquote {
    margin-top: 0;
}

.aa-quote__footer {
    display: flex;
    flex-direction: column;
}

.aa-quote__image {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    border-radius: 50%;
}

.aa-quote__name {
    font-family: var(--heading-font);
    font-style: italic;
    font-weight: var(--weight-400);
    font-size: 25px;
    line-height: 33px;
}

.aa-quote__title,
.aa-quote__company {
    color: var(--complementary);
    font-weight: var(--weight-700);
    font-size: 14px;
    line-height: 16px;
}

.aa-content-alignment--center .aa-quote__image {
    align-self: center;
}
/*-----------------------------------*\
  AA - Rich Text
\*-----------------------------------*/

.aa-text__header,
.aa-text__body {
    margin-bottom: 20px;
}

.aa-text__header:last-child,
.aa-text__body:last-child {
    margin-bottom: 0;
}

/* modifier columns version */
.aa-text--columns .aa-text__body {
    display: block;
}

@media (min-width: 768px) {
    .aa-text--columns .aa-text__body {
        display: flex;
    }
}

.aa-text--columns .aa-text-column:first-of-type {
    margin-right: 30px;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .aa-text--columns .aa-text-column:first-of-type {
        margin-bottom: 0;
    }
}

/* Modifier for overlapping content */
.aa-text--overlap {
    min-height: 720px;
}

.aa-text--overlap .aa-inner {
    margin-top: 100px;
}
/*-----------------------------------*\
    AA - Video
\*-----------------------------------*/

.aa-video .aa-content-width--narrow {
    max-width: 100%;
}

@media (min-width: 992px) {
    .aa-video .aa-content-width--narrow {
        max-width: calc(100% / 12 * 8);
    }
}

.aa-video .aa-content-width--normal {
    max-width: 100%;
}

@media (min-width: 992px) {
    .aa-video .aa-content-width--normal {
        max-width: calc(100% / 12 * 10);
    }
}

.aa-video .aa-content-width--wide {
    max-width: 100%;
}

@media (min-width: 992px) {
    .aa-video .aa-content-width--wide {
        max-width: calc(100% / 12 * 12);
    }
}

.aa-video .aa-content {
    margin-left: auto;
    margin-right: auto;
}
/*-----------------------------------*\
    Blog posts
\*-----------------------------------*/

.aa-article-cards {
	padding-left: var(--padding);
	padding-right: var(--padding);
}

.aa-article-cards .aa-inner {
	flex-direction: column;
}

.aa-article-cards__header {
	margin-bottom: 50px;
}

.aa-article-cards__header .aa-article-cards__title {
	margin-bottom: 15px;
}

@media (min-width: 576px) {
	.aa-article-cards__header {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.aa-article-cards__header .aa-article-cards__title {
		margin-bottom: 0;
	}
}

.aa-article-cards__body {
	display: flex;
	flex-wrap: wrap;
	max-width: calc(var(--full-site-width) / 12 * 10);
}

.aa-article-card {
    display: flex;
	flex-direction: column;
	max-width: 420px;
    width: 100%;
	margin-bottom: 32px;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
	position: relative;
	background-color: transparent;
    transition: all var(--speed) var(--animation);
}

.aa-article-card::before {
	content: '';
	display: block;
	position: absolute;
	top: -15px;
	bottom: -15px;
	left: -15px;
	right: -15px;
	background-color: transparent;
	box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1);
	opacity: 0;
	transition: all var(--speed) var(--animation);
}

.aa-article-card:hover::before {
	opacity: 1;
}

@media (min-width: 992px) {
	.aa-article-card {
		max-width: calc(100% / 3 - 60px / 3);
		margin-right: 30px;
		margin-left: 0;
	}

	.aa-article-card:nth-of-type(3n + 3) {
		margin-right: 0;
	}

	.aa-article-card:last-of-type {
		margin-right: 0;
	}
}

.aa-article-card__image {
	position: relative;
	min-height: 190px;
	width: 100%;
}

.aa-article-card__body {
	position: relative;
	padding: 25px 40px;
	text-decoration: none;
}

.aa-article-card__body .aa-subheading {
	position: relative;
	display: block;
	color: var(--complementary);
	font-size: 10px;
	line-height: 11px;
	margin-bottom: 15px;
}

.aa-article-card__body .aa-subheading::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -40px;
	transform: translateY(-50%);
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='1' viewBox='0 0 18 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='0.5' x2='18' y2='0.5' stroke='%23F0B932'/%3E%3C/svg%3E%0A");
	width: 18px;
	height: 1px;
}

.aa-article-card__body .aa-article-card__title {
	display: block;
	margin-bottom: 5px;
	text-decoration: none;
	font-weight: var(--weight-700);
	font-size: 16px;
	line-height: 22px;
}

.aa-article-cards__footer .aa-article-cards__button {
	text-align: center;
	margin-top: 30px;
}

.aa-article-cards.aa-module-width--page {
	margin-bottom: 80px;
}

@media (min-width: 992px) {
	.aa-article-cards__footer .aa-article-cards__button {
		margin-top: 50px;
	}

	.aa-article-cards.aa-module-width--page {
		margin-bottom: 120px;
	}
}
/*-----------------------------------*\
  Blog Header
\*-----------------------------------*/

.aa-blog-header {
    width: 100%;
	padding-left: var(--padding);
	padding-right: var(--padding);
}

.aa-blog-header__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 30px;
}

@media (min-width: 992px) {
    .aa-blog-header__inner {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        max-width: calc(var(--full-site-width) / 12 * 10);
        margin-left: auto;
        margin-right: auto;
        padding-top: 80px;
    }
}

@media (min-width: 1440px) {
    .aa-blog-header__inner {
        padding-left: 0;
        padding-right: 0;
        padding-top: 100px;
        padding-bottom: 40px;
    }
}

.aa-blog-header__inner .aa-blog-header__title {
    color: var(--white);
}
.aa-anchor-menu {
	padding-left: var(--padding);
	padding-right: var(--padding);
}

.aa-anchor-menu__header {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.aa-anchor-link {
	font-family: var(--heading-font);
	font-size: 17px;
	line-height: 45px;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid var(--white);
	margin-right: 15px;
}

.aa-anchor-link:last-of-type {
	margin-right: 0;
}

.aa-anchor-link:hover {
	border-bottom: 1px solid var(--complementary);
}

.aa-anchor-link--divider {
	margin-right: 15px;
}

/* scroll */

.fixed.aa-anchor-menu {
	position: fixed;
	width: 100%;
	top: 75px;
	z-index: 13;
	box-shadow: 0 0 6px 0 rgba(175, 171, 171, 0.4);
	background-color: var(--white);
	padding-top: 20px;
	padding-bottom: 20px;
}

@media (min-width: 992px) {
	.fixed.aa-anchor-menu {
		top: 55px;
	}
}

//active state

.aa-anchor-link.is-active {
	border-bottom: 1px solid var(--complementary);
}
.aa-info-boxes {
	padding-left: var(--padding);
	padding-right: var(--padding);
}

.aa-info-boxes .aa-inner {
	flex-direction: column;
}

.aa-info-boxes__header {
	margin-bottom: 30px;
}

.aa-info-boxes__body {
	max-width: calc(var(--full-site-width) / 12 * 10);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
}

.aa-info-box {
	display: flex;
	position: relative;
	min-height: 270px;
	width: 100%;
	margin-top: 30px;
	padding-top: 65px;
	padding-left: 40px;
	padding-right: 60px;
	padding-bottom: 30px;
}

.aa-info-box:last-of-type {
	margin-right: 0;
}

.aa-info-box::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(43, 106, 77, 0.8) 0%, rgba(21, 60, 42, 0.8) 100%);
}

@media (min-width: 576px) {
	.aa-info-box {
		max-width: calc(100%/2 - 30px/2);
		margin-right: 30px;
	}

	.aa-info-box:nth-of-type(2n+2) {
		margin-right: 0;
	}

	.aa-info-box:nth-of-type(-n+2) {
		margin-top: 0;
	}
}

@media (min-width: 992px) {
	.aa-info-box {
		max-width: calc(100%/3 - 60px/ 3);
	}

	.aa-info-box:nth-of-type(2n+2) {
		margin-right: 30px;
	}

	.aa-info-box:nth-of-type(-n+2) {
		margin-top: 30px;
	}

	.aa-info-box:nth-of-type(3n+3) {
		margin-right: 0;
	}

	.aa-info-box:nth-of-type(-n+3) {
		margin-top: 0;
	}
}

.aa-info-box__inner {
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 10;
}

.aa-info-box__body {
	margin-top: auto;
}

/* modifiers */

.aa-info-boxes--large .aa-info-box {
	min-height: 430px;
	display: flex;
	align-items: flex-end;
}
.aa-info-numbers {
	padding-left: var(--padding);
	padding-right: var(--padding);
}

.aa-info-numbers .aa-inner {
	max-width: calc(var(--full-site-width) / 12 * 11);
}

.aa-info-numbers__body {
	max-width: calc(var(--full-site-width) / 12 * 11);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {
	.aa-info-numbers__body {
		display: flex;
	}
}

.aa-info-number__item {
	width: 100%;
	display: flex;
	flex-direction: column;
	border-top: 3px solid var(--complementary);
	padding-top: 25px;
	margin-top: 25px;
}

.aa-info-number__item:first-of-type {
	margin-top: 0;
}

@media (min-width: 768px) {
	.aa-info-number__item {
		max-width: calc(100% / 4 - 75px / 4);
		margin-right: 25px;
		margin-top: 0;
	}

	.aa-info-number__item:last-of-type {
		margin-right: 0;
	}
}

.aa-info-number__item .aa-subheading {
	text-transform: initial;
	color: inherit;
}

.aa-info-number__item .aa-info-number {
	margin-bottom: 20px;
    font-size: 40px;
    line-height: 46px;
    font-family: var(--h1-font-family);
    font-weight: var(--h1-font-weight);
    font-style: var(--h1-font-style);
    text-decoration: var(--h1-text-decoration);
}

@media (min-width: 992px) {
    .aa-info-number__item .aa-info-number {
        font-size: 65px;
        line-height: 71px;
    }
}

.aa-info-number__item .aa-info-number__content {
	margin-top: auto;
}
.aa-jobs {
	position: relative;
	z-index: 1;
	padding-left: var(--padding);
	padding-right: var(--padding);
}

.aa-jobs .aa-inner {
	position: relative;
	z-index: 10;
	max-width: var(--full-site-width);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	flex-direction: column;
}

.aa-jobs .aa-inner .aa-jobs-item {
	text-decoration: none;
}

.aa-jobs__header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
}

.aa-jobs__header h2 {
	margin-bottom: 0;
}

.aa-jobs__body {
	max-width: var(--full-site-width);
	width: 100%;
}

@media (min-width: 992px) {
	.aa-jobs__body {
		display: flex;
	}
}

.aa-jobs-item {
	display: flex;
	position: relative;
	min-height: 505px;
	max-width: 450px;
	width: 100%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

.aa-jobs-item:first-of-type {
	margin-top: 0;
}

@media (min-width: 992px) {
    .aa-jobs-item {
		max-width: calc(100% / 3 - 40px / 3);
		margin-right: 20px;
		margin-top: 0;
	}

	.aa-jobs-item:last-of-type {
		margin-right: 0;
	}
}

.aa-jobs-item__inner {
	position: relative;
	z-index: 12;
	margin-top: auto;
	padding-left: 80px;
	padding-right: 45px;
	padding-bottom: 40px;
}

@media (min-width: 992px) {
    .aa-jobs-item__inner {
        padding-bottom: 50px;
    }
}

@media (min-width: 1440px) {
    .aa-jobs-item__inner {
        padding-bottom: 64px;
    }
}

.aa-jobs-item__title {
	position: relative;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 30px;
    font-family: var(--h3-font-family);
    font-weight: var(--h3-font-weight);
    font-style: var(--h3-font-style);
    text-decoration: var(--h3-text-decoration);
}

@media (min-width: 992px) {
    .aa-jobs-item__title {
        font-size: 24px;
        line-height: 32px;
    }
}

.aa-jobs-item__title::before {
	content: "";
	position: absolute;
	width: 22px;
	height: 2px;
	top: 15px;
	left: -35px;
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='2' viewBox='0 0 22 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.148438' y1='0.516602' x2='21.6629' y2='0.516602' stroke='%23F0B932'/%3E%3C/svg%3E");
}

.aa-jobs-item__position {
	display: block;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: var(--weight-700);
}

@media (min-width: 992px) {
    .aa-jobs-item__position {
        margin-bottom: 20px;
    }
}

/* Job overlays */

.aa-jobs-item-overlay::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transition: opacity 0.4s;
	opacity: 0.8;
}

.aa-jobs-item-overlay::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transition: opacity 0.4s;
	opacity: 0;
}

.aa-jobs-item-overlay:hover::after {
	opacity: 0;
}

.aa-jobs-item-overlay:hover::before {
	opacity: 1;
}

/* Job overlay variations */

.aa-jobs-item-overlay--primary .aa-jobs-item__title,
.aa-jobs-item-overlay--primary .aa-jobs-item__position,
.aa-jobs-item-overlay--primary .aa-jobs-item__quote {
	color: var(--white);
}

.aa-jobs-item-overlay--primary::after {
	background: var(--primary);
}

.aa-jobs-item-overlay--primary::before {
	background: linear-gradient(31.96deg, var(--primary) 8.51%, rgba(21, 60, 42, 0.22) 62.66%);
}


.aa-jobs-item-overlay--complementary .aa-jobs-item__title,
.aa-jobs-item-overlay--complementary .aa-jobs-item__position,
.aa-jobs-item-overlay--complementary .aa-jobs-item__quote {
	color: var(--primary);
}

.aa-jobs-item-overlay--complementary:hover .aa-jobs-item__title,
.aa-jobs-item-overlay--complementary:hover .aa-jobs-item__position,
.aa-jobs-item-overlay--complementary:hover .aa-jobs-item__quote {
	color: var(--primary);
}

.aa-jobs-item-overlay--complementary::after{
	background: var(--complementary);
}

.aa-jobs-item-overlay--complementary::before{
	background: linear-gradient(31.96deg, var(--complementary) 8.51%, rgba(21, 60, 42, 0.22) 62.66%);
}

.aa-jobs-item-overlay--complementary .aa-jobs-item__title::before {
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='2' viewBox='0 0 22 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.0507812' y1='0.516602' x2='21.5652' y2='0.516602' stroke='white'/%3E%3C/svg%3E");
}

.aa-jobs-item-overlay--secondary-alt:hover .aa-jobs-item__title,
.aa-jobs-item-overlay--secondary-alt:hover .aa-jobs-item__position,
.aa-jobs-item-overlay--secondary-alt:hover .aa-jobs-item__quote {
	color: var(--primary);
}

.aa-jobs-item-overlay--secondary-alt::after {
	background: var(--secondary-alt);
}

.aa-jobs-item-overlay--secondary-alt::before {
	background: linear-gradient(31.96deg, var(--secondary-alt) 8.51%, rgba(21, 60, 42, 0.22) 62.66%);
}

.aa-jobs-item-overlay--secondary-alt .aa-jobs-item__title,
.aa-jobs-item-overlay--secondary-alt .aa-jobs-item__position,
.aa-jobs-item-overlay--secondary-alt .aa-jobs-item__quote {
	color: var(--primary);
}

/* background splitter */

.aa-jobs-bg-splitter {
    height: 25%;
    width: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
}
.aa-quote-extended {
    position: relative;
    z-index: 1;
    padding-left: var(--padding);
    padding-right: var(--padding);
    min-height: 600px;
}

.aa-quote-extended .aa-inner {
    max-width: var(--full-site-width);
    padding-left: 20px;
}

@media (min-width: 576px) {
    .aa-quote-extended .aa-inner {
        padding-left: 80px;
    }
}

@media (min-width: 1440px) {
    .aa-quote-extended .aa-inner {
        padding-left: 160px;
    }
}

.aa-quote-extended .aa-content {
    display: block;
}

@media (min-width: 992px) {
    .aa-quote-extended .aa-content {
        display: flex;
        flex-direction: row;
    }
}

.aa-quote-extended__header {
    max-width: calc(var(--full-site-width) / 12 * 4);
    color: var(--secondary-alt);
}

@media (min-width: 1440px) {
    .aa-quote-extended__header {
        max-width: calc(var(--full-site-width) / 12 * 5);
    }
}

.aa-quote-extended__header h1,
.aa-quote-extended__header h2,
.aa-quote-extended__header h3,
.aa-quote-extended__header h4,
.aa-quote-extended__header h5,
.aa-quote-extended__header h6 {
    position: relative;
    color: var(--secondary-alt);
    margin-bottom: 30px;
}

.aa-quote-extended__header h1::before,
.aa-quote-extended__header h2::before,
.aa-quote-extended__header h3::before,
.aa-quote-extended__header h4::before,
.aa-quote-extended__header h5::before,
.aa-quote-extended__header h6::before {
    content: "“";
    position: absolute;
    top: -10px;
    left: -10px;
    font-size: 130px;
    color: var(--complementary);
    font-family: var(--heading-font);
}

@media (min-width: 576px) { /* sm breakpoint */
    .aa-quote-extended__header h1::before,
    .aa-quote-extended__header h2::before,
    .aa-quote-extended__header h3::before,
    .aa-quote-extended__header h4::before,
    .aa-quote-extended__header h5::before,
    .aa-quote-extended__header h6::before {
        top: 0;
        left: -50px;
    }
}

.aa-quote-extended__header blockquote {
    margin-top: 0;
    font-family: var(--heading-font);
    font-style: italic;
    font-weight: var(--weight-400);
    font-size: 25px;
    line-height: 33px;
}

.aa-quote-extended__body {
    width: 100%;
    margin-bottom: 40px;
}

@media (min-width: 576px) {
    .aa-quote-extended__body {
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .aa-quote-extended__body {
        margin-left: 60px;
    }
}

@media (min-width: 1440px) {
    .aa-quote-extended__body {
        margin-left: 120px;
    }
}

.aa-quote-extended__body img {
    max-height: 500px;
    max-width: 560px;
}

@media (min-width: 992px) {
    .aa-quote-extended__body img {
        max-height: 580px;
        margin-top: -30px;
    }
}

@media (min-width: 1200px) {
    .aa-quote-extended__body img {
        margin-top: -50px;
    }
}

.aa-quote-extended__author-box {
    margin-top: -110px;
    margin-bottom: -80px;
    position: relative;
    padding-left: 50px;
    padding-top: 55px;
    padding-bottom: 50px;
    
    background-color: var(--complementary);
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.2);
    border-left: 8px solid var(--primary);
}

@media (min-width: 992px) {
    .aa-quote-extended__author-box {
        margin-top: -95px;
    }
}

@media (min-width: 1200px) {
    .aa-quote-extended__author-box {
        margin-top: -110px;
        margin-bottom: -40px;
    }
}

.aa-quote-extended__author-box h3 {
    margin-bottom: 0;
}

/* background splitters */

.aa-quote-extended-bg-splitter {
    height: 25%;
    width: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
}
.aa-applications {
	padding-left: auto;
	padding-right: auto;
}

.aa-applications .aa-inner {
	max-width: var(--full-site-width);
	margin-left: auto;
	margin-right: auto;
	flex-direction: column;
}

.aa-applications__header {
	max-width: var(--full-site-width);
	width: 100%;
	margin-bottom: 30px;
}

.aa-applications__body {
	max-width: var(--full-site-width);
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.aa-applications-item {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 420px;
	width: 100%;
	margin-top: 25px;
	padding: 20px;
}

.aa-applications-item:first-of-type {
	margin-top: 0;
}

.aa-applications-item:last-of-type {
	margin-right: 0;
}

.aa-applications-item:hover .aa-applications-item__tags {
	visibility: visible;
	opacity: 1;
}

.aa-applications-item:hover .aa-applications-item__content {
	margin-bottom: 120px;
}

@media (min-width: 576px) {
	.aa-applications-item:hover .aa-applications-item__content {
		margin-bottom: 0;
	}
}

@media (min-width: 768px) {
	.aa-applications-item {
		max-width: calc(100%/2 - 20px/2 );
		margin-right: 20px;
	}

	.aa-applications-item:nth-of-type(2n+2) {
		margin-right: 0;
	}

	.aa-applications-item:nth-of-type(-n+2) {
		margin-top: 0;
	}
}

@media (min-width: 1200px) {
	.aa-applications-item {
		max-width: calc(100%/3 - 40px/3 );
	}

	.aa-applications-item:nth-of-type(2n+2) {
		margin-right: 20px;
	}

	.aa-applications-item:nth-of-type(-n+2) {
		margin-top: 25px;
	}

	.aa-applications-item:nth-of-type(3n+3) {
		margin-right: 0;
	}

	.aa-applications-item:nth-of-type(-n+3) {
		margin-top: 0;
	}
}

.aa-applications-item__content,
.aa-applications-item__tags {
	position: relative;
	z-index: 12;
	transition: all ease-in-out 0.3s;
	text-align: center;
}

.aa-applications-item__title {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 34px;
    font-family: var(--h2-font-family);
    font-weight: var(--h2-font-weight);
    font-style: var(--h2-font-style);
    text-decoration: var(--h2-text-decoration);
	text-decoration: none;
}

@media (min-width: 992px) {
    .aa-applications-item__title {
        margin-bottom: 30px;
        font-size: 36px;
        line-height: 36px;
    }
}

.aa-applications-item.aa-content-color--light .aa-applications-item__title {
	color: var(--white);
	text-decoration: none;
}

.aa-applications-item__tags {
	max-width: 100%;
	position: absolute;
	bottom: 15px;
	left: 15px;
	visibility: hidden;
	opacity: 0;
	display: flex;
	flex-wrap: wrap;
}

.aa-applications-item__tag {
	padding: 7px 14px;
	background-color: var(--complementary);
	border-radius: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 14px;
}

a.aa-applications-item__tag {
	text-decoration: none;
}

.aa-applications-item--overlay {
	position: relative;
}

.aa-applications-item--overlay::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition: all ease-in-out 0.3s;
}

.aa-applications-item--overlay:hover::after {
	opacity: 0;
}

/* overlay modifiers */

.aa-applications-item--overlay-primary::after {
	background: linear-gradient(50.82deg, #153C2A 0%, rgba(46, 106, 78, 0.68) 96.92%);
}

.aa-applications-item--overlay-complementary::after {
	background: linear-gradient(50.82deg, #F0B932 0%, rgba(240, 185, 50, 0.68) 96.92%);
}

.aa-applications-item--overlay-white::after {
	background: linear-gradient(52.02deg, #CACABF 0%, rgba(230, 230, 220, 0.68) 87.24%);
}
.aa-team-cards {
    padding-left: var(--padding);
    padding-right: var(--padding);
}

.aa-team-cards .aa-inner {
    flex-direction: column;
}

.aa-team-cards__header {
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.aa-team-cards__body {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.aa-team-card {
    margin-top: 30px;
}

.aa-team-card:first-of-type {
    margin-top: 0;
}

.aa-team-card:last-of-type {
    margin-right: 0;
}

.aa-team-card:nth-of-type(-n+2) {
    margin-top: 0;
}

.aa-team-card:nth-of-type(2n+2) {
    margin-right: 0;
}

@media (min-width: 576px) {
    .aa-team-card {
        max-width: calc(100%/2 - 30px/2);
        margin-right: 30px;
    }

    .aa-team-card:nth-of-type(-n+2) {
        margin-top: 0;
    }

    .aa-team-card:nth-of-type(2n+2) {
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .aa-team-card {
        max-width: calc(100%/3 - 60px/3);
    }

    .aa-team-card:nth-of-type(2n+2) {
        margin-right: 30px;
    }

    .aa-team-card:nth-of-type(-n+3) {
        margin-top: 0;
    }

    .aa-team-card:nth-of-type(3n+3) {
        margin-right: 0;
    }
}

.aa-team-card h3 {
    margin-bottom: 0;
}

.aa-team-card .aa-subheading {
    color: var(--complementary);
}

.aa-team-card__image img {
    object-fit: cover;
    height: auto;
    width: 100%;
}

.aa-team-card__body {
    padding: 20px;
}

@media (min-width: 576px) {
    .aa-team-card__body {
        padding: 50px 40px;
    }
}
.aa-contact-hero {
	padding-left: var(--padding);
	padding-right: var(--padding);
}

.aa-contact-hero .aa-inner,
.aa-contact-hero .aa-content {
	max-width: 100%;
}

@media (min-width: 1200px) {
    .aa-contact-hero {
		padding-left: 0;
		padding-right: 0;
	}
}

.aa-contact-hero__header {
	max-width: calc(var(--full-site-width) / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding-top: 40px;
}

.aa-contact-hero__header .aa-contact-hero__title {
	max-width: calc(var(--full-site-width) / 12 * 4);
}

.aa-contact-hero__header .aa-contact-hero__contact {
	max-width: calc(var(--full-site-width) / 12 * 3);
	margin-top: 30px;
}

@media (min-width: 768px) {
	.aa-contact-hero__header {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin-bottom: 45px;
	}

    .aa-contact-hero__header .aa-contact-hero__contact {
		margin-top: 0;
	}
}

@media (min-width: 992px) {
	.aa-contact-hero__header {
		padding-top: 50px;
	}
}

@media (min-width: 1440px) {
	.aa-contact-hero__header {
		padding-top: 64px;
	}
}

.aa-contact-hero__body {
	max-width: 100%;
}

@media (min-width: 992px) {
	.aa-contact-hero__body {
		display: flex;
	}
}

.aa-contact-hero__body .aa-contact-hero__content {
	width: 100%;
	margin-bottom: 30px;
}

.aa-contact-hero__body .aa-contact-hero__image {
	width: 100%;
}

@media (min-width: 992px) {
	.aa-contact-hero__body .aa-contact-hero__content {
		max-width: 50%;
		margin-bottom: 0;
	}

	.aa-contact-hero__body .aa-contact-hero__content .aa-contact-hero__content__inner {
		max-width: calc(var(--full-site-width) / 12 * 4);
		margin-left: auto;
		margin-right: 120px;
	}

	.aa-contact-hero__body .aa-contact-hero__image {
		max-width: 50%;
	}
}


.aa-contact-hero__footer {
	display: flex;
}

.aa-contact-hero__footer .aa-contact-hero__footer__body {
	padding: 40px 20px;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {
	.aa-contact-hero__footer .aa-contact-hero__footer__body {
		padding: 120px 80px;
	}
}

@media (min-width: 1440px) {
	.aa-contact-hero__footer .aa-contact-hero__footer__body {
		width: 100%;
	}
}

.aa-contact-hero__footer .aa-contact-hero__form-text {
	max-width: calc(var(--full-site-width) / 12 * 5);
	margin-bottom: 50px;
}

.aa-contact-hero__footer .aa-contact-hero__footer__header {
	position: relative;
	max-width: 15%;
	width: 100%;
}

.aa-contact-hero__footer .aa-contact-hero__footer__header .aa-bg-splitter-top {
	height: 31%;
	margin-top: -1px;
}

.aa-contact-hero__footer .aa-contact-hero__footer__header .aa-bg-splitter-bottom {
	height: 71%;
	margin-top: -1px;
}

.aa-contact-hero__footer .aa-contact-hero__form-form {
	max-width: calc(var(--full-site-width) / 12 * 8);
}

.aa-contact-hero__footer .aa-contact-hero__form-form .hs-submit {
	text-align: left;
}

.aa-contact-hero__footer .aa-contact-hero__form-form .hs-button {
	width: auto;
}
/*-----------------------------------*\
  AA - Nesletter
\*-----------------------------------*/

.aa-newsletter .aa-inner {
    align-items: center;
}

.aa-newsletter__header,
.aa-newsletter__body {
    margin-bottom: 20px;
}

.aa-newsletter__header:last-child,
.aa-newsletter__body:last-child {
    margin-bottom: 0;
}

/* Modifier for overlapping content */ 

.aa-newsletter--overlap {
    min-height: 720px;
}

.aa-newsletter--overlap .aa-inner {
    margin-top: 100px;
}

.aa-newsletter--top-bg {
	background-position: 50% 13%;
}

.lazy {
    background-image: none !important;
    background-color: #FFFFFF;
}
/*-----------------------------------*\
	Partnernet sidebar
\*-----------------------------------*/
.aa-sidebar-partnernet {
    z-index: 14;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(-82%);
    transition: transform ease-in-out 0.3s;
    padding-top: 30px;
	padding-bottom: 80px;
    overflow: hidden;
    height: 100%;
    min-width: 360px;
    min-height: 100vh;
    background-color: var(--primary);
    box-shadow: 10px 4px 34px rgba(0, 0, 0, 0.22);
}

@media (min-width: 992px) {
    .aa-sidebar-partnernet {
        padding-bottom: 120px;
    }
}

@media (min-width: 1200px) {
    .aa-sidebar-partnernet {
        position: fixed;
        transform: translateX(0);
        padding-left: 50px;
        padding-right: 35px;
        padding-top: 120px;
    }
}

.aa-sidebar-partnernet .aa-inner {
    display: none;
    flex-direction: column;
    position: relative;
    z-index: 12;
    padding: 1rem;
}

@media (min-width: 1200px) {
    .aa-sidebar-partnernet .aa-inner {
        padding: 0;
        display: block;
    }
}

.aa-sidebar-partnernet__header {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	padding-bottom: 80px;
}

.aa-sidebar-partnernet__header .aa-branding {
	max-width: 130px;
	margin-right: 15px;
}

.aa-sidebar-partnernet__header .aa-branding svg {
	max-width: 130px;
	width: 100%;
}

@media (min-width: 992px) {
	.aa-sidebar-partnernet__header {
		padding-bottom: 120px;
	}
}

.aa-sidebar-partnernet-hamburger {
	margin-left: auto;
	margin-right: 20px;
	width: 25px;
	height: 20px;
}

.aa-sidebar-nav > ul {
	margin: 0;
	padding: 0;
}

.aa-sidebar-nav-item {
	cursor: pointer;
	border-bottom: 1px solid var(--complementary);
}

.aa-sidebar-nav-item:last-of-type {
	border-bottom: 0;
}

.aa-sidebar-nav-item:last-of-type .aa-sidebar-nav-item__title {
	padding-bottom: 0;
}

.aa-sidebar-nav-item:first-of-type .aa-sidebar-nav-item__title {
	padding-top: 0;
}

.aa-sidebar-nav-item .aa-sidebar-nav-item__title {
	display: flex;
	align-items: center;
	padding-top: 25px;
	padding-bottom: 25px;
	font-weight: 400;
	font-size: 21px;
	line-height: 23px;
	font-family: var(--heading-font);
	color: var(--white);
	text-decoration: none;
}

@media (min-width: 576px) {
	.aa-sidebar-nav-item .aa-sidebar-nav-item__title {
		padding-top: 45px;
		padding-bottom: 45px;
	}
}

.aa-sidebar-nav-item .aa-sidebar-nav-item__title .icon {
	margin-right: 20px;
	width: 24px;
	height: 24px;
}

.aa-sidebar-nav-item .aa-sidebar-nav-item__title svg.cross {
	margin-left: auto;
	width: 20px;
	height: 20px;
	transition: all ease-in-out 0.3s;
}

.aa-sidebar-nav-item .sub-nav {
	color: var(--white);
	margin-left: 44px;
	padding: 0;
	display: none;
}

.aa-sidebar-nav-item .sub-nav li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.aa-sidebar-nav-item .sub-nav li a {
	color: var(--white);
	text-decoration: none;
	font-family: var(--heading-font);
	font-weight: 400;
	font-size: 15px;
	line-height: 26px;
}

.aa-sidebar-nav-item.is-active svg.cross {
	transform: rotate(45deg);
}

.aa-sidebar-bottom-graphic {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.aa-sidebar-partnernet.is-active {
	transform: translateX(0);
}

.aa-sidebar-partnernet.is-active .aa-inner {
	display: block;
}

.aa-sidebar-partnernet.is-active .aa-hamburger {
	transition: transform var(--speed) ease;
}

.aa-sidebar-partnernet.is-active .aa-hamburger span {
	background-color: transparent !important;
}

.aa-sidebar-partnernet.is-active .aa-hamburger span::before,
.aa-sidebar-partnernet.is-active .aa-hamburger span::after {
	transform: translateY(0);
}

.aa-sidebar-partnernet.is-active .aa-hamburger span::before {
	transform: rotate(45deg);
}

.aa-sidebar-partnernet.is-active .aa-hamburger span::after {
	transform: rotate(-45deg);
}

/* sidebar logout */

.aa-sidebar-partnernet__logout {
	position: absolute;
	z-index: 12;
	bottom: 0;
	left: 0;
	width: 100%;
	background: var(--complementary);
	padding: 25px 45px;
	color: #153C2A;
	text-decoration: none;
	font-family: "PT Serif",serif;
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
}

.aa-sidebar-partnernet__logout:hover {
	color: #153C2A;
	opacity: 1;
}

.aa-sidebar-partnernet__logout span {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
}
/*-----------------------------------*\
    AA - Partnernet hubdb
\*-----------------------------------*/

.aa-partnernet-hubdb__header {
	padding-bottom: 40px;
}

@media (min-width: 992px) {
    .aa-partnernet-hubdb__header {
        padding-bottom: 50px;
    }
}

@media (min-width: 1440px) {
    .aa-partnernet-hubdb__header {
        padding-bottom: 64px;
    }
}

.filter-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

@media (min-width: 576px) {
    .filter-container {
        gap: 20px;
    }
}

.filter-container .media-tag {
	cursor: pointer;
	display: block;
	padding: 10px 15px;
	background-color: var(--primary);
	color: var(--complementary);
	border-radius: 5px;
	transition: all ease-in-out 0.2s;

	font-family: var(--heading-font);
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
}

.filter-container .media-tag:hover {
	background-color: var(--complementary);
	color: var(--primary);
}

@media (min-width: 576px) {
    .filter-container .media-tag {
		padding: 10px 25px;
		font-size: 16px;
		line-height: 30px;
	}
}

.filter-container .media-tag.is-active {
	position: relative;
	background-color: var(--complementary);
	color: var(--primary);
}

.filter-container .media-tag.is-active::after {
	/* CSS triangle */
	content: "";
	position: absolute;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid var(--complementary);
}

.filter-container .media-tag-all.is-active::after {
	content: none;
	display: none;
}

.sub-filter-container {
	position: relative;
	z-index: 21;
	width: 100%;
	display: inline-flex;
	flex-wrap: wrap;
	margin-top: 20px;
	padding: 10px 0px;
	background: var(--white);
	border-radius: 5px;
}

.sub-filter-container .category-tag {
	cursor: pointer;
	display: block;
	padding: 0px 15px;
	border-right: 0.5px solid var(--black);
	transition: all ease-in-out 0.2s;
	font-family: var(--heading-font);
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
}

.sub-filter-container .category-tag:last-of-type {
	border-right: none;
}

.sub-filter-container .category-tag:hover {
	color: var(--complementary);
}

@media (min-width: 576px) {
    .sub-filter-container .category-tag {
		padding: 0px 25px;
		font-size: 16px;
		line-height: 30px;
	}
}

.sub-filter-container .category-tag.is-active {
	color: var(--complementary);
}

.sub-filter-container.hidden {
	display: none;
}

.aa-partnernet-hubdb__container {
	position: relative;
	z-index: 21;
	background: var(--white);
	padding: 11px;
	box-shadow: 10px 14px 24px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	margin-top: 45px;
}

.partnernet-item {
	position: relative;
	padding: 15px 15px;
	background: #F7F7F7;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

@media (min-width: 576px) {
    .partnernet-item {
		padding: 15px 30px;
	}
}

.partnernet-item:not([data-headline=""])::before {
	content:attr(data-headline);
	display: inline-block;
	position: relative;
	z-index: 12;
	margin-top: 15px;
	margin-bottom: 45px;
	color: $complementary;
	background-color: #F7F7F7;
	padding-right: 20px;
	font-weight: 700;
	font-family: $heading-font;
	font-size: 16px;
	line-height: 21px;
}

.partnernet-item:not([data-headline=""])::after {
	content:"";
	position: absolute;
	display: inline-block;
	z-index: 10;
	top: 40px;
	width: 85%;
	height: 1px;
	background-color: var(--complementary);
}

@media (min-width: 576px) {
    .partnernet-item:not([data-headline=""])::before {
		margin-top: 30px;
	}

	.partnernet-item:not([data-headline=""])::after {
		width: 90%;
		top: 55px;
	}
}

@media (min-width: 992px) {
	.partnernet-item:not([data-headline=""])::after {
		width: 95%;
	}
}

.partnernet-item.hidden {
	display: none;
}

.partnernet-item__header {
	display: flex;
	gap: 30px;
}

.partnernet-item__header h5 {
	font-weight: 400;
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 5px;
}

.partnernet-item__header .content-link-title {
	font-family: var(--heading-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	text-decoration: underline;
	color: var(--primary);
}

.partnernet-item__header .content-link-title:hover {
	color: var(--complementary);
}

.partnernet-item__header a {
	color: var(--complementary);
	text-decoration: none;
	font-weight: 700;
	font-size: 11px;
	line-height: 25px;
}

.partnernet-item__header a:hover {
	color: rgba(var(--complementary-rgb), 0.7);
}

.partnernet-item__header .date-tag {
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	background: var(--primary);
	border-radius: 6px;
	padding-left: 7px;
	padding-right: 7px;
	max-width: 40px;
	width: 100%;
	height: 22px;
	font-family: var(--heading-font);
	color: var(--white);
	font-weight: 400;
	font-size: 11px;
}

.partnernet-item__header .date-tag--none {
	background: transparent;
}

/* Modifiers */

.partnernet-item.bg--grey {
	background: #F7F7F7;

	&[data-headline=""]{
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-radius: 0;
	}
}

.partnernet-item.bg--white {
	background: var(--white);

	&[data-headline=""] {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-radius: 0;
	}

	&:not([data-headline=""]){
		&:before {
			background-color: var(--white);
		}
	}
}

.partnernet-item.bottom-styling {
	padding-bottom: 30px;
	border-bottom-right-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
	box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.05);
}

.partnernet-item.bg--white.bottom-styling {
	box-shadow: none;
}
/*-----------------------------------*\
	Partnernet boxes
\*-----------------------------------*/

.aa-partnernet-boxes .aa-inner {
    position: relative;
    z-index: 12;
    flex-direction: column;
    max-width: var(--full-site-width);
}

.aa-partnernet-boxes__header {
    display: grid;
    gap: 35px;
    grid-template-columns: 1fr;
    margin-bottom: 35px;
}

@media (min-width: 768px) {
    .aa-partnernet-boxes__header {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .aa-partnernet-boxes__header {
        gap: 20px;
        margin-bottom: 20px;
    }
}

@media (min-width: 1440px) {
    .aa-partnernet-boxes__header {
        gap: 35px;
        margin-bottom: 35px;
    }
}

.aa-partnernet-boxes__body {
    display: grid;
    gap: 35px;
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .aa-partnernet-boxes__body {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) { 
    .aa-partnernet-boxes__body {
        gap: 20px;
    }
}

@media (min-width: 1440px) {
    .aa-partnernet-boxes__body {
        gap: 35px;
    }
}

.aa-partnernet-box {
    position: relative;
    padding: 120px 65px 85px 65px;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
    color: var(--white);

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.aa-partnernet-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(15, 49, 33, 0.7), rgba(15, 49, 33, 0.7));
}

.aa-partnernet-box__inner {
    position: relative;
    z-index: 12;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.aa-partnernet-box__title {
    font-family: var(--heading-font);
    font-size: 2rem;
    color: var(--white);
}

.aa-partnernet-box__title--small {
    font-family: var(--heading-font);
    font-size: 1.5rem;
    color: var(--white);
}

.aa-button {
    display: inline-flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
}

.aa-partnernet-box.aa-partnernet-box--news {
    background-color: var(--primary);
    padding: 20px 30px;
}

.aa-partnernet-box.aa-partnernet-box--news::after {
    content: none;
    display: none;
}

.aa-partnernet-box--news h3 {
    color: var(--white);
}

.aa-partnernet-box--news .aa-button {
    color: var(--complementary);
    margin: 0;
}

.aa-partnernet-box--news .aa-button:hover {
    color: var(--primary);
}

.aa-partnernet-box--news__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.aa-partnernet-box--news__body {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.aa-partnernet-box--news__body .aa-article-card {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
}

@media (min-width: 576px) {
    .aa-partnernet-box--news__body .aa-article-card {
        align-items: center;
        flex-direction: row;
    }
}

.aa-partnernet-box--news__body .aa-article-card::before,
.aa-partnernet-box--news__body .aa-article-card::after {
    content: none;
    display: none;
}

.aa-partnernet-box--news__body .aa-article-card-wrapper {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

@media (min-width: 576px) {
    .aa-partnernet-box--news__body .aa-article-card-wrapper {
        align-items: center;
        flex-direction: row;
    }
}

.aa-partnernet-box--news__body .aa-article-card__image {
    border-radius: 4px;
    width: 100%;
    min-height: auto;
    aspect-ratio: 16 / 9;
}

@media (min-width: 576px) {
    .aa-partnernet-box--news__body .aa-article-card__image {
        max-width: 170px;
    }
}

.aa-partnernet-box--news__body .aa-article-card__body {
    text-align: initial;
    width: 100%;
    padding: 10px 20px;
}

.aa-partnernet-box--news__body .aa-article-card__body .aa-subheading {
    font-family: var(--heading-font);
    color: var(--white);
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 0;
}

.aa-partnernet-box--news__body .aa-article-card__body .aa-subheading::before,
.aa-partnernet-box--news__body .aa-article-card__body .aa-subheading::after {
    content: none;
    display: none;
}

.aa-partnernet-box--news__body .aa-article-card__body .aa-article-card__title {
    font-family: var(--heading-font);
    color: var(--complementary);
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
}

.aa-partnernet-box--news__body .aa-article-card__body .aa-article-card__text {
    color: var(--white);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    line-height: 25px;
}

/* Templates */

/*-----------------------------------*\
    Blog Articles
\*-----------------------------------*/
.aa-blog-articles {
    padding-bottom: 60px;
}

.aa-blog-articles .aa-blog-articles__inner {
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width: 768px) {
    .aa-blog-articles .aa-blog-articles__inner {
        max-width: var(--full-site-width);
        margin-left: auto;
        margin-right: auto;
        align-items: center;
    }
}

@media (min-width: 1200px) {
    .aa-blog-articles {
        padding-bottom: 80px;
    }

    .aa-blog-articles .aa-blog-articles__inner {
        max-width: calc(var(--full-site-width) / 12 * 10);
    }
}

@media (min-width: 1440px) {
    .aa-blog-articles {
        padding-bottom: 100px;
    }
}

@media (min-width: 1680px) {
    .aa-blog-articles .aa-blog-articles__inner {
        padding-left: 0;
        padding-right: 0;
    }
}


.aa-blog-article__date {
    font-size: 14px;
    line-height: 20px;
    color: #999;
}

.aa-blog-article__author {
    font-size: 14px;
    line-height: 20px;
    color: var(--body-color);
}

@media (min-width: 992px) {
    .aa-blog-article__author,
    .aa-blog-article__date {
        font-size: 16px;
        line-height: 24px;
    }
}
/*-----------------------------------*\
    Blog Post
\*-----------------------------------*/

/************************

Blog Post Hero Section

************************/

.aa-blog-post-hero {
    padding-top: 60px;
	padding-left: var(--padding);
	padding-right: var(--padding);
}

@media (min-width: 992px) {
    .aa-blog-post-hero {
        padding-top: 80px;
    }
}

@media (min-width: 1440px) {
    .aa-blog-post-hero {
        padding-top: 100px;
    }
}

.aa-blog-post-hero__inner {
    max-width: calc(var(--full-site-width) / 12 * 10);
    margin-left: auto;
    margin-right: auto;
}

.aa-blog-post-hero__header {
    display: flex;
    flex-direction: column-reverse;
}

.aa-blog-post-hero__text {
    width: 100%;
    margin-top: 30px;
}

.aa-blog-post-hero__text .aa-subheading {
    color: var(--complementary);
}

.aa-blog-post-hero__text h1 {
    margin-bottom: 35px;
}

.aa-blog-post-hero__image {
    min-height: 320px;
    width: 100%;
}

@media (min-width: 992px) {
    .aa-blog-post-hero__header {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .aa-blog-post-hero__text {
        max-width: 45%;
        margin-top: 0;
    }

    .aa-blog-post-hero__image {
        max-width: 50%;
    }
}

.aa-blog-post-hero__body {
    padding-top: 60px;
    padding-bottom: 20px;
    border-bottom: 1px solid #F7F7F7;
}

@media (min-width: 992px) {
    .aa-blog-post-hero__body {
        padding-top: 80px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

@media (min-width: 1440px) {
    .aa-blog-post-hero__body {
        padding-top: 100px;
    }
}

.aa-blog-post-hero__author {
    display: flex;
    margin-bottom: 15px;
}

.aa-blog-post-hero__author .aa-prefix,
.aa-blog-post-hero__author .aa-blog-author {
    margin-bottom: 0;
    color: var(--dark-grey);
    font-family: var(--heading-font);
    font-weight: var(--weight-400);
    font-size: 16px;
    line-height: 16px;
}

.aa-blog-post-hero__author .aa-blog-author {
    margin-left: 5px;
    text-decoration: none;
}

.aa-blog-post-hero__author .aa-blog-author:hover {
    color: rgba(var(--dark-grey-rgb), 0.8);
}

.aa-blog-post-hero__tags a {
    text-decoration: none;
    font-family: var(--heading-font);
    font-weight: var(--weight-700);
    font-size: 17px;
    line-height: 17px;
}

.aa-blog-post-hero-social__inner {
    display: flex;
}

.aa-blog-post-hero-social__inner a {
    margin-right: 10px;
}

.aa-blog-post-hero-social__inner a:last-of-type {
    margin-right: 0;
}

.aa-blog-post-hero-social__inner a .icon {
    fill: var(--complementary);
    transition: all 0.2s ease-in-out;
}

.aa-blog-post-hero-social__inner a:hover .icon {
    fill: rgba(var(--complementary-rgb), 0.8);
}

/************************

Blog Post Content

************************/

.aa-blog-post-content {
	padding-left: var(--padding);
	padding-right: var(--padding);
    padding-top: 40px;
}

.aa-blog-post-content__inner {
    width: 100%;
}

@media (min-width: 992px) {
    .aa-blog-post-content {
        padding-top: 50px;
    }

    .aa-blog-post-content__inner {
        max-width: calc(var(--full-site-width) / 12 * 6);
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1440px) {
    .aa-blog-post-content {
        padding-top: 64px;
    }
}

.aa-blog-post-content__inner span.cta-wrapper {
    display: block;
}

.aa-blog-post-content__inner * + img {
    margin-top: 30px;
}

.aa-blog-post-content__inner img {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .aa-blog-post-content__inner * + img {
        margin-top: 50px;
    }

    .aa-blog-post-content__inner img {
        margin-bottom: 50px;
    }
}

.aa-blog-post-content__inner p > a {
    display: inline;
}

.aa-blog-post-content__inner ul,
.aa-blog-post-content__inner ol {
    margin-top: 0;
    margin-bottom: 40px;
}
.aa-system--login,
.aa-system--logout,
.aa-system--403 {
	position: relative;
	min-height: 100vh;
	background: var(--primary);
	align-items: center;
}

.aa-system--login::after,
.aa-system--logout::after,
.aa-system--403::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(114.48deg, #153C2A 12.43%, rgba(21, 60, 42, 0.14) 69.42%), url('https://14541121.fs1.hubspotusercontent-na1.net/hubfs/14541121/Avidly/Assets/images/image%2011%20%2811%29.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.aa-system--login .aa-inner,
.aa-system--logout .aa-inner,
.aa-system--403 .aa-inner {
	position: relative;
	z-index: 10;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	h1,h2,h3,h4,h5,h6,p,span {
		color: var(--white);
	}
}

.aa-system--login .aa-inner .aa-system__header,
.aa-system--logout .aa-inner .aa-system__header,
.aa-system--403 .aa-inner .aa-system__header {
	padding-bottom: 40px;
}

@media (min-width: 992px) {
	.aa-system--login .aa-inner .aa-system__header,
	.aa-system--logout .aa-inner .aa-system__header,
	.aa-system--403 .aa-inner .aa-system__header {
		padding-bottom: 50px;
	}
}

@media (min-width: 1440px) {
	.aa-system--login .aa-inner .aa-system__header,
	.aa-system--logout .aa-inner .aa-system__header,
	.aa-system--403 .aa-inner .aa-system__header {
		padding-bottom: 64px;
	}
}

.aa-system--login .aa-inner .hs-button,
.aa-system--logout .aa-inner .hs-button,
.aa-system--403 .aa-inner .hs-button {
	appearance: none;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    margin: 0;
    padding: 0;
    border-style: solid;
    font-size: 15px;
    line-height: 1;
    font-family: var(--button-font-family);
    font-style: var(--button-font-style);
    font-weight: var(--button-font-weight);
    text-decoration: none;
    text-align: center;
    background: transparent;
    cursor: pointer;
    transition: all var(--speed) var(--animation);
    padding: 15px 30px;
    border-color: var(--complementary);
    border-radius: 5px;
    border-width: 1px;
    color: var(--primary);
    background-color: transparent;
    width: 100%;
    min-width: 200px;
	margin-top: 20px;
	text-transform: uppercase;
}

.aa-system--login .aa-inner .hs-button:hover,
.aa-system--logout .aa-inner .hs-button:hover,
.aa-system--403 .aa-inner .hs-button:hover,
.aa-system--login .aa-inner .hs-button:focus,
.aa-system--logout .aa-inner .hs-button:focus,
.aa-system--403 .aa-inner .hs-button:focus,
.aa-system--login .aa-inner .hs-button:active,
.aa-system--logout .aa-inner .hs-button:active,
.aa-system--403 .aa-inner .hs-button:active {
    border-color: var(--complementary);
    color: var(--primary);
    background-color: var(--complementary);
}

.aa-system--login .aa-inner .hs-form .hs-input,
.aa-system--logout .aa-inner .hs-form .hs-input,
.aa-system--403 .aa-inner .hs-form .hs-input {
	border: 1px solid var(--white);
}
.aa-gated-content-wrapper {
	display: flex;
	position: relative;
	background: #E6E6DC;
}

.aa-gated-content-wrapper .top-graphic {
	position: absolute;
	top: 0;
	right: 0;
}

.aa-gated-content-wrapper .content {
	background-size: cover;
	background-blend-mode: normal, luminosity;
	width: 100%;
	min-height: 100vh;
	padding-left: 65px; /* offset for menu */
}

@media (min-width: 1200px) {
    .aa-gated-content-wrapper .content {
		padding-left: 0; /* offset for menu */
		width: calc(100% - 360px); /* Removing menu width */
		margin-left: auto;
	}
}

/* logged in section */

.logged-in-section {
	padding-left: 20px;
    padding-right: 20px;
}

.logged-in-section__inner {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 25px 25px;
	border-radius: 5px;
	background: var(--white);
	box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.08);
	margin-top: 45px;
	text-align: right;

	color: #153C2A;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: "PT Serif",serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 15px;
	letter-spacing: -1px;
}

@media (min-width: 768px) {
	.logged-in-section__inner {
		padding: 25px 45px;
		margin-top: 120px;
		font-size: 17px;
		line-height: 17px;
	}
}
/*-----------------------------------*\
    System Pages
\*-----------------------------------*/

.aa-system {
    padding-top: 80px;
    padding-bottom: 80px;
}

@media (min-width: 992px) {
	.aa-system {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

.aa-system .hs-button {
    appearance: none;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    margin: 0;
    padding: 0;
    border-style: solid;

    font-size: 15px;
    line-height: 1;
    font-family: var(--button-font-family);
    font-style: var(--button-font-style);
    font-weight: var(--button-font-weight);
    text-decoration: none;
    text-align: center;

    background: transparent;
    cursor: pointer;
    transition: all var(--speed) var(--animation);

    margin-top: 20px;
    padding: 15px 30px;
    border-color: var(--complementary);
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    color: var(--primary);
    background-color: transparent;
}

.aa-system .hs-button:hover,
.aa-system .hs-button:focus,
.aa-system .hs-button:active {
    border-color: var(--complementary);
    color: var(--primary);
    background-color: var(--complementary);
}

@media (min-width: 992px) {
	.aa-system .aa-inner {
        max-width: calc(var(--full-site-width) / 12 * 6);
    }
}

.aa-system .hs-form-field {
    display: block;
}

.aa-system .hs-form-field input[type="checkbox"] + label {
    display: inline-block;
}

.aa-system__body,
.aa-system__footer {
    margin-top: 30px;
}

.aa-system .backup-unsubscribe form {
    margin-top: 30px;
}

.aa-system #email-prefs-form p.header {
    margin-top: 40px;
    margin-bottom: 15px;
    font-weight: var(--weight-700);
}

.aa-system #email-prefs-form .hs-button {
    margin-top: 30px;
}

.aa-system #email-prefs-form .item {
    margin-bottom: 20px;
}

.aa-system #email-prefs-form .item input {
    margin-right: 5px;
}

.aa-system #email-prefs-form .item .checkbox-row {
    margin-bottom: 5px;
}

.aa-system #email-prefs-form .item .checkbox-row > span {
    display: flex;
    align-items: center;
}

.aa-system #email-prefs-form .item .checkbox-row > span > span {
    display: block;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: var(--weight-700);
}

@media (min-width: 992px) {
    .aa-system #email-prefs-form .item .checkbox-row > span > span {
        margin-bottom: 20px;
    }
}

.aa-system #email-prefs-form .item p {
    font-style: italic;
}

.aa-system .hs_cos_wrapper_type_email_subscriptions_confirmation {
    display: flex;
    flex-direction: column;
}

.aa-system .hs_cos_wrapper_type_email_subscriptions_confirmation .page-header {
    order: 2;
    font-style: italic;
}

.aa-system .hs_cos_wrapper_type_email_subscriptions_confirmation .page-header h1,
.aa-system .hs_cos_wrapper_type_email_subscriptions_confirmation .page-header h2 {
    font-style: normal;
}

.aa-system .hs_cos_wrapper_type_email_subscriptions_confirmation .page-header h1 {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 34px;
    font-family: var(--h2-font-family);
    font-weight: var(--h2-font-weight);
    font-style: var(--h2-font-style);
    text-decoration: var(--h2-text-decoration);

}

.aa-system .hs_cos_wrapper_type_email_subscriptions_confirmation .page-header h1:empty {
    display: none;
}

.aa-system .hs_cos_wrapper_type_email_subscriptions_confirmation .page-header h2 {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 30px;
    font-family: var(--h3-font-family);
    font-weight: var(--h3-font-weight);
    font-style: var(--h3-font-style);
    text-decoration: var(--h3-text-decoration);
}

@media (min-width: 992px) {
    .aa-system .hs_cos_wrapper_type_email_subscriptions_confirmation .page-header h1 {
        margin-bottom: 30px;
        font-size: 36px;
        line-height: 36px;
    }

    .aa-system .hs_cos_wrapper_type_email_subscriptions_confirmation .page-header h2 {
        font-size: 24px;
        line-height: 32px;
    }
}

.aa-system .hs_cos_wrapper_type_email_subscriptions_confirmation .page-header br {
    display: none;
}

.aa-system .hs_cos_wrapper_type_email_subscriptions_confirmation .success {
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 46px;
    font-family: var(--h1-font-family);
    font-weight: var(--h1-font-weight);
    font-style: var(--h1-font-style);
    text-decoration: var(--h1-text-decoration);

    order: 1;
    margin-bottom: 40px;
    color: var(--primary);
    font-weight: var(--weight-700);
}

@media (min-width: 992px) {
    .aa-system .hs_cos_wrapper_type_email_subscriptions_confirmation .success {
        font-size: 65px;
        line-height: 71px;
    }
}

.aa-system .hs_cos_wrapper_type_password_prompt #hs-pwd-widget-password {
    width: 100%;
    height: 45px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: var(--form-input-x-padding);
    padding-right: var(--form-input-x-padding);
    border-style: solid;
    border-width: var(--form-fields-border-width);
    border-color: var(--form-fields-border-color);
    border-radius: 5px;

    color: inherit;
    line-height: 1;
    text-decoration: none;

    background-color: var(--form-fields-background-color);

    cursor: pointer;
    box-shadow: none;

    height: 50px !important; // Override default inline styling
    margin-top: 5px !important; // Override default inline styling
    border: 1px solid $white !important; // Override default styling
}

@media (min-width: 992px) {
    .aa-system .hs_cos_wrapper_type_password_prompt #hs-pwd-widget-password {
        padding-left: var(--form-input-x-padding-lg);
        padding-right: var(--form-input-x-padding-lg);
    }
}

.aa-system .hs_cos_wrapper_type_password_prompt #hs-pwd-widget-password:focus {
    outline: none;
    border-color: var(--form-fields-border-color-focus);
    box-shadow: var(--box-shadow);
}

.aa-system .hs_cos_wrapper_type_password_prompt #hs-pwd-widget-password::placeholder {
    color: inherit;
    opacity: 0.6;
}

.aa-system-search {
	padding-left: var(--padding);
	padding-right: var(--padding);
}

.aa-system-search .systems-page__inner {
    padding-top: 80px;
    padding-bottom: 80px;
}

.aa-system-search .systems-page__inner .hs-search-field__input {
    width: 100%;
    height: 45px;
    padding: 5px 10px;
    border: 1px solid #000;
    border-radius: 5px;
    color: inherit;
}

.aa-system-search .systems-page__inner .hs-search-results__listing {
    margin-top: 40px;
}

@media (min-width: 992px) {
    .aa-system-search .systems-page__inner {
        padding-top: 120px;
        padding-bottom: 120px;
        max-width: calc(var(--full-site-width) / 12 * 10);
        margin-left: auto;
        margin-right: auto;
    }

    .aa-system-search .systems-page__inner .hs-search-results__listing {
        margin-top: 50px;
    }
}

@media (min-width: 1440px) {
    .aa-system-search .systems-page__inner {
        max-width: calc(var(--full-site-width) / 12 * 10);
        margin-left: auto;
        margin-right: auto;
    }

    .aa-system-search .systems-page__inner .hs-search-results__listing {
        margin-top: 64px;
    }
}

.aa-system--custom .hs-input {
    border: 1px solid var(--white);
}

.aa-system--custom .hs-form-field>label {
    margin-bottom: 5px;
}

.aa-system--custom a {
    color: var(--white);
}

.aa-system--custom .hs-register-widget-show-password {
    margin-bottom: 10px;
}

.aa-system--custom .form-container {
    margin-bottom: 15px;
}

.aa-system--custom .form-container > .hs_cos_wrapper  > .hs-form-field {
    display: none; /* wierd empty box */
}

.aa-system--custom .no-list.hs-error-msgs {
    padding-left: 0;
}

.aa-system--custom .no-list.hs-error-msgs label {
    color: var(--white);
    font-size: 16px;
}

/* logout */

.aa-system--logout .aa-system__body {
    text-align: center;
}

.aa-system--logout .aa-system__body .aa-button {
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
}

/* 403 */

.aa-system--403 h1 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .aa-system--403 h1 {
        font-size: 150px;
        line-height: 150px;
    }
}

.aa-system--403 h3 {
    margin-top: 10px;
}