:root{
    /* CONFIGURABLE SETTINGS */
        /* COLORS */
        --color-white: #FFFFFF;
        --color-light-gray: #F4F4F4;
        --color-gray: #D4D9DD;
        --color-ice-blue: #E0EFFF;
        --color-skylight-blue: #6EADF3;
        --color-vibrant-blue: #0066FF;
        --color-deepest-blue: #001391;
        --color-grape: #9F2456;
        --color-lime: #98D801;
        --color-sunburst: #FBD008;
        --color-tangerine: #FF6727;
        --color-black: #000000;
        --color-slate: #3F4444;
        --color-red: #DC3545;

        /* BACKGROUND */
        --light-background-color: var(--color-white);
        --light-alternate-background-color: var(--color-light-gray);
        --medium-background-color: var(--color-ice-blue);
        --medium-alternate-background-color: var(--color-white);
        --dark-background-color: var(--color-deepest-blue);
        --dark-alternate-background-color: var(--color-white);

        /* TEXT */
            /* PRIMARY FONT */
            --primary-font: semplicitapro, sans-serif;
            --primary-font-weight: 600;
            --primary-line-height: 1.1;
            --primary-letter-spacing: -3%;

            /* SECONDARY FONT */
            --secondary-font: var(--primary-font);
            --secondary-font-weight: 500;
            --secondary-line-height: 1.2;
            --secondary-letter-spacing: -1%;

            /* TITLES */
            --title-line-height: 1.4;

            /* LIGHT FONT */
            --light-font-weight: 250;

            /* BODY FONT */
            --body-font: var(--primary-font);
            --body-line-height: 1.5;
            --body-letter-spacing: var(--primary-letter-spacing);
            --body-font-weight: 400;

            /* FONT SIZES */
            --eyebrow-font-size: 1rem;
            --base-font-size: 1.6rem;
            --font-size-h0: 6.4rem;
            --font-size-h1: 5.5rem;
            --font-size-h2: 4.4rem;
            --font-size-h3: 3.6rem;
            --font-size-h4: 3rem;
            --font-size-h5: 2.4rem;
            --font-size-h6: 1.8rem;
            --font-size-e2: 2.4rem;
            --font-size-e1: 1.8rem;
            --font-size-body-large: 1.6rem;
            --font-size-body-small: 1.2rem;
            --font-size-body-xsmall: 1rem;

            --font-headline-000: var(--font-headline-1);
            --font-headline-00: var(--font-headline-1);
            --font-headline-0: var(--secondary-font-weight) var(--font-size-h0) / var(--primary-line-height) var(--secondary-font);
            --font-headline-1: var(--secondary-font-weight) var(--font-size-h1) / var(--primary-line-height) var(--secondary-font);
            --font-headline-2: var(--secondary-font-weight) var(--font-size-h2) / var(--secondary-line-height) var(--secondary-font);
            --font-headline-3: var(--secondary-font-weight) var(--font-size-h3) / var(--secondary-line-height) var(--secondary-font);
            --font-headline-4: var(--secondary-font-weight) var(--font-size-h4) / var(--secondary-line-height) var(--secondary-font);
            --font-headline-5: var(--secondary-font-weight) var(--font-size-h5) / var(--secondary-line-height) var(--secondary-font);
            --font-headline-6: var(--secondary-font-weight) var(--font-size-e2) / var(--secondary-line-height) var(--secondary-font);
            --font-headline-7: var(--secondary-font-weight) var(--font-size-e1) / var(--secondary-line-height) var(--secondary-font);
            --font-headline-8: var(--secondary-font-weight) var(--base-font-size) / var(--secondary-line-height) var(--secondary-font);
            --font-elevated-1: var(--primary-font-weight) var(--font-size-e2) / var(--primary-line-height) var(--primary-font);
            --font-elevated-2: var(--primary-font-weight) var(--font-size-e1) / var(--primary-line-height) var(--primary-font);

            --font-body-large: var(--body-font-weight) var(--font-size-body-large) / var(--body-line-height) var(--primary-font);
            --font-body: var(--body-font-weight) var(--base-font-size) / var(--body-line-height) var(--primary-font);
            --font-body-small: var(--body-font-weight) var(--font-size-body-small) / var(--body-line-height) var(--primary-font);
            --font-body-xsmall: var(--body-font-weight) var(--font-size-body-xsmall) / var(--body-line-height) var(--primary-font);
            --font-eyebrow: var(--primary-font-weight) var(--eyebrow-font-size) / var(--eyebrow-line-height) var(--primary-font);

            /* LIGHT BACKGROUND COLORS */
            --light-background-text-color: var(--color-black);
            --light-background-title-color: var(--color-deepest-blue);
            --light-background-eyebrow-color: var(--color-deepest-blue);
            --light-background-link-color: var(--color-vibrant-blue);
            --light-background-hover-link-color: var(--color-deepest-blue);
            --light-background-accent-color: var(--color-vibrant-blue);
            --light-background-strong-color: var(--color-vibrant-blue);

            /* MEDIUM BACKGROUND COLORS */
            --medium-background-strong-color: var(--color-skylight-blue);

            /* DARK BACKGROUND COLORS */
            --dark-background-text-color: var(--color-white);
            --dark-background-title-color: var(--color-white);
            --dark-background-eyebrow-color: var(--color-white);
            --dark-background-link-color: var(--color-skylight-blue);
            --dark-background-hover-link-color: var(--color-white);
            --dark-background-accent-color: var(--color-skylight-blue);
            --dark-background-strong-color: var(--color-skylight-blue);

        /* PRIMARY BUTTON */
            /* STYLE */
            --primary-button-border-radius: 10rem;
            --primary-button-vertical-padding: 0.51em;
            --primary-button-horizontal-padding: 1.33em;

            /* LIGHT BACKGROUND COLORS */
            --light-background-primary-button-border-color: var(--color-vibrant-blue);
            --light-background-primary-button-background-color: var(--color-vibrant-blue);
            --light-background-primary-button-text-color: var(--color-white);
            --light-background-primary-button-box-shadow: none;
            --light-background-primary-button-hover-border-color: var(--color-deepest-blue);
            --light-background-primary-button-hover-background-color: var(--color-deepest-blue);
            --light-background-primary-button-hover-text-color: var(--color-white);
            --light-background-primary-button-hover-box-shadow: none;

            /* DARK BACKGROUND COLORS */
            --dark-background-primary-button-border-color: var(--color-white);
            --dark-background-primary-button-background-color: var(--color-white);
            --dark-background-primary-button-text-color: var(--color-deepest-blue);
            --dark-background-primary-button-box-shadow: none;
            --dark-background-primary-button-hover-border-color: var(--color-vibrant-blue);
            --dark-background-primary-button-hover-background-color: var(--color-vibrant-blue);
            --dark-background-primary-button-hover-text-color: var(--color-white);
            --dark-background-primary-button-hover-box-shadow: none;

        /* SECONDARY BUTTON */
            /* STYLE */
            --secondary-button-border-radius: 10rem;
            --secondary-button-vertical-padding: 0.51em;
            --secondary-button-horizontal-padding: 1.33em;

            /* LIGHT BACKGROUND COLORS */
            --light-background-secondary-button-border-color: var(--color-deepest-blue);
            --light-background-secondary-button-background-color: none;
            --light-background-secondary-button-text-color: var(--color-deepest-blue);
            --light-background-secondary-button-box-shadow: none;
            --light-background-secondary-button-hover-border-color: var(--color-deepest-blue);
            --light-background-secondary-button-hover-background-color: var(--color-deepest-blue);
            --light-background-secondary-button-hover-text-color: var(--color-white);
            --light-background-secondary-button-hover-box-shadow: none;

            /* DARK BACKGROUND COLORS */
            --dark-background-secondary-button-border-color: var(--color-white);
            --dark-background-secondary-button-background-color: none;
            --dark-background-secondary-button-text-color: var(--color-white);
            --dark-background-secondary-button-box-shadow: none;
            --dark-background-secondary-button-hover-border-color: var(--color-white);
            --dark-background-secondary-button-hover-background-color: var(--color-white);
            --dark-background-secondary-button-hover-text-color: var(--color-deepest-blue);
            --dark-background-secondary-button-hover-box-shadow: none;

        /* TERTIARY BUTTON */
        --tertiary-button-text-color: var(--color-black);
        --tertiary-button-hover-text-color: var(--color-vibrant-blue);

        /* MARGINS */
        --block-margin: 4rem;
        --large-column-gap: 4rem;
        --large-row-gap: 4rem;
        --column-gap: 3.2rem;
        --row-gap: 3.2rem;
        --item-column-gap: 2.4rem;
        --item-row-gap: 2.4rem;
        --small-column-gap: 1.6rem;
        --small-row-gap: 1.6rem;
        --extra-small-column-gap: 0.8rem;
        --extra-small-row-gap: 0.8rem;

        --title-and-body-gap: 2.4rem;
        --body-and-buttons-gap: 3.2rem;
        --buttons-gap: 1.6rem;

        --heading-and-body-gap: 4rem;

        /* MISCELANEOUS */

        /* ACTIVE COLORS */
            /* BACKGROUND */
            --alternate-background-color: var(--light-alternate-background-color);

            /* TEXT COLORS */
            --strong-color: var(--light-background-strong-color);
}

/*
** COLOR SCHEMES
*/

/* LIGHT (WHITE) */
[data-color-scheme|="light"]{
    /* BACKGROUND */
    --alternate-background-color: var(--light-alternate-background-color);

    /* TEXT COLORS */
    --strong-color: var(--light-background-strong-color);

    /* TERTIARY BUTTON */
    --tertiary-button-text-color: var(--color-black);
    --tertiary-button-hover-text-color: var(--color-vibrant-blue);
}

/* LIGHT GRAY */
[data-color-scheme="light-gray"] {
    /* BACKGROUND */
    --background-color: var(--color-light-gray);
    --alternate-background-color: var(--medium-alternate-background-color);

    /* TERTIARY BUTTON */
    --tertiary-button-text-color: var(--color-black);
    --tertiary-button-hover-text-color: var(--color-vibrant-blue);
}

/* LIGHT SUNBURST */
[data-color-scheme="light-sunburst"] {
    /* BACKGROUND */
    --background-color: var(--color-sunburst);

    /* TEXT COLORS */
    --title-color: var(--color-deepest-blue);

    /* PRIMARY BUTTON */
    --light-background-primary-button-border-color: var(--color-vibrant-blue);

    /* TERTIARY BUTTON */
    --tertiary-button-text-color: var(--color-deepest-blue);
    --tertiary-button-hover-text-color: var(--color-vibrant-blue);
}

/* STARTING WITH LIGHT AND MEDIUM */
[data-color-scheme|="medium"]{
    /* BACKGROUND */
    --alternate-background-color: var(--light-alternate-background-color);

    /* TEXT COLORS */
    --strong-color: var(--medium-background-strong-color);

    /* PRIMARY BUTTON */
    --light-background-primary-button-border-color: var(--color-vibrant-blue);

    /* SECONDARY BUTTON */
    --secondary-button-border-color: var(--color-vibrant-blue);
    --secondary-button-text-color: var(--color-vibrant-blue);
    --secondary-button-hover-border-color: var(--color-vibrant-blue);
    --secondary-button-hover-background-color: var(--color-vibrant-blue);

    /* TERTIARY BUTTON */
    --tertiary-button-text-color: var(--color-black);
    --tertiary-button-hover-text-color: var(--color-vibrant-blue);

    /* BODY STYLES*/
    color: var(--text-color);
}

/* STARTING WITH DARK */
[data-color-scheme|="dark"]{
    /* BACKGROUND */
    --alternate-background-color: var(--color-white);

    /* TEXT COLORS */
    --strong-color: var(--dark-background-strong-color);
}

/* DARK */
[data-color-scheme="dark"] {
    /* BACKGROUND */
    --alternate-background-color: var(--dark-alternate-background-color);

    /* TERTIARY BUTTON */
    --tertiary-button-text-color: var(--color-white);
    --tertiary-button-hover-text-color: var(--color-white);
}

/* DARK ICE BLUE */
[data-color-scheme="dark-ice-blue"] {
    /* BACKGROUND */
    --background-color: var(--color-ice-blue);

    /* TEXT COLORS */
    --text-color: var(--color-black);
    --title-color: var(--color-deepest-blue);
    --eyebrow-color: var(--color-deepest-blue);
    --link-color: var(--color-vibrant-blue);
    --hover-link-color: var(--color-deepest-blue);
    --accent-color: var(--color-vibrant-blue);
    --strong-color: var(--color-vibrant-blue);

    /* PRIMARY BUTTON */
    --dark-background-primary-button-border-color: var(--color-vibrant-blue);
    --dark-background-primary-button-background-color: var(--color-vibrant-blue);
    --dark-background-primary-button-text-color: var(--color-white);
    --dark-background-primary-button-box-shadow: none;
    --dark-background-primary-button-hover-border-color: var(--color-deepest-blue);
    --dark-background-primary-button-hover-background-color: var(--color-deepest-blue);
    --dark-background-primary-button-hover-text-color: var(--color-white);
    --dark-background-primary-button-hover-box-shadow: none;

    /* SECONDARY BUTTON */
    --dark-background-secondary-button-border-color: var(--color-vibrant-blue);
    --dark-background-secondary-button-background-color: none;
    --dark-background-secondary-button-text-color: var(--color-vibrant-blue);
    --dark-background-secondary-button-box-shadow: none;
    --dark-background-secondary-button-hover-border-color: var(--color-vibrant-blue);
    --dark-background-secondary-button-hover-background-color: var(--color-vibrant-blue);
    --dark-background-secondary-button-hover-text-color: var(--color-white);
    --dark-background-secondary-button-hover-box-shadow: none;

    /* TERTIARY BUTTON */
    --tertiary-button-text-color: var(--color-black);
    --tertiary-button-hover-text-color: var(--color-vibrant-blue);

}

/* DARK SKYLIGHT BLUE */
[data-color-scheme="light-skylight-blue"] {
    /* BACKGROUND */
    --background-color: var(--color-skylight-blue);

    /* TEXT COLORS */
    --link-color: var(--color-deepest-blue);
    --hover-link-color: var(--color-black);
    --accent-color: var(--color-deepest-blue);
    --strong-color: var(--color-white);

    /* PRIMARY BUTTON */
    --light-background-primary-button-border-color: var(--color-vibrant-blue);

    /* TERTIARY BUTTON */
    --tertiary-button-text-color: var(--color-black);
    --tertiary-button-hover-text-color: var(--color-vibrant-blue);
}

/* DARK VIBRANT BLUE */
[data-color-scheme="dark-vibrant-blue"] {
    /* BACKGROUND */
    --background-color: var(--color-vibrant-blue);

    /* TEXT COLORS */
    --link-color: var(--color-ice-blue);
    --accent-color: var(--color-ice-blue);
    --strong-color: var(--color-ice-blue);

    /* DARK BACKGROUND COLORS */
    --dark-background-primary-button-hover-background-color: var(--color-deepest-blue);

    /* TERTIARY BUTTON */
    --tertiary-button-text-color: var(--color-white);
    --tertiary-button-hover-text-color: var(--color-white);
}

/* DARK DEEPEST BLUE */
[data-color-scheme="dark-deepest-blue"] {
    /* BACKGROUND */
    --background-color: var(--color-deepest-blue);
    --accent-color: var(--color-white);

    /* TERTIARY BUTTON */
    --tertiary-button-text-color: var(--color-white);
    --tertiary-button-hover-text-color: var(--color-white);
}

/* DARK GRAPE */
[data-color-scheme="dark-grape"] {
    /* BACKGROUND */
    --background-color: var(--color-grape);
    --accent-color: var(--color-white);

    /* TEXT COLORS */
    --link-color: var(--color-ice-blue);
    --accent-color: var(--color-white);
    --strong-color: var(--color-white);

    /* TERTIARY BUTTON */
    --tertiary-button-text-color: var(--color-white);
    --tertiary-button-hover-text-color: var(--color-white);
}

@media (min-width: 768px){
    :root{
        /* CONFIGURABLE SETTINGS */
        --block-margin: 8rem;
        --large-column-gap: 8rem;
        --large-row-gap: 8rem;
        --column-gap: 6.4rem;
        --row-gap: 6.4rem;
        --item-column-gap: 3.2rem;
        --item-row-gap: 3.2rem;
        --small-column-gap: 1.6rem;
        --small-row-gap: 1.6rem;
        --extra-small-column-gap: 0.8rem;
        --extra-small-row-gap: 0.8rem;

            /* TEXT */
                /* FONT SIZES */
            /* MISCELANEOUS */
                --container-width: 72rem;
    }
}

@media (min-width: 992px){
    :root{
        /* CONFIGURABLE SETTINGS */
            /* TEXT */
                --eyebrow-font-size: 1.2rem;
                --base-font-size: 1.8rem;
                --font-multiplier: 1.333;
                --font-size-h0: 8.6rem;
                --font-size-h1: 6.4rem;
                --font-size-h2: 5.8rem;
                --font-size-h3: 4.8rem;
                --font-size-h4: 4.2rem;
                --font-size-h5: 3.2rem;
                --font-size-h6: 2.4rem;
                --font-size-e2: 3.2rem;
                --font-size-e1: 2.4rem;
                --font-size-body-large: 2rem;
                --font-size-body-small: 1.4rem;
                --font-size-body-xsmall: 1.2rem;
            /* MARGINS */
                --block-margin: 8rem;
                --column-gap: 4.8rem;
                --row-gap: 4.8rem;
                --item-column-gap: 3.2rem;
                --item-row-gap: 3.2rem;

                --title-and-body-gap: 3.2rem;
                --body-and-buttons-gap: 4rem;

                --heading-and-body-gap: 8rem;
            /* MISCELANEOUS */
                --container-width: 96rem;
    }
}

@media (min-width: 1200px){
    :root{
    /* MISCELANEOUS */
        --container-width: 117rem;
        --content-padding: 23.2rem;        
    }
}

@media (min-width: 1330px){
    :root {
    /* MISCELANEOUS */
        --container-width: 131.2rem;
    }
}

@media (min-width: 1440px){
    :root{
    /* MISCELANEOUS */
        --container-width: 140rem;        
    }
}

html.no-scroll {
  overflow: hidden;
}

sup {
    top: -0.1em;
    font-size: 90%;
}

.page-wrapper{
    padding-top: calc(var(--header-height) - 0.5px);
}

a {
    color: var(--link-color);
    text-decoration-color: transparent;
    transition: 0.3s ease all;
    -webkit-tap-highlight-color: transparent;
}

p a{
    text-decoration: underline;
}

a:is(:hover, :active) {
    color: var(--hover-link-color);
    text-decoration-color: var(--hover-link-color);
    transition: 0.3s ease all;
}

:is(h1, h2, h3, h4, h5, h6, a, p, li, span, strong) {
    text-rendering: geometricPrecision;
}

:is(.h0, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h7, .h8) {
    color: var(--title-color);
    line-height: var(--primary-line-height);
}

button:is(:hover) {
    color: var(--link-color);
    text-decoration: underline;
    text-decoration-color: var(--link-color);
}

button:is(:focus-visible, :focus-within, :focus) {
    outline: 0;
}

.primary-button,
.secondary-button,
.wp-block-button > .wp-element-button{
    line-height: 1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.primary-button{
    -webkit-tap-highlight-color: transparent;
}

.secondary-button{
    -webkit-tap-highlight-color: transparent;
}

.tertiary-button {
    font-weight: var(--secondary-font-weight);
    color: var(--tertiary-button-text-color);
    text-decoration: none;
    border-bottom: 0.1rem solid;
    border-bottom-color: transparent;
    transition: 0.3s ease all;
    -webkit-tap-highlight-color: transparent;
}

.tertiary-button:is(:active, :hover, :focus) {
    color: var(--tertiary-button-hover-text-color);
    border-bottom-color: currentColor;
    text-decoration: none;
    transition: 0.3s ease all;
}

.tertiary-button::after {
    content: '';
    display: inline-block;
    margin-left: 0.1rem;
    width: 1rem;
    height: 1rem;
    border-bottom: 0.2rem solid;
    border-right: 0.2rem solid;
    transform: translateY(-0.1em) rotate(-45deg);
    border-bottom-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
    border-bottom-right-radius: 0.1rem;
}    

body :is(.featured-menu li a:last-child) {
    text-transform: uppercase;
    border-radius: 10rem !important;
}

blockquote {
    border-left: 0.2rem solid var(--color-deepest-blue);
    padding-left: var(--small-column-gap);
    color: var(--color-slate);
    margin: var(--item-row-gap);
}

/* POST LOOP - JOB */
.post-loop-job details{
    border: 0.1rem solid;
    transition: all 0.3s ease;
    color: var(--text-color);
}

.post-loop-job summary{
    padding: 2.4rem calc(4.4rem + var(--item-column-gap)) 2.4rem 2.4rem;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--item-row-gap);
}

.post-loop-job summary::-webkit-details-marker,
.post-loop-job summary::marker {
    display: none; 
}

.post-loop-job summary::before,
.post-loop-job summary::after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 2.4rem;
    width: 2rem;
    transition: transform 0.3s ease;
    border-bottom: 0.2rem solid;
    color: var(--accent-color);
}

.post-loop-job summary::before{
    transform: translateY(-50%);
}

.post-loop-job summary::after{
    transform: translateY(-50%) rotate(90deg);
}

.post-loop-job details[open] summary::after{
    transform: translateY(-50%) rotate(0deg);
}

.post-loop-job summary h3{
    font: var(--font-headline-5);
    margin: 0;
}

.post-loop-job summary ul{
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: calc(var(--item-row-gap) / 2);
    column-gap: var(--item-column-gap);
}

.post-loop-job summary ul li{
    list-style: none;
    display: block;
    font: var(--font-body-small);
    text-transform: uppercase;
    padding: 0.28em 1.14em;
    border-radius: 5rem;
    background-color: var(--color-skylight-blue);
    color: var(--color-black);
    white-space: nowrap;
}

.post-loop-job-content{
    padding: 0 2.4rem 2.4rem;
}

.post-loop-job-department{
    padding: 0;
    margin: 0;
}

.post-loop-job-department li{
    list-style: none;
    display: inline;
    font: var(--font-headline-7);
}

.post-loop-job-department li:not(:last-child)::after{
    content: ',';
    display: inline;
}

.post-loop-job details:not([open]) {
    --title-color: var(--accent-color);
}

.post-loop-job details:is(:hover, [open]){
    --background-color: var(--accent-color);
    --text-color: var(--dark-background-text-color);
    --title-color: var(--dark-background-title-color);
    --link-color: var(--color-white);
    --hover-link-color: var(--color-ice-blue);

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

.post-loop-job details:is(:hover, [open]) summary::before,
.post-loop-job details:is(:hover, [open]) summary::after {
    color: var(--color-white);
}

.post-loop-job-cta{
    white-space: nowrap;
}

.post-loop-job details[open] .post-loop-job-content .post-loop-job-cta a {
    background-color: var(--color-white);
    color: var(--accent-color);
    transition: 0.3s ease all;
}

.post-loop-job details[open] .post-loop-job-content .post-loop-job-cta a:is(:hover, :focus, :active) {
    background-color: var(--color-deepest-blue);
    color: var(--color-white);
    transition: 0.3s ease all;
}

@media (min-width: 768px){
    .post-loop-job summary{
        flex-wrap: nowrap;
        align-items: center;
    }

    .post-loop-job summary ul{
        margin-left: auto;
        flex-wrap: nowrap;
    }

    .post-loop-job-content{
        display: grid;
        grid-template-columns: minmax(0, auto) min-content;
        column-gap: var(--column-gap);
        row-gap: var(--item-row-gap);
    }

    .post-loop-job-department{
        grid-column: span 2;
    }

    .post-loop-job-description p:last-child{
        margin-bottom: 0;
    }
}


/* POST LOOP */
.post-loop a{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    background-color: var(--color-light-gray);
}

.post-loop .post-loop-image{
    overflow: hidden;
    margin: 0;
}

article:is(.webinar) .post-loop .post-loop-image{
    aspect-ratio: 1;
}

.post-loop .post-loop-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
    display: block;
    margin: 0;
}

.post-loop a:is(:hover, :focus, :active) .post-loop-image img{
    transform: scale(1.1);
}

.post-loop-inner{
    padding: var(--item-row-gap) var(--item-column-gap);
    align-self: center;
    color: var(--color-black);
}

.post-loop-type{
    font: var(--font-body-small);
    margin-bottom: calc(var(--item-row-gap) / 2);
}

.post-loop-tags{
    padding: 0;
    margin-bottom: 0;
    font: var(--font-body-small);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: calc(var(--item-column-gap) / 2);
    row-gap: calc(var(--item-row-gap) / 2);
}

.post-loop-tags li{
    list-style: none;
    display: block;
}

.post-loop-tags li.post-loop-featured {
    list-style: none;
    display: block;
    font: var(--font-body-small);
    text-transform: uppercase;
    padding: 0.28em 1.14em;
    border-radius: 5rem;
    background-color: var(--color-vibrant-blue);
    color: var(--color-white);
    white-space: nowrap;
}

.post-loop-tags li.post-loop-resource-type,
.post-loop-tags li.post-loop-type{
    list-style: none;
    display: block;
    font: var(--font-body-small);
    text-transform: uppercase;
    padding: 0.28em 1.14em;
    border-radius: 5rem;
    border: 0.1rem solid transparent;
    white-space: nowrap;
}

.post-loop-tags li.post-loop-resource-type-blog{
    background-color: var(--color-skylight-blue);
    color: var(--color-black);
}

.post-loop-tags li.post-loop-resource-type-webinars{
    background-color: var(--color-sunburst);
    color: var(--color-black);
}

.post-loop-tags li.post-loop-resource-type-exclusive-content,
.post-loop-tags li.post-loop-resource-type-guides,
.post-loop-tags li.post-loop-type{
    color: var(--color-deepest-blue);
    border-color: currentColor;
}

.post-loop-tags li:not(.post-loop-featured) {
    order: 2;
    margin-bottom: 0;
}

.post-loop-tags li.post-loop-flair{
    text-transform: uppercase;
    padding: 0.28em 1.42em;
    border-radius: 5rem;
    color: var(--color-white);
    background-color: var(--color-vibrant-blue);
}

.post-loop h3{
    font-size: 2.4rem;
    color: var(--title-color);
    margin-bottom: 0;
    line-height: var(--title-line-height);
    overflow-wrap: break-word;
}

.post-loop p{
    margin-bottom: var(--extra-small-row-gap);
}

.post-loop a .read-more::after{
    content: '';
    display: inline-block;
    margin-left: 0.2em;
    width: 0.4em;
    height: 0.4em;
    border-bottom: 0.2rem solid;
    border-right: 0.2rem solid;
    transform: translateY(-0.1em) rotate(-45deg);
}

.post-loop a:is(:hover, :focus, :active) {
    --link-color: var(--text-color);
    --hover-link-color: var(--text-color);
}

.post-loop a .read-more {
    font-weight: var(--secondary-font-weight);
    color: var(--tertiary-button-text-color);
    text-decoration: none;
    border-bottom: 0.1rem solid;
    border-bottom-color: transparent;
    transition: 0.3s ease all;
    align-self: flex-start;
}

.post-loop a:is(:hover, :focus, :active) .read-more {
    color: var(--tertiary-button-hover-text-color);
    border-bottom-color: currentColor;
    text-decoration: none;
    transition: 0.3s ease all;
}


/* POST LOOP EVENT */
.post-loop-event .post-loop-image{
    height: 100%;
    max-width: 100%;
}

/* PAGINATION */
.navigation.pagination .nav-links{
    --text-color: var(--color-black);
    --title-color: var(--color-deepest-blue);
    --link-color: var(--light-background-link-color);
    --hover-link-color: var(--light-background-hover-link-color);

    display: flex;
    align-items: center;
    justify-content: center;
}

.navigation.pagination .nav-links .page-numbers{
    padding: 2.4rem;
    text-align: center;
    opacity: 0.5;
    text-decoration: none;
    min-height: 7.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: var(--text-color);
}

.navigation.pagination .nav-links .page-numbers::before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0.5;
    border-bottom: 0.2rem solid;
}

.navigation.pagination .nav-links .page-numbers:is(:hover, :focus, :active){
    opacity: 1;
    color: var(--title-color);
}

.navigation.pagination .nav-links .page-numbers.current{
    opacity: 1;
    color: var(--title-color);
}

.navigation.pagination .nav-links .page-numbers.current::before{
    opacity: 1;
    border-bottom-width: 0.4rem;
}

.navigation.pagination .nav-links .page-numbers:is(:hover, :focus, :active)::before{
    opacity: 1;
}

.navigation.pagination .nav-links :is(.prev, .next){
    font-size: 0;
}

.navigation.pagination .nav-links :is(.prev, .next)::after{
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-bottom: 0.2rem solid;
    border-right: 0.2rem solid;
}

.navigation.pagination .nav-links .prev::after{
    transform: rotate(135deg);
}

.navigation.pagination .nav-links .next::after{
    transform: rotate(-45deg);
}

/* COMMENTS */
.comments-wrapper {
    max-width: 100%;
    margin: var(--block-margin) auto 0;
    padding: var(--row-gap) 0;
    background: var(--color-light-gray);
}

.comments-area {
    display: grid;
    row-gap: 4rem;
    width: var(--wide-width);
    max-width: 96rem;
    margin: 0 auto;
}

.comments-title{
    font: var(--font-headline-5);
    margin-bottom: 2.4rem;
}

.comments-heading > *:last-child{
    margin-bottom: 0;
}

body .comments-wrapper .comments-area .comment-respond form.comment-form p > :is(input:is([type="text"], [type="email"]), textarea){
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 0.5em 0;
}

body .comments-wrapper .comments-area .comment-respond form.comment-form p > :is(input, textarea):hover {

    border-color: var(--color-black);
    transition: 0.3s ease all;
}

body .comments-wrapper .comments-area .comment-respond form.comment-form p > :is(input, textarea):is(:active, :focus) {
    border-color: var(--color-deepest-blue);
    transition: 0.3s ease all;
}

.comments-area .comment-list {
    order: 2;
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: 0.2rem solid var(--color-deepest-blue);
}

.comments-area .comment-list li.depth-1 {
    padding-top: var(--item-row-gap);
}

.comments-area .comment {
    padding: var(--item-row-gap) 0;
}

.comments-area .comment-list .comment-respond{
    margin: var(--item-row-gap) 0 var(--item-row-gap) 4rem;
}

.comments-area .comment-respond h3 {
    font: var(--font-headline-7);
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.comments-area .comment-respond h3 a:not(small a) {
    margin-left: 0.2em;
    margin-right: auto;
    text-decoration: none;
}

.comments-area .comment:not(:has(.children)) {
    padding-top: 0;
    border-bottom: 0.2rem solid var(--color-gray);
}

.comments-area .comment .comment-author a {
    pointer-events: none;
    text-decoration: none;
    color: var(--color-deepest-blue);
    font: var(--font-headline-7);
}

.comments-area .comment .comment-meta a {
    text-decoration: none;
    font: var(--font-body-xsmall);
}

.comments-area .comment .reply a.comment-reply-link {
    font: var(--font-body-xsmall);
}

.comments-area .comment .comment-body .reply {
    margin-top: 0.8rem;
}

.comments-area .comment .comment-body p {
    margin-top: 2.4rem;
    margin-bottom: 0;
}

.comments-area .comment-list .comment .children {
    list-style: none;
    padding-top: var(--item-row-gap);
    padding-right: 4rem;
}

.comments-area .comment-list .comment .children {
    border-bottom: 0;
}

.comments-area .comment-list .comment .children .comment {
    padding-top: var(--item-row-gap);
    border-top: 0.2rem solid var(--color-gray);
}

.comments-area .comment .comment-author cite {
    color: var(--color-deepest-blue);
    font: var(--font-body);
    font-weight: 700;
}

.comments-area .comment-list .comment .children .comment .comment-body .comment-meta {
    margin-bottom: var(--item-row-gap);
}

.comments-area form {
    display: grid;
    column-gap: var(--small-column-gap);
    row-gap: var(--small-row-gap);
}

.comments-area form :is(label, input:is([type="text"], [type="email"]), textarea){
    display: block;
    width: 100%;    
}

.comments-area form > p.logged-in-as > .required-field-message{
    display: block;
}

.comments-area form > p.comment-notes {
    order: 1;
}

.comments-area form > p.comment-form-author {
    order: 2;
}

.comments-area form > p.comment-form-last-name {
    order: 3;
}

.comments-area form > p.comment-form-email {
    order: 4;
}

.comments-area form > .comment-form-comment {
    order: 5;
}

.comments-area form > .comment-terms-checkbox {
    order: 6;
}

.comments-area form > .form-submit {
    order: 7;
    max-width: fit-content;
}

.comments-area #reply-title small a{
    font: var(--font-body);
}

.comment-terms-checkbox{
    position: relative;
    overflow: hidden;
}

.comment-terms-checkbox input{
    position: absolute;
    bottom: 100%;
    cursor: pointer;
}

.comment-terms-checkbox label{
    cursor: pointer;
    display: flex!important;
    align-items: center;
}

.comment-terms-checkbox label::before{
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    border: 0.1rem solid;
    margin-right: 0.3em;
    flex-shrink: 0;
}

.comment-terms-checkbox input:checked ~ label::before{
    border-color: var(--color-vibrant-blue);
    background-color: var(--color-vibrant-blue);
}

.comment-terms-checkbox input:checked ~ label::after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.3em;
    height: 0.5em;
    border-bottom: 0.2rem solid;
    border-right: 0.2rem solid;
    border-color: var(--color-white);
    transform: translate(0.35em, calc(-50% - 0.15em)) rotate(45deg);
}

@media (min-width: 768px) {
    .comments-area form{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .comments-area form > *{
        grid-column: span 3;
    }

    .comments-area form > p.comment-form-author{
        grid-column: span 1;
    }

    .comments-area form > p.comment-form-last-name {
        grid-column: span 1;
    }

    .comments-area form > p.comment-form-email {
        grid-column: span 1;
    }
}

/* FORMS */
body :is(input:is([type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"]), select, textarea) {
    color: var(--form-input-border-color);
}


/* EMBEDDED FORMS */
.hs-form-private {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
    column-gap: var(--small-column-gap);
}

.hs-form-private a{
    color: var(--link-color)!important;
}

.hs-form-private a:is(:hover, :focus, :active){
    color: var(--hover-link-color)!important;
}

:is(.hs-form-private, .hsfc-Form) label {
	font-size: 1.6rem !important;
	font-family: var(--primary-font) !important;
	font-weight: 500 !important;
    color: var(--text-color) !important;
}

body :is(.hs-form-private, .hsfc-Form) :is(input, textarea, select),
body :is(.hs-form-private, .hsfc-Form) :is(input, textarea, select):is(:focus, :hover) {
	color: var(--color-black) !important;
    outline: 0 !important;
    box-shadow: none !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
    border-bottom: #cad5e2 solid !important;
	border-color: #cad5e2; !important;
	border-bottom-color: #cad5e2; !important;
	border-bottom-width: 2px !important;
    padding: 0 !important;   
}

:is(.hs-form-private, .hsfc-Form) fieldset:has(.hs-fieldtype-textarea) {
    grid-column: span 2 !important;
}

:is(.hs-form-private, .hsfc-Form) select {
    appearance: auto !important;
}

:is(.hs-form-private, .hsfc-Form) .inputs-list {
    padding-left: 0 !important;
}

:is(.hs-form-private, .hsfc-Form) .input select {
    font: var(--font-body) !important;
}

:is(.hs-form-private, .hsfc-Form) fieldset:has(.legal-consent-container) {
    grid-column: span 2 !important;
}

:is(.hs-form-private, .hsfc-Form) .hs_submit input.hs-button {
    font: var(--font-body);
    text-transform: uppercase;
    border-width: var(--primary-button-border-width) !important;
    border-style: var(--primary-button-border-style) !important;
    border-radius: 10rem !important;
    padding: var(--primary-button-padding) !important;
    border-color: var(--primary-button-border-color) !important;
    background-color: var(--primary-button-background-color) !important;
    color: var(--primary-button-text-color) !important;
    box-shadow: var(--primary-button-box-shadow) !important;
    margin: 0;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    text-shadow: none;
}

:is(.hs-form-private, .hsfc-Form) .hs_submit input.hs-button:is(:active, :hover, :focus) {
    background-color: var(--primary-button-hover-background-color) !important;
    border-color: var(--primary-button-hover-border-color) !important;
    color: var(--primary-button-text-color) !important;
    font: var(--font-body);
    transition: all 0.3s ease;
    text-shadow: none;
}

:is(.hs-form-private, .hsfc-Form) .legal-consent-container .hs-richtext{
    color: var(--text-color)!important;
}

:is(.hs-form-private, .hsfc-Form) .hsfc-DropdownOptions {
	background-color: var(--color-white) !important;
}

:is(.hsfc-Form) .hsfc-Button {
	text-transform: uppercase !important;
	border-radius: 3px !important;
    padding: 12px 24px !important;
}

@media (max-width: 430px) {
	.hsfc-NavigationRow__Buttons>* {
		width: auto !important;
		margin-right: auto !important;
	}
}

:root {
	--hsf-field-input__background-color: transparent;
	--hsf-background__padding: 0;
	--hsf-erroralert__font-size: 14px;
	--hsf-button__background-color: var(--color-vibrant-blue);
	--hsf-button__font-size: 14px;
}


/* EVENTS */
body{
    --tec-color-text-events-title-day: var(--color-deepest-blue);
    --tec-color-text-events-title-latest-past: var(--color-deepest-blue);
    --tec-color-text-event-title-list: var(--color-deepest-blue);
    --tec-color-text-events-title-month-multiday: var(--color-deepest-blue);
    --tec-color-text-events-title-widget-list: var(--color-deepest-blue);
    --tec-color-text-secondary-event-date-month: var(--color-black);
    --tec-color-text-secondary-event-date-month-mobile: var(--color-black);
    --tec-color-text-day-of-week-month: var(--color-black);
    --tec-color-day-marker-month: var(--color-black);
    --tec-color-day-marker-month-hover: var(--color-black);
    --tec-color-day-marker-month-active: var(--color-black);
    --tec-color-day-marker-current-month: var(--color-black);
    --tec-color-day-marker-current-month-hover: var(--color-black);
    --tec-color-day-marker-current-month-active: var(--color-black);
    --tec-color-day-marker-past-month: var(--color-black);
    --tec-color-day-marker-past-month-hover: var(--color-black);
    --tec-color-day-marker-past-month-active: var(--color-black);
    --tec-color-text-day-of-week-week: var(--color-deepest-blue);
    --tec-border-radius-month-multiday: 1rem;
    --tec-color-text-events-bar-input: var(--color-black);
    --tec-color-text-view-selector-list-item: var(--color-black);
    --tec-color-text-view-selector-list-item-hover: var(--color-black);
    --tec-color-text-events-bar-submit-button: var(--color-white);
    --tec-color-background-events-bar-submit-button: var(--color-vibrant-blue);
    --tec-color-background-events-bar-submit-button-hover: var(--color-deepest-blue);
    --tec-color-background-events-bar-submit-button-active: var(--color-deepest-blue);
    --tec-color-icon-events-bar: var(--color-vibrant-blue);
    --tec-color-icon-events-bar-active: var(--color-deepest-blue);
    --tec-color-icon-events-bar-hover: var(--color-deepest-blue);
    --tec-color-background-view-selector-list-item-hover: transparent;

    /* EVENTS TEXT */
    --tec-font-family-sans-serif: var(--primary-font);
    --tec-color-accent-primary: var(--color-vibrant-blue);
    --tec-color-accent-secondary: var(--color-vibrant-blue);
    --tec-color-button-primary: var(--color-vibrant-blue);
    --tec-color-text-secondary: var(--color-black);
    --tec-color-border-default: var(--color-black);
    --tec-color-icon-secondary: var(--color-black);
}

body .tribe-common .tribe-events-before-html h1 {
    font: var(--font-headline-1);
}

body .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-breadcrumbs {
    order: -1;
    margin-bottom: var(--tec-spacer-2);
}

body .tribe-events-header__title .tribe-events-category-description {
    margin-bottom: var(--tec-spacer-10);
}

body .tribe-common--breakpoint-medium.tribe-common input.tribe-common-form-control-text__input{
    padding: 0.5em 1em 0.5em calc(1em + 2rem);
    border: none;
}

body .tribe-common.tribe-events button:focus{
    outline: none;
}

body .tribe-events button.tribe-events-c-nav__next:disabled, 
body .tribe-events button.tribe-events-c-nav__prev:disabled{
    font: var(--font-body);
}

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, 
.single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text, 
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, 
.tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text{
    text-decoration: none!important;
}

body.single-tribe_events .tribe-events-single div.tribe-events-event-meta{
    width: 100%;
}

body .tribe-events-venue-map{
    width: 100%;
}

body .tribe-events-meta-group h2.tribe-events-single-section-title{
    font: var(--font-headline-5);
}

body .tribe-events-meta-group dt{
    font: var(--font-headline-7);
}

body .tribe-events .tribe-events-calendar-list__event-title-link:hover,
body .tribe-events .tribe-events-calendar-day__event-title-link:hover,
body .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title-link:hover,
body .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title-link:hover{
    border-bottom-color: transparent;
}

body .tribe-events-calendar-month__multiday-event-hidden-link{
    cursor: default;
}

body .tribe-events-before-html{
    margin: 0 auto var(--row-gap);
    max-width: var(--default-block-width);
}

body .tribe-events-before-html h2{
    margin-bottom: var(--item-row-gap);
}

body .tribe-events-before-html p{
    margin-bottom: 1lh;
}

body .tribe-common .tribe-common-h--alt {
    --tec-font-weight-regular: var(--primary-font-weight);
    color: var(--title-color);
}

body .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border {
    border: none;
}

body .tribe-events .tribe-events-c-events-bar__search-container {
    border-radius: var(--primary-button-border-radius);
    border: 1px solid var(--color-deepest-blue);
}

body .tribe-events .tribe-events-c-search__input-control-icon-svg path {
    fill: var(--color-deepest-blue);
}

body .tribe-events .tribe-events-c-search__button,
body .tribe-events button.tribe-events-c-search__button {
    margin-right: 1rem;
}

body .tribe-events .tribe-events-c-view-selector__list-item-text {
    transition: 0.3s ease all;
}

body .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item:is(:hover) .tribe-events-c-view-selector__list-item-text {
    color: var(--color-vibrant-blue);
    transition: 0.3s ease all;
}

body .tribe-events .tribe-events-c-search__button,
body .tribe-events .tribe-events-c-search__button:hover,
body .tribe-events button.tribe-events-c-search__button,
body .tribe-events button.tribe-events-c-search__button:hover,
body .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button,
body .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
    border-radius: var(--primary-button-border-radius);
}

body .tribe-filter-bar .tribe-filter-bar-c-filter--accordion .tribe-filter-bar-c-filter__toggle:focus,
body .tribe-filter-bar .tribe-filter-bar-c-filter--accordion button.tribe-filter-bar-c-filter__toggle:focus,
body .tribe-filter-bar .tribe-filter-bar-c-filter__toggle:focus,
body .tribe-filter-bar button.tribe-filter-bar-c-filter__toggle:focus {
    outline: none;
}

body .tribe-events button.tribe-events-c-top-bar__datepicker-button:is(:hover, :focus) {
    color: var(--color-vibrant-blue);
    transition: 0.3s ease all;
    opacity: 1;
}

body .tribe-events .tribe-events-calendar-list__event-title-link,
body .tribe-events .tribe-events-calendar-list__event-title-link:hover {
    color: var(--title-color);
}

body .tribe-common .tribe-events-calendar-list__event-description ul {
    list-style: inherit;
    list-style-position: inside;
}

body .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button {
    color: var(--color-white);
    border-color: var(--color-vibrant-blue);
    background-color: var(--color-vibrant-blue);
}

body .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:is(:hover, :focus, :focus-within) {
    border-color: var(--color-deepest-blue);
    background-color: var(--color-deepest-blue);
}

body .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:focus,
body .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:focus {
    outline: none;
}

@media (min-width: 768px){
    body.single-tribe_events .tribe-events-single div.tribe-events-event-meta{
        flex-wrap: nowrap;
    }

    body .tribe-events-meta-group{
        min-width: 50%;
    }

    body .tribe-common .tribe-events-c-top-bar .tribe-events-c-top-bar__datepicker {
        margin-left: 13.4rem;
    }
}


/* The filter bar */
.tribe-filter-bar .tribe-filter-bar-c-checkbox.has-parent {
    padding-left: 3rem;
}

/*
* DISPLAYING THE COMPACT HEADER
*/
.header-advanced:has(~ main:is([data-compact-header="1"])) :is(.header-advanced-announcements, .header-advanced-utility, .header-advanced-main-navigation-level-1, .header-advanced-main-mobile-icons, .header-advanced-collapsable) {
    display: none;
}

.header-advanced:has(~ main:is([data-compact-header="1"])) .compact-header {
    display: flex;
    align-items: center;
    gap: var(--small-column-gap);

    @media (max-width: 1199px) {
        flex-wrap: wrap;
        height: auto;
        padding: inherit;
        position: relative;
        overflow: hidden;
        justify-content: flex-end;
    }
}

.header-advanced:has(~ main:is([data-compact-header="1"])) .compact-header :is(.primary-button, .secondary-button, .tertiary-button) {
    font: var(--font-body);
    flex-shrink: 0;

    @media (max-width: 1199px) {
        font: var(--font-body-small);
    }
}

/* WHITE BUTTON */
.header-advanced:is([data-color-scheme|="light"], [data-color-scheme|="medium"]):has(~ main:is([data-compact-header="1"])) .compact-header .primary-button.white {
    color: var(--color-vibrant-blue);
    border-color: var(--color-vibrant-blue);
    background-color: var(--color-white);
    
    &:is(:active, :hover) {
        color: var(--color-white);
        background-color: var(--color-deepest-blue);
        border-color: var(--color-deepest-blue);
    }
}

.header-advanced:is([data-color-scheme|="dark"]):has(~ main:is([data-compact-header="1"])) .compact-header .primary-button.white {
    &:is(:active, :hover) {
        color: var(--color-white);
        background-color: var(--color-deepest-blue);
        border-color: var(--light-background-color);
    }
}

/* VIBRANT BLUE */
.header-advanced:has(~ main:is([data-compact-header="1"])) .compact-header .primary-button.vibrant-blue {
    color: var(--color-white);
    background-color: var(--color-vibrant-blue);
    border-color: var(--color-vibrant-blue);

    &:is(:active, :hover) {
        background-color: var(--color-deepest-blue);
        border-color: var(--color-deepest-blue);
    }
}

.header-advanced:is([data-color-scheme|="dark"]):has(~ main:is([data-compact-header="1"])) .compact-header .primary-button.vibrant-blue {    
    &:is(:active, :hover) {
        color: var(--color-deepest-blue);
        background-color: var(--color-white);
        border-color: var(--color-white);
    }
}

/* COGENCY BLUE */
.header-advanced:has(~ main:is([data-compact-header="1"])) .compact-header .primary-button.cogency-blue {
    color: var(--color-white);
    background-color: var(--color-deepest-blue);
    border-color: var(--color-deepest-blue);
}

.header-advanced:is([data-color-scheme|="light"], [data-color-scheme|="medium"]):has(~ main:is([data-compact-header="1"])) .compact-header .primary-button.cogency-blue {
    &:is(:active, :hover) {
        background-color: var(--color-vibrant-blue);
        border-color: var(--color-vibrant-blue);
    }
}

.header-advanced:is([data-color-scheme|="dark"]):has(~ main:is([data-compact-header="1"])) .compact-header .primary-button.cogency-blue {
    border-color: var(--color-white);
    
    &:is(:active, :hover) {
        color: var(--color-deepest-blue);
        background-color: var(--color-white);
        border-color: var(--color-white);
    }
}

/*
* HIDING HEADER AND FOOTER ON LANDING PAGES
*/
.header-advanced:has(~ main:is([data-hide-header="1"])) {
    display: none;
}

.header:has(~ main:is([data-hide-header="1"])) .header-inner :is(.header-top-nav, nav) {
    display: none;
}

.page-wrapper:has(main:is([data-hide-footer="1"])) :is(div[data-enable-cta-bar="true"], footer .footer-main) {
    display: none;
}

.page-wrapper:has(main:is([data-hide-footer="1"])) footer {
    padding: var(--row-gap) 0;
}

.page-wrapper:has(main:is([data-hide-footer="1"])) .footer-copyright {
    margin-top: 0;
}