/* ==========================================================================
    Voutique 3.5 CSS - Career Marketplace
    -------------------------------------------------------------------------

    ELEMENTS
    -------------------------------------------------------------------------
    Buttons
    Typography
      : Labels
      : Titles
    Fields

    MODULES
    -------------------------------------------------------------------------
    : Header
    : Navbar

    COMPONENTS
    -------------------------------------------------------------------------
    : Main Banner
    : Home video
    Navigation
      : Tabs

    BLOG
    -------------------------------------------------------------------------

========================================================================== */
/* MARK: Replace variable in library theme */
:root {
    --t-tc--footer--padding--top: var(--t-gs--space--xl);
    --t-tc--footer--padding--bottom: var(--t-gs--space--xl);
    --t-tc--menu__link--padding--v:var(--t-gs--space--m);
    --t-tc--submenu__link--background--color: hsla(216, 100%, 25%, 0.7);
    --t-tc--button-bar--rows--gap: var(--t-gs--space--m);

}

.skip-content, .skip-content:link, .skip-content:visited {
    background-color: var(--t-gs--color--fill--default);
    color: var(--t-gs--color--text--default);
}

/* MARK: Specifics.css fixes/proposals
*/
.section__header--action-next-to-title {
    align-items: baseline; /* fix text vertical alignment */
}

.section--jobs-slider:not(.section--explore-areas) {
    background-image: linear-gradient(180deg, hsl(0, 0%, 100%) 58.57%, hsl(214, 100%, 95%) 100%);
    padding-block-end: var(--t-gs--space--xl);
}
.body:not(.body--home) .banner--secondary--bottom {
    background-color: var(--t-tc--main--background--color) ;

    .section:is(.section--jobs-slider) + &,
    .section:has(.section--jobs-slider) + & {
        background-color: hsl(214, 100%, 95%);
    }
}

.section--discover-our-culture {
    background-color: hsla(0, 0%, 97%, 1);
    margin-block-start: 0;
    --t-tc--grid--columns--gap: calc(2* var(--t-gs--space--xxxl));
    --t-tc--video--border--radius: var(--t-gs--border--radius--s);

    @media (min-width: 1025px) {
        .grid-home {
            display: grid;
            grid-template-columns: 55fr 89fr;
        }
    }

    .embed-container {
        border-radius: var(--t-tc--video--border--radius);
        box-shadow: 0 .1rem .1rem rgba(0, 0, 0, 0.15);
    }
}

/*
    MARK: GLOBAL STYLES: COLOR VARIABLES SETS/Custom Portal
*/
:root {
    --color--brand--AvaBlue: hsla(216, 100%, 25%, 1);
    --color--brand--AvaBlu2: hsla(211, 84%, 40%, 1);
    --color--brand--AvaLight: hsla(211, 97%, 48%, 1);
    --color--brand--New-Purple: hsla(258, 62%, 53%, 1);

    --color--card-suface--teal: hsla(180, 94%, 34%, 1);

    --color--white: hsla(0, 0%, 100%, 1);

    --t-tc--pill--border--color-v-a: hsla(258, 62%, 53%, 0.3);
    --t-tc--pill--border--color-v-b: var(--color--brand--AvaLight);
    --color--bg-skill--v-a: hsla(258, 62%, 53%, 0.08);
}

body:has(.ui-dialog) {
    overflow: hidden;
}

/*
    MARK: COMPONENTS/Modal
*/
.ui-dialog button.ui-button.ui-dialog-titlebar-close .ui-button-icon {
    display: block;
    background-color: var(--t-gs--color--text--default);

    .ui-button:has(&) {
        border: none;
    }
}

/*
    MARK: COMPONENTS/Menu + Submenu
*/

.menu__item--languages > .menu__link {
    text-transform: uppercase; /* Abbreviated language code in uppercase */

    &::after {
        display: none; /* removing arrow according to mock up */
    }
}

.portalLanguages .portalLanguages__item--selected,
.portalLanguages .portalLanguages__item[aria-current=page] {
    display: block;
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .menu__item--languages > .menu__link {
        width: 70%;
    }
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .menu--visible {
        .submenu__list {
            border-color: var(--t-gs--color--fill--transparent);
            background-color: var(--t-gs--color--fill--transparent);
            padding-block-start: 2.2rem;
            box-shadow: none;
        }

        .portalLanguages {
            min-width: 10rem;
        }

        .submenu__item:first-child .submenu__link,
        .portalLanguages .portalLanguages__item:first-child .portalLanguages__link {
            border-start-start-radius: var(--t-tc--menu__link--border--radius);
            border-start-end-radius: var(--t-tc--menu__link--border--radius);
        }

        .menu__link[aria-haspopup="true"][aria-expanded="true"] {
            --t-tc--menu__link--border--color: var(--t-gs--color--fill--transparent);
            --t-tc--menu__link--background--color: var(--t-gs--color--fill--transparent);
        }

        .submenu__item+.submenu__item,
        .portalLanguages__item+.portalLanguages__item {
            border-block-start-width: var(--t-gs--border--width--0);
        }

        .submenu__item[aria-current="page"] .submenu__link,
        .portalLanguages__item.portalLanguages__item--selected .portalLanguages__link {
            --t-tc--submenu__link--background--color: hsla(216, 100%, 15%, 1);
            color: var(--t-gs--color--fill--tonal);
        }

        .submenu__item:not([aria-current="page"]):hover .submenu__link,
        .portalLanguages__item:not(.portalLanguages__item--selected):hover .portalLanguages__link {
            --t-tc--submenu__link--background--color: hsla(216, 100%, 15%, 0.7);
            color: hsla(0, 0%, 100%, 1);
        }
    }
}

.form select:not([multiple]), .body--ismobile.body--Safari .form input[type=date], .body--ismobile.body--Safari .form input[type=month], .TIN_input_date_MonthAndYearInput, .TIN_input_date_MonthAndDayInput, .uicore_advancedselect_BaseAdvancedSelect_AdvancedSelectDownArrow, .uicore_advancedselect_BaseAdvancedSelect_AdvancedSelectDownArrow:hover, .TimeInput, .dropdown__placeholder {
    background-image: var(--t-tc--fields__icon--caret--down2);
    background-position: right calc(-1* var(--t-tc--fields--border--width)) center;
}

.banner--main--home .fieldSpec.ButtonBarField {
    padding-inline-start: var(--t-gs--space--m2);
}

.FieldBorderFormCompletionRequestFieldBorder, .delegate-widget__fieldSpec, .fieldSpec, .datasetfieldSpec, .locationui_CountryStateEditor .country_PLUG_Selector, .formfieldSpec {
    padding-block-end: var(--t-gs--space--l);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--main--home .Section:has(.fieldSpec.ButtonBarField) {
        display: flex;
        align-items: flex-end;
    }
    
    .banner--main--home .fieldSpec.ButtonBarField {
        inline-size: unset;
    }

    .banner--main--home .form--search .fieldSpec.ButtonBarField [id*="-submit"].submitButton {
        --t-tc--buttons--width--min: var(--t-tc--buttons--height);
        flex-basis: unset;
        color: transparent;
        user-select: none;
        font-size: 0;
    
        &:before {
            content: "search";
            display: var(--t-tc--icon--display);
            visibility: var(--t-tc--icon--visibility);
            position: absolute;
            inset: 50%;
            transform: translate(-50%, -48%);
            flex-shrink: 0;
            inline-size: var(--t-tc--icon--width);
            block-size: var(--t-tc--icon--height);
            overflow: hidden;
            color: var(--t-tc--buttons--font--color);
            font-family: var(--t-tc--icon--font--family);
            font-style: normal;
            font-size: 3rem;
            font-weight: var(--t-tc--icon--font--weight);
            font-variation-settings: "wght" var(--t-tc--icon--wght), "wdth" var(--t-tc--icon--wdth), "GRAD" var(--t-tc--icon--GRAD), "FILL" var(--t-tc--icon--fill), "opsz" var(--t-tc--icon--optical-size);
            line-height: 1;
            border-radius: 0;
            text-transform: none;
            text-decoration: none;
            letter-spacing: normal;
            text-indent: initial;
            word-wrap: normal;
            white-space: nowrap;
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            place-content: start center;
        }
    }

    .FieldBorderFormCompletionRequestFieldBorder, .delegate-widget__fieldSpec, .fieldSpec, .datasetfieldSpec, .locationui_CountryStateEditor .country_PLUG_Selector, .formfieldSpec {
        padding-block-end: 0;
    }
}

/*
    ELEMENTS/Buttons
*/

.button:not(.article--card .button):not(.button--login) {
    min-inline-size: var(--t-tc--buttons--width--min);
}

.button.button--login {
    padding-inline-start: var(--t-gs--space--l);
    padding-inline-end: var(--t-gs--space--l);
}

.form--login .button {
    width: 100%;
}

.article--withdraw .button-bar__wrap>* {
    flex-basis: initial;
}

.glightbox-container.glightbox-clean .gclose {
    color: var(--t-gs--swatch--neutral--020);
}

@media (min-width: 992px) {
    .glightbox-clean .gclose {
        opacity: 1;
        top: 3.2rem;
        right: 3.2rem;
    }
}

.body--popup .main__wrapper {
    padding-inline-start: var(--t-gs--space--xl);
    padding-inline-end: var(--t-gs--space--xl);
}

/*
    ELEMENTS/Typography: Labels
*/

.form--login .requiredField,
.tc_formLabel {
    padding-inline-start: var(--t-tc--fieldSpec--padding--inners);
}

.form--login .labelRequiredIcon {
    display: initial;
}

h3.tc_formLabel {
    font-family: var(--t-tc--title--font--family);
    font-size: var(--t-tc--title--h3);
    font-weight: var(--t-tc--title--font--weight);
    color: var(--t-tc--title--font--color);
    display: block;
    border-top-width: .1rem;
    border-top-style: solid;
    border-top-color: var(--t-gs--color--border--default);
    padding-block-start: var(--t-gs--space--xxl);
    --t-tc--fieldSpec--padding--inners: 0;
}

/*
    ELEMENTS/Typography: Titles
*/

.article--withdraw .title {
    color: var(--t-tc--main--font--color);
    padding-block-end: var(--t-gs--space--xxl);
}

.section--job-list-sidebar .title {
    color: var(--t-gs--swatch--neutral--010);
}

/*
    ELEMENTS/Fields
*/

.datasetField__row {
    padding-block-start: var(--t-gs--space--xl);
    padding-block-end: var(--t-gs--space--xl);
    padding-inline-start: var(--t-gs--space--xl);
    padding-inline-end: var(--t-gs--space--xl);
}

.description *[href] {
    text-decoration: underline;
}

/*
    ELEMENTS/Icons: As background (Legacy from 24.3)
*/

.body--events-detail {
    .section__header+* {
        margin-block-start: var(--t-gs--space--0);
    }
    .article--details .article__header+.article__content {
        margin-block-start: var(--t-gs--space--xl);
    }
    .article--details+.article--details {
        padding-block-start: var(--t-gs--space--xxl);
    }

    &.body--extra-panel--slide-over-aside #extra-panel {
        padding-inline-start: var(--t-gs--space--m);
    }
}

.article--details.regular-fields--cols-2Z .article__content__view__field {
    padding-block-end: var(--t-gs--space--s2);
}

.body--events-detail .article--details.regular-fields--cols-2Z .article__content__view__field {
    padding-block-end: var(--t-gs--space--l);
}

.icon-as-bg {
    --icon-as-bg__icon--width: var(--t-gs--font--size--08);
    --icon-as-bg__icon--heigth: var(--t-gs--font--size--08);

    position: relative;
    line-height: var(--icon-as-bg__icon--heigth);
    padding-inline-start: calc(var(--icon-as-bg__icon--width) + var(--t-gs--space--s2));
}

.icon-as-bg:before {
    content: '';
    position: absolute;
    top: .6rem;
    left: 0;
    width: var(--icon-as-bg__icon--width);
    height: var(--icon-as-bg__icon--heigth);
    background-image: var(--icon-as-bg__icon--background--image);
    background-size: contain;
}

/*
    ELEMENTS/Icons: As background (Within WIDGETS/Details: Layouts: Regular fields: 2 columns in Z direction)
*/

.article--details.regular-fields--cols-2Z .article__content__view__field.icon-as-bg {
    padding-inline-start: calc(var(--t-tc--grid--columns--gap) + var(--icon-as-bg__icon--width) + var(--t-gs--space--s2));
}

.article--details.regular-fields--cols-2Z .article__content__view__field.icon-as-bg:before {
    left: var(--t-tc--grid--columns--gap);
}

/*
    ELEMENTS/Navigation: Tabs
*/

.tabs__list__item {
    text-transform: initial;
}

/*
    MARK: ELEMENTS/ GENERAL

*/
.paragraph {
    font-size: var(--t-gs--font--size--default);
    line-height: var(--t-gs--space--l);
    padding-block-end: var(--t-gs--space--m);
}

.thumbnail {
    border:.1rem solid hsla(0, 0%, 100%, 1);
}

.banner__image {
    position: relative;
    inline-size: 10rem;
    aspect-ratio: 1;
    border-radius: var(--t-tc--thumbnail--border--radius);
    overflow: hidden;

    &::after {
        content: '';
        position: absolute;
        inset: 0;
        background-image: linear-gradient(to right, hsl(from var(--color--brand--New-Purple) h s l / .9), hsl(from var(--color--brand--New-Purple) h s l / .4));

        -webkit-mask: radial-gradient(circle, transparent 55%, black 60%);
        mask: radial-gradient(circle, transparent 55%, black 60%);
    }
}

.banner__text__subtitle {
    font-size: var(--t-gs--font--size--06);
    font-weight: var(--t-gs--font--weight--regular);
    text-transform: none;
}

.footer__social__item {
    filter: grayscale(1);
    opacity: .5;
    transition: all .3s;

    &:hover {
        filter: grayscale(0);
        opacity: 1;
    }
}

.profile__picture {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    border-radius: inherit;
}

.profile__subtitle {
    font-size: var(--t-gs--font--size--06);
    padding-block-end: var(--t-gs--space--m);
}

.banner__image {
    margin-inline-end: var(--t-gs--space--l);
}

.article--card {
    .title .link {
        --t-gs--font--weight--bold: 500;
    }

    .button--share span[data-tc-icon] {
        display: none;
    }
}

/*
    MARK: Home
*/
.body--home {
    .main__wrapper {
        --t-tc--main--padding--top: calc(var(--t-gs--space--base) * 16);
    }
}

/* MARK: ↳ article billboard
*/
.article--billboard {
    .title {
        --t-tc--title--font--weight: var(--t-gs--font--weight--bold);
        --t-tc--title--font--color: var(--t-gs--swatch--neutral--100);

        text-shadow: 0 .2rem .1rem hsl(from var(--t-gs--swatch--neutral--000) h s l / .5);
    }

    .swiper-slide:has(&) {
        &:nth-child(4n+1) {
            --t-tc--billboard--gradient: var(--color--brand--New-Purple);
            --t-tc--billboard__after--background--color: var(--color--brand--New-Purple);
        }

        &:nth-child(4n+2) {
            --t-tc--billboard--gradient: var(--color--brand--AvaLight);
            --t-tc--billboard__after--background--color: var(--color--brand--AvaLight);
        }

        &:nth-child(4n+3) {
            --t-tc--billboard--gradient: var(--color--card-suface--teal);
            --t-tc--billboard__after--background--color: var(--color--card-suface--teal);
        }

        &:nth-child(4n+4) {
            --t-tc--billboard--gradient: var(--color--brand--AvaBlue);
            --t-tc--billboard__after--background--color: var(--color--brand--AvaBlue);
        }
    }

    .article__banner {
        &::after {
            content: '';
            position: absolute;
            inset: 0;
            background-image:radial-gradient(ellipse 200% 100% at 70% top, transparent 60%, var(--t-tc--billboard--gradient) 140%);
        }
    }
}

/*
    MARK: Banners
*/
.banner--main {
    --t-tc--banner--background--image: var(--main--bg--gradient);
    --t-tc--banner--min-height: 28.7rem;
    --t-tc--banner--background--color: hsla(211, 84%, 40%, 1);

    min-block-size: var(--t-tc--banner--min-height);

    .banner__wrapper {
        .banner__title {
            display: flex;
            align-items: end;
            block-size: 100%;
            padding-block-end: var(--t-gs--space--xl);

            .banner:not(.banner--main--home):not(.banner--main--alt) & {
                padding-block: var(--t-tc--header--height) 0;
                align-items: center;
            }
        }
    }

    /*
        MARK: ↳ Static Pages (Override/complement)
    */

    &.banner--main--alt:not(.body--ismobile.body--recommended-jobs .banner--main--alt) {
        --t-tc--banner--background--image--position: top center;
        --t-tc--banner--min-height: 50rem;

        display: flex;
        align-items: flex-end;

        .banner__wrapper {
            background-image: var(--main--bg--gradient);
            margin-inline: unset;
            max-inline-size: 100%;
            max-block-size: 16rem;

            .banner__title {
                align-items: center;
                padding-block-end: unset;
                max-inline-size: var(--t-tc--content--w--full);
                inline-size: min(100%, var(--t-tc--content--w--full));
                margin: auto;
            }
        }
    }

    .body--blog & {
        --t-tc--banner--min-height: 42.5rem;
        background-image:
            linear-gradient(255.37deg, rgba(45, 205, 205, 0) 28.11%, rgba(1, 25, 70, 0.9) 85.19%),
            var(--t-tc--banner--background--image);
        background-position: top center;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--main,
    .banner--main.banner--main--alt:not(.body--ismobile.body--recommended-jobs .banner--main--alt) {
        --t-tc--banner--min-height: 20rem;
    }
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--header-fixed-on-scroll .banner--main {
        inset-block-start: 0;
    }
}

.banner--secondary {
    .button {
        --t-tc--buttons--width--min: 15rem;
        min-inline-size: var(--t-tc--buttons--width--min);
    }
}

.v--banner--secondary--top {
    background: linear-gradient(90deg, #9747FF 2%, #6B3ED2 10.65%, #2C2B96 37.5%, #001845 100%);

    & .banner__text__title__phrase {
        color:var(--t-gs--swatch--button--100);
        font-size: var(--t-gs--font--size--09);
    }
}
.banner--secondary.banner--secondary--image .banner__wrapper {
    block-size: 100%;
    justify-content: flex-end;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.banner--secondary--image {
    background-size: auto 98%;
    background-color: var(--t-gs--swatch--brand--100);
    background-image: var(--t-tc--home__banner--background__footer--image);
    mix-blend-mode: multiply;
    block-size: 60rem;
    background-position: bottom center;
    padding-block-end: var(--t-gs--space--xl);
    position: relative;
}

.banner--secondary--image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: var(--t-tc--home__banner--background__footer--gradient);
    background-size: cover;
    background-repeat: repeat-x;
}

.banner--secondary.banner--secondary--image .banner__text__title__phrase {
    font-size: 2.6rem;
    font-weight: 600;
}

.v--banner--tc {
    background-image: var(--t-tc--bottom__banner--background--image);
    background-size: cover;
    background-position: center;
    border-radius: var(--t-gs--border--radius--m);
    margin-block-end: var(--t-gs--space--xxl);
    margin-block-start: var(--t-gs--space--xxl);

    & .title {
        color:var(--t-tc--banner--font--color);
        font-weight: 600;
    }
    @media (max-inline-size: 750px) {
        margin-inline-start: var(--t-tc--grid--laterals);
        margin-inline-end: var(--t-tc--grid--laterals);
        inline-size: auto;
    }
}

.banner__text__title__phrase {
    font-size: var(--t-gs--font--size--06);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .v--banner--secondary--top {
        background: var(--t-gs--swatch--neutral--095);
    
        & .banner__text__title__phrase {
            color: var(--t-gs--swatch--link--040);
            font-size: var(--t-gs--font--size--08);
        }
    }
}

@media all and (min-width:1025px) {
    .v--banner--tc .title {
        display: flex;
        align-items: center;
    }
}

/*
    MARK: HOME PAGE
*/

.banner--main--home {
    position: relative;
}

.banner--main--home .banner__wrapper {
    --t-tc--banner--padding--top: calc(var(--t-gs--space--m) + var(--t-tc--header--height));
}

.v--title--hero--main {
    font-size: 6.4rem;
    font-weight: 600;
    text-shadow: 0 .3rem .1rem rgba(0, 0, 0, 0.1);

    .emphasis {
        font-weight: var(--t-gs--font--weight--bolder);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .v--title--hero--main {
        font-size: var(--t-gs--font--size--10);
    }
}

.banner__form .tc_formLabel {
    color: var(--t-gs--swatch--button--100)
}

/* Home video */
.banner__video {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    block-size: var(--t-tc--banner--height);
    pointer-events: none;
    overflow: hidden;
}

.banner__video iframe {
    inline-size: 100vw;
    block-size: 56.25vw;
    min-block-size: 100%;
    min-inline-size: 177.77vh;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 50%;
    transform: translate(-50%, 0);
    z-index: -1;
}

.banner--main--home {
    background: none;
}

.banner__form .button-bar .tc_formButton {
    --t-tc--buttons--width--min: 15rem;
}

.overlay{
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    background:
    linear-gradient(260.34deg, hsla(180, 64%, 49%, 0.3) 10.44%, hsla(180, 64%, 49%, 0) 33.6%, hsla(258, 62%, 53%, 0.3) 80.91%, hsla(241, 47%, 34%, 0.9) 94.65%),
    hsla(211, 84%, 40%, 0.1);
    z-index: 1;
}

.extra {
    position: absolute;
    z-index: 3;
    padding-inline-start: var(--t-gs--space--xl);
    padding-inline-end: var(--t-gs--space--xl);
}

.banner--main--home .banner__wrapper {
    position: relative;
}

.article--card:not(.article--card--event) .article__content,
.article--card:not(.article--card--event) .article__footer {
    --t-tc--card--border--width: var(--t-gs--border--width--0)
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--main--home .extra {
        padding-inline: var(--t-tc--grid--laterals);
    }
}

/*
    MARK: Pills/Skills

*/

.skills .title {
    color:var(--color--brand--AvaBlue);
    font-weight: 600;
    font-size: var(--t-gs--font--size--04);
    font-family: var(--t-gs--font--family--default);
    margin-block-end: var(--t-gs--space--s2);
}

.pill--skills-v-a {
    border-width: var(--t-gs--border--width--s);
    border-style: solid;
    border-color: var(--t-tc--pill--border--color-v-a);
    border-radius: var(--t-gs--border--radius--s);
    font-size: var(--t-gs--font--size--03);
    background: var(--color--bg-skill--v-a);
    color:var(--color--brand--New-Purple)
}

.pill--skills-v-b {
    border-width: var(--t-gs--border--width--s);
    border-style: solid;
    border-color: var(--t-tc--pill--border--color-v-b);
    border-radius: var(--t-gs--border--radius--s);
    color: var(--color--brand--AvaLight);
    font-size: var(--t-gs--font--size--03);
}

/*
    MARK: ↳ BLOG PILLS Styles
*/
.pill--blog {
    border-radius: .4rem;
    padding: .4rem 1.2rem;
    text-transform: uppercase;
    color: var(--t-gs--swatch--neutral--100);
    font-weight: 700;
    font-size: 1rem;
    background-color: var(--t-tc--pill--background--color);
    border-color: var(--t-tc--pill--border--color);

    &.pill--blog--null {
        --t-tc--pill--background--color: transparent;
        --t-tc--pill--border--color: transparent;
    }
    &.pill--blog--job-opportunities {
        --t-tc--pill--background--color: hsla(145, 58%, 54%, 1);
        --t-tc--pill--border--color: hsla(143, 82%, 55%, 1);
    }
    &.pill--blog--enhance-your-career {
        --t-tc--pill--background--color: hsla(32, 81%, 56%, 1);
        --t-tc--pill--border--color: hsla(25, 75%, 77%, 1);
    }
    &.pill--blog--interview-tips {
        --t-tc--pill--background--color: hsla(266, 100%, 64%, 1);
        --t-tc--pill--border--color: hsla(263, 77%, 81%, 1);
    }
    &.pill--blog--working-with-us {
        --t-tc--pill--background--color: hsla(211, 84%, 40%, 1);
        --t-tc--pill--border--color: hsla(215, 100%, 80%, 1);
    }
    &.pill--blog--upcoming-events {
        --t-tc--pill--background--color: hsla(323, 46%, 55%, 1);
        --t-tc--pill--border--color: hsla(323, 61%, 68%, 1);
    }
    &.pill--blog--safety-first {
        --t-tc--pill--background--color: hsla(21, 84%, 40%, 1);
        --t-tc--pill--border--color: hsla(21, 67%, 58%, 1);
    }
    &.pill--blog--vehicle-maintenance {
        --t-tc--pill--background--color: hsla(180, 48%, 54%, 1);
        --t-tc--pill--border--color: hsla(179, 62%, 68%, 1);
    }
    &.pill--blog--on-the-road-chronicles {
        --t-tc--pill--background--color: hsla(144, 83%, 33%, 1);
        --t-tc--pill--border--color: hsla(144, 60%, 49%, 1);
    }
    &.pill--blog--beyond-the-road {
        --t-tc--pill--background--color: hsla(0, 0%, 48%, 1);
        --t-tc--pill--border--color: hsla(0, 0%, 46%, 1);
    }
}

/*
    MARK: MODULES/Header Logo/Text (Override/complement)
*/
.header__logo .logo--text {
    margin-inline-start: var(--t-gs--space--m);
    font-size: var(--t-gs--font--size--05);
    font-weight: var(--t-gs--font--weight--bolder);
}

.header__wrapper {
    block-size: var(--t-tc--header--height);
}

.menu--visible .menu__list--main-nav .menu__item {
    margin-inline-start: var(--t-gs--space--base);
    margin-inline-end: var(--t-gs--space--base);
}

.menu--visible .menu__list--main-nav .menu__item .menu__link {
    position: relative;
    display: inline-block;
    text-decoration: none;
    padding-inline-end: .6rem;
    padding-inline-start: .6rem;
    border-width: 0;
    font-weight: 500;
}

.menu--visible .menu__list--main-nav .menu__item .menu__link::after {
    content: '';
    position: absolute;
    inset-inline-start: 50%;
    inset-block-end: 0;
    margin-block-start: auto;
    inline-size: 0;
    block-size: .2rem;
    background-color: var(--color--white);
    transition: width 0.4s ease, left 0.4s ease;
    transform: translateX(-50%);
}

.menu--visible .menu__item .menu__link,
.menu--visible .menu__item:hover .menu__link,
.menu--visible .menu__item:hover .menu__link[aria-haspopup=true] {
    background: transparent;
    border: transparent;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.menu--visible .menu__list--main-nav .menu__item[aria-current="page"] .menu__link::after {
    inline-size: 100%;
}

.menu--visible .menu__list--main-nav .menu__item .menu__link:hover::after {
    inline-size: 100%;
}

.menu__text {
    line-height: unset;
}

.menu__item--languages:before {
    content: "";
    display: block;
    background: var(--v--icon--menu_language) no-repeat;
    inline-size: 2.6rem;
    block-size: 2.6rem;
    float: inline-start;
    background-size: contain;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .menu__item--languages {
        display: flex;
        align-items: center;
        margin-inline-start: var(--t-gs--space--l);
    }

}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .menu__item--languages {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;

        &::before {
            filter: invert();
            margin-block: 0;
            margin-inline-end: var(--t-gs--space--s2);
        }

        & .submenu__list {
            padding-inline-start: var(--t-gs--space--xl);
            padding-inline-end: var(--t-gs--space--m);
            width: 100%;
        }

        & .portalLanguages__link {
            justify-content: center;
        }
    }
}

/*
    MARK: ↳ Navbar
*/

.logo {
    justify-content: start;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {

    .header__logo {
        inline-size: 23%;
    }

    .header__menu {
        inline-size: 77%;
    }

    .menu__list:first-of-type {
        margin: 0 auto;
    }
    .menu--visible .menu__list {
        justify-content: flex-end;
    }
}

/* Special Media query to target only desktop */
@media all and (min-width:1025px) and (max-width:1300px){

    .header__logo {
        max-inline-size: 23%;
        inline-size: fit-content;
    }

    .header__logo .logo--text {
        display: none;
    }

    .menu__text {
        inline-size: 4rem;
        overflow-x: hidden;
        text-overflow: ellipsis;
    }
}

/*
    MARK: Job List pages
*/
.body--search-jobs {
    --t-tc--main--background--color: var(--t-gs--swatch--neutral--095);

    .grid--2--sidebar--filters {
        --t-tc--grid--columns--gap: calc(var(--t-gs--space--base) * 25);
        --t-tc--content--w--filters: var(--t-tc--content--w--sidebar);
    }

    .section--job-list-sidebar .image__container {
        border-radius: var(--t-gs--border--radius--s);
        overflow: hidden;
    }

    .banner--secondary {
        --t-tc--banner--background--color: var(--t-gs--swatch--neutral--095);

        .banner__wrapper {
            margin-block-start: var(--t-gs--space--0);
        }
    }

    /* MARK: ↳ result item */
    .section--search-jobs .article--result {
        --t-tc--result--background--color: var(--t-gs--color--surface--default);
        --t-tc--result--border--radius: var(--t-gs--border--radius--s);
        --t-tc--result--padding--outers--v: var(--t-gs--space--m);
        --t-tc--result--padding--outers--h: var(--t-gs--space--l);

        & + & {
            margin-block-start: var(--t-gs--space--l);

            &::before {
                display: none;
            }
        }
        .article__footer {
            justify-content: start;
            gap: var(--t-gs--space--m);

            .button {
                min-inline-size: 12rem;
            }
        }
    }
    .results--listed {
        @media (width >= 1025px) {
            border-block-start-width: var(--t-gs--border--width--0);
            padding-block-start: var(--t-gs--space--s2);
            padding-block-end: var(--t-gs--space--m);
        }
    }
}

.article--result .article__header__text__title .link {
    font-weight: 500;
}
.article--result .article__header__text__subtitle {
    font-size: var(--t-gs--font--size--04);
    font-weight: 300;
}

.grid__item--filters .section__header__text__title {
    color: var(--t-gs--color--text--default);
    font-weight: var(--t-gs--font--weight--bold);
    font-size: 2.25rem;
}

.grid__item--filters {
    & .tc_formButton {
        --t-tc--buttons--border--color: var(--t-gs--color--border--on--fill--primary);
        --t-tc--buttons--background--color: var(--t-gs--color--fill--primary);
        --t-tc--buttons--font--color: var(--t-gs--color--text--on--fill--primary);
    
        html[data-animations="default"] & {
            --t-tc--buttons__before--background--color--initial: var(--t-gs--swatch--button--090);
            --t-tc--buttons__before--background--color--final: var(--t-gs--color--fill--primary--hover);
        }
    
        &:hover {
            --t-tc--buttons--border--color: var(--t-gs--color--border--on--fill--primary--hover);
            --t-tc--buttons--background--color: var(--t-gs--color--fill--primary--hover);
            --t-tc--buttons--font--color: var(--t-gs--color--text--on--fill--primary--hover);
        }
    
        &:focus,
        &:active {
            --t-tc--buttons--outline--width: var(--t-gs--border--width--m);
            --t-tc--buttons--border--color: var(--t-gs--color--border--on--fill--primary--focus);
            --t-tc--buttons--border--width: var(--t-gs--border--width--m);
            --t-tc--buttons--background--color: var(--t-gs--color--fill--primary--focus);
            --t-tc--buttons--font--color: var(--t-gs--color--text--on--fill--primary--focus);
        }
    
        &.button--disabled,
        &:disabled {
            --t-tc--buttons--border--color: var(--t-gs--color--border--on--fill--primary--disabled);
            --t-tc--buttons--background--color: var(--t-gs--color--fill--primary--disabled);
            --t-tc--buttons--font--color: var(--t-gs--color--text--on--fill--primary--disabled);
        }
    }
    & .clearButton {
        --t-tc--buttons--border--color: var(--t-gs--color--border--on--fill--secondary);
        --t-tc--buttons--background--color: var(--t-gs--color--fill--secondary);
        --t-tc--buttons--font--color: var(--t-gs--color--text--on--fill--secondary);
    
        html[data-animations="default"] & {
            --t-gs--color--fill--secondary--hover: var(--t-gs--color--fill--secondary);
            --t-gs--color--fill--secondary--focus: var(--t-gs--color--fill--secondary);
            --t-gs--color--fill--secondary--active: var(--t-gs--color--fill--secondary);
            --t-gs--color--text--on--fill--secondary--hover: var(--t-gs--color--fill--primary--hover);
            --t-gs--color--border--on--fill--secondary--hover: var(--t-gs--color--fill--primary--hover);
    
            --t-tc--buttons__before--background--color--initial: var(--t-gs--swatch--button--090);
            --t-tc--buttons__before--background--color--final: var(--t-gs--color--fill--secondary--hover);
        }
    
        &:hover {
            --t-tc--buttons--border--color: var(--t-gs--color--border--on--fill--secondary--hover);
            --t-tc--buttons--background--color: var(--t-gs--color--fill--secondary--hover);
            --t-tc--buttons--font--color: var(--t-gs--color--text--on--fill--secondary--hover);
        }
    
        &:focus,
        &:active {
            --t-tc--buttons--outline--width: var(--t-gs--border--width--m);
            --t-tc--buttons--border--color: var(--t-gs--color--border--on--fill--secondary--focus);
            --t-tc--buttons--border--width: var(--t-gs--border--width--m);
            --t-tc--buttons--background--color: var(--t-gs--color--fill--secondary--focus);
            --t-tc--buttons--font--color: var(--t-gs--color--text--on--fill--secondary--focus);
        }
    
        &.button--disabled,
        &:disabled {
            --t-tc--buttons--border--color: var(--t-gs--color--border--on--fill--secondary--disabled);
            --t-tc--buttons--background--color: var(--t-gs--color--fill--secondary--disabled);
            --t-tc--buttons--font--color: var(--t-gs--color--text--on--fill--secondary--disabled);
        }
}
}
.list-controls__text__reset {
    font-style: unset;
}

.list-controls__text__reset .link {
    font-weight: var(--t-gs--font--weight--bolder);
}

/*
    MARK: Detail pages
*/
.body--job-detail,
.body--events-detail {
    --t-tc--main--padding--top: calc(var(--t-gs--space--base) * 16);

    @media (width >= 1025px) {
        .grid--2--sidebar--aside-right {
            --t-tc--grid--columns--gap: calc(var(--t-gs--space--base) * 25);
            --t-tc--content--w--filters: var(--t-tc--content--w--sidebar);
        }
    }

    .aside .article__header__text__title {
        color: var(--t-gs--color--text--default);
    }

    .embed-container--map {
        height: 48rem;
        border-radius: var(--t-gs--border--radius--base);
        border: .1rem solid var(--t-gs--swatch--neutral--090);
    }

    /* Coding style exception: */
    /* Using the p tag to target rich text fields, and !important to override !important from core */
    .article--details .article__content__view__field__value p:not(:last-child) {
        font-size: var(--t-gs--font--size--default);
        line-height: var(--t-gs--space--l);
        padding-block-end: var(--t-gs--space--m) !important;
    }
}

.list--share .shareButton {
    inline-size: calc(var(--t-gs--size--base)*10);
    block-size: calc(var(--t-gs--size--base)*10);
}

/* Score doughnuts. Reference: https://codepen.io/t_afif/pen/XWaPXZO */
@property --p {
    syntax: '<number>';
    inherits: false;
    initial-value: 0;
}

.chart {
    display: flex;
    align-items: center;
    gap: 2rem;
    font-size: 1.6rem;
    font-weight: var(--t-gs--font--weight--bold);
    text-transform: uppercase;
    color: rgba(107, 62, 210, 1);
}

/* Pie Chart Base */
.pie-chart {
    --background-color: white;
    --valueA1-color: rgba(107, 62, 210, 1);
    --valueA2-color: rgba(107, 62, 210, 1);
    --off-color: rgba(107, 62, 210, .2);
    --graph-size: 10rem;
    --doughnut-proportion: .8;
    position: relative;
    border-radius: 50%;
}

.pie-chart--donut:after {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    background: var(--background-color); /* Chart center color */
    transform: translate(-50%, -50%);
    content: '';
}

.pie-chart__value {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: var(--valueA1-color);
}

.pie-chart {
    width: var(--graph-size);
    height: var(--graph-size);
    background: conic-gradient(
                var(--valueA1-color) 0deg,
                var(--valueA2-color) calc(360deg * var(--p) / 100),
                var(--off-color) calc(360deg * var(--p) / 100)
            );
    animation: fill-chart 1s .5s both;
}

.pie-chart--donut:after {
    width: calc(var(--graph-size) * var(--doughnut-proportion));
    height: calc(var(--graph-size) * var(--doughnut-proportion));
    background: var(--background-color); /* Center color */
}

.pie-chart__value {
    font-size: calc(var(--graph-size) / 6);
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

@keyframes fill-chart {
    from {
        --p: 0; /* Start at 0% */
    }
    to {
        --p: var(--value); /* Target value */
    }
}

/*
    MARK: Application process
*/

[class*="methodButton--"] {
    justify-content: center;
    gap: var(--t-gs--space--xxs);
}
.methodButton--paste:before {
    --t-tc--icon--content: "content_copy";
}
.methodButton--later:before {
    --t-tc--icon--content: "folder_off";
}

@media (max-width:1024px) {
    .article--actions {
        border-block-start-width: var(--t-gs--border--width--s);
        border-block-start-style: solid;
        border-block-start-color: var(--t-gs--color--border--default);
    }
}

/*
    MARK: ↳ Wizard
*/
.FormField .schema_field_MultipleDatasetEntryInput,
.MultipleDatasetEntryFormField .tc_formField div[id*=multipleDatasetEntry_],
.datasetField__row {
    background-color: var(--t-gs--color--surface--transparent);
    border: .1rem solid hsl(215 100% 80%);
    border-radius: var(--t-gs--border--radius--m);
    background-color: transparent;
    background-image: linear-gradient(180deg, var(--t-gs--swatch--neutral--100) 0%, hsl(216, 100%, 98%) 100%);
    box-shadow: 0 .8rem 2rem 0 hsl(from var(--t-gs--swatch--neutral--000) h s l / .08);
}

/*
    MARK: ↳ stepper
*/

.list--steps .list__item .list__item__text:after {
    content: "";
    z-index: 2;
    border-radius: var(--t-gs--border--radius--xs);
    border-block-end-width:var(--t-gs--border--width--s);
    border-block-end-style: solid;
    border-block-end-color:var(--t-gs--swatch--neutral--080);
    inline-size: 100%;
    position: absolute;
    inset-block-end: .3rem;
    inset-inline-start: 0;
}

@media (width>=751px) {
    .list--steps {
        --stepper-color: var(--t-gs--swatch--neutral--090);

        margin-block-start: calc(var(--t-gs--space--base) * -4);
        margin-block-end: calc(var(--t-gs--space--base) * 20);
    }
    .list--steps:after {
        display: none;
    }

    .list--steps .list__item--current,
    .list--steps .list__item--filled {
        --stepper-color: var(--color--brand--New-Purple);
    }

    .list--steps .list__item .list__item__text:before {
        content: "";
        z-index: 2;
        border-block-end-width:var(--t-gs--border--width--s);
        border-block-end-style: solid;
        border-block-end-color:var(--t-gs--swatch--neutral--080);
        inline-size: 100%;
        position: absolute;
        inset-block-end: .3rem;
        inset-inline-start:50%;
    }

    .list--steps .list__item:last-child .list__item__text:before {
        display: none;
    }

    .list--steps .list__item--filled .list__item__text:after {
        inline-size: 100%;
        border-block-end-color:var(--stepper-color);
    }

    .list--steps .list__item--filled .list__item__text:before {
        border-block-end-color: var(--stepper-color);
    }

    .list--steps .list__item:first-child .list__item__text:after {
        inset-inline-start: 50%;
    }
    .list--steps .list__item:last-child .list__item__text:after {
        inline-size: 50%;
    }
    .list--steps .list__item--current .list__item__text:after {
        inline-size: 0;
        border-block-end-color: var(--stepper-color);
    }

    .list--steps .list__item__text__title {
        text-transform: none;
        font-size: var(--t-gs--font--size--03);
        text-align: center;
        position: relative;
        z-index: 6;
        transform: translateY(7rem);
        font-weight: var(--t-gs--font--weight--bold);
    }

    .list--steps .list__item__text__subtitle {
        z-index: 3;
        border-radius: var(--t-gs--border--radius--full);
        border-width: var(--t-gs--border--width--l);
        border-style: solid;
        border-color: var(--t-gs--color--background--default);
        inline-size: calc(var(--t-gs--size--base)*6);
        block-size: calc(var(--t-gs--size--base)*6);
        background-color: var(--stepper-color) !important;
        font-size: var(--t-gs--font--size--02);
        line-height: calc(var(--t-gs--size--base)*5);
        font-weight: var(--t-gs--font--weight--bold);
        text-align: center;
        color: var(--t-gs--color--background--default);
        margin-block-start:var(--t-gs--space--s);
        margin-block-end: calc(-1*var(--t-gs--space--s));
        margin-inline:auto;position: relative;
        outline-width: .2rem;
        outline-style: solid;
        outline-color: var(--stepper-color);
        outline-offset: .1rem;
        box-shadow: 0 0 0 1.5rem var(--t-gs--color--background--default);
    }

    .list--steps .list__item--filled .list__item__text__subtitle {
        border-color: var(--stepper-color);
        color: var(--stepper-color);
        position: relative;
        text-indent:unset;

        &::before {
            content: 'check';
            font-family: var(--t-tc--icon--font--family);
            color: var(--t-gs--color--background--default);
            font-size: 2rem;
            position: absolute;
            inset-block-start: -0.2rem;
            inset-inline-start: -0.1rem;
            display: block;
            z-index: 9;
        }
    }
}

/*
    MARK: Search Jobs page
*/

/*
    MARK: ↳ Sidebar Filter Wizard
*/

.grid--2--sidebar--filters .fieldSpec {
    padding-block-end: var(--t-gs--space--m2);
}

.grid--2--sidebar--filters .tc_formLabel,
.grid--2--sidebar--filters .tc_formSublabel,
.grid--2--sidebar--filters .tc_formField label {
    padding-inline-start: var(--t-gs--space--s);
    --t-tc--fieldSpec--padding--inners: var(--t-gs--space--xs);
}

/* This style is added due to a bug in wizards where the label comes from the main app without classes */
.grid--2--sidebar--filters .tc_formField label {
    padding-block-end: var(--t-tc--fieldSpec--padding--inners);
    inline-size: 100%;
    font-size: var(--t-tc--sublabels--font--size);
    font-weight: var(--t-tc--sublabels--font--weight);
    color: var(--t-tc--sublabels--font--color);
    display: block;
}

/*
    MARK: Profile page
*/

.list--attachments .list__item__text__title {
    font-weight: var(--t-gs--font--weight--regular);
}

@media all and (min-width:1025px) {
    .section__header--tabs .tabs ~ .article--actions {
        max-inline-size: fit-content;
        padding-inline-start: var(--t-gs--space--xxl);
    }
}

@media (width <= 1024px) {
    .subtabs__list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
}

.action--delete {
    --t-tc--action--font--color: var(--t-gs--swatch--error--030);
}
.tabs__list {
    --t-gs--color--border--brand: var(--color--brand--AvaBlue);
    --t-gs--color--border--default: var(--color--brand--AvaBlu2)
}
@media (width >= 1025px) {
    .tabs__list__item--active {
        color: var(--color--brand--AvaBlue);
    }
}

@media (width >= 751px) {
    .table--default.table--fixed-column.table--fixed-column--first tbody tr>:first-child:before {
        content: unset;
    }
}

@media (width < 751px) {
    .datasetField__row {
        margin-inline-start: 0;
        margin-inline-end: 0;
        width: 100%;
    }
}

/*
    MARK: ↳ Event section 2 columns
*/
@media (width >= 1025px) {
    .body:not(.body--students) .results--grided .results__panel {
        --t-tc--grid--columns--gap: var(--t-gs--space--l);

        & > .article--card--event {
            flex: 0 0 calc(50% - var(--t-tc--grid--columns--gap));
            max-inline-size: calc(50% - var(--t-tc--grid--columns--gap));
        }
    }
}

/*
    MARK: TALENT COMMUNITY page
*/
.body--talent-community {
    --t-tc--main--background--color: var(--t-gs--swatch--neutral--095);

    .main__wrapper {
        --t-tc--main--padding--top: calc(var(--t-gs--space--base) * 16);
    }

    .grid__item.grid__item--main {
        padding-block-start: calc(var(--t-gs--space--base)* 18);;
    }

    .article--card {
        border-color: var(--t-tc--card--color--shadow);
        box-shadow: 0 .4rem .8rem .2rem var(--t-tc--card--color--shadow);

        .article__content {
            --t-tc--title--font--color: var(--t-gs--color--text--default);

            padding-block: var(--t-gs--space--xxxl);
            padding-inline: var(--t-gs--space--xl);

            border-block-start-width: 0;
        }

        .Section {
            padding-inline-start: var(--t-gs--space--m);

            .Separator {
                margin-inline-start: calc(-1 * var(--t-gs--space--m));
            }
        }
    }

    .article--success {
        .paragraph {
            margin-block-start: 0;
        }

        .list--links--bottom {
            margin-block-start: var(--t-gs--space--l);
        }

        .list--links, .list--links .list__item {
            display: flex;
            justify-content: center;
        }
    }
}

/* ************************************* */
/* To be organized properly */
/* ************************************* */

/* Hiding header on scroll testing */
.body--header-hide-on-scroll .header {
    position: fixed;
    inset-block-start: 0;
    z-index: 9;
    inset-block-start: 0;
    transition: all 0.3s ease;
}

.body--header-hide-on-scroll .header.hide {
    inset-block-start: calc(-1* var(--t-tc--header--height) - 3rem);
}

/* related to skills on job detail sidebar */

.skills .list--skills:not(.list--skills--active) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: var(--t-gs--space--s2);
    column-gap: var(--t-gs--space--s);
}

.skills .list--skills .list__item {
    margin-block-end: var(--t-gs--space--0);
}

/*
    MARK: STATIC PAGES (Override/complement)
*/

.section--content-page {
    margin: 0;
    min-block-size: 9rem;
    padding-block: 6.4rem;
    background-color: var(--t-tc--section--background--color);
    background-image: var(--t-tc--section--background--gradient);

    &.type-1 {
        --t-tc--section--background--color: var(--t-gs--swatch--brand--095);
    }

    &.type-2 {
        --t-tc--section--background--gradient: linear-gradient(var(--t-gs--swatch--brand--095), var(--t-gs--color--background--default) 50%);
    }

    &.type-3 {
        --t-tc--section--background--gradient: linear-gradient( var(--t-gs--color--background--default), var(--t-gs--swatch--brand--095) 50%);
    }

    &.type-4 {
        --t-tc--section--background--gradient: linear-gradient(hsl(from var(--color--brand--New-Purple) h s 93%), transparent);
    }

    &.type-5 {
        --t-tc--section--background--gradient: linear-gradient(hsl(from var(--color--brand--New-Purple) h s 93%), var(--t-gs--swatch--brand--095) 15%);
    }

    &.type-6 {
        --t-tc--section--background--color: hsl(from var(--t-gs--swatch--brand--095) h s 97%);
    }

    /*
        MARK: ↳ Quote
    */
    & [class*="--quote"] {
        align-items: center;
        gap: 2rem;
        margin-block-end: var(--t-gs--space--xxxl);

        & span[data-tc-icon] {
            --quote--icon--size: 5rem;

            --t-tc--icon--height: var(--quote--icon--size);
            --t-tc--icon--width: var(--quote--icon--size);
            --t-tc--icon--font--size: var(--quote--icon--size);
            --t-tc--icon--font--weight: 200;
        }

        & .article__content {
            font-size: var(--t-gs--font--size--09);

            & .content__highlighted {
                color: var(--color--brand--New-Purple);
                font-weight: 600;
                margin-inline: .8rem;
            }
        }

        & .quote__author {
            font-size: var(--t-gs--font--size--01);

            & .author-name {
                font-weight: 700;
            }
        }
    }

    /*
        MARK: ↳ Single-cards variation
    */
    & .single--card:has(.article) {
        --t-tc--title--font--weight: var(--t-gs--font--weight--bold);
        block-size: 100%;
        border-radius: var(--t-gs--border--radius--s);

        & > * {
            inline-size: 100%;
            max-inline-size: 100%;
        }

        .article__header {
            padding-block-start: var(--t-gs--space--m);
            padding-inline: var(--t-gs--space--l);
        }

        .article__content {
            padding-block-end: var(--t-gs--space--m);
            padding-inline: var(--t-gs--space--l);
        }
    }

    & * ~ article {
        margin-block-start: calc(var(--t-gs--space--base) * 28);
    }

    /*
        MARK: ↳ Statistics-cards variation
    */
    .statistics-cards .card {
        --t-tc--card--border--color: var(--t-tc--statistics-card-color);
        --t-tc--title--font--color: var(--t-tc--statistics-card-color);
        --t-tc--title--font--size: 5rem;
        --t-tc--title--font--weight: 500;

        flex: 1;
        padding-inline: var(--t-gs--space--l);
        padding-block: var(--t-gs--space--m);
        border-radius: var(--t-gs--border--radius--s);;
        border: solid .1rem var(--t-tc--card--border--color);
        box-shadow: 0 .3rem .5rem 0 hsl(from var(--t-tc--statistics-card-color) h s l / 0.25);

        .grid__item:nth-child(1) & {
            --t-tc--statistics-card-color: var(--color--brand--New-Purple);
        }
        .grid__item:nth-child(2) & {
            --t-tc--statistics-card-color: var(--t-gs--swatch--brand--030);
        }
        .grid__item:nth-child(3) & {
            --t-tc--statistics-card-color: var(--t-gs--swatch--link--040);
        }

        .title {
            margin-block-end: var(--t-gs--space--m);

            & span {
                margin-inline-start: var(--t-gs--space--s);
                font-size: var(--t-gs--font--size--09);
            }
        }
    }

    /*
        MARK: ↳ Section headers
    */

    .section__header {
        --t-tc--bg-color--line: var(--color--brand--New-Purple);
        flex-direction: column;

        .body--military &,
        .body--benefits & {
            --t-tc--bg-color--line: hsla(180, 64%, 49%, 1);
        }

        &::after {
            content: "";
            inline-size: 5.6rem;
            block-size: .2rem;
            margin-block-start: var(--t-gs--space--l);
            background-color: var(--t-tc--bg-color--line);
        }

        & .title+.title {
            margin-block-start: var(--t-gs--space--m);
        }
    }

    /*
        MARK: ↳ Text content
    */
    & :is(.section__content, .article__content) p ~ p {
        margin-block-start: var(--t-gs--space--m2);
    }

    /*
        MARK: ↳ Side images
    */
    .section--content-page [class*="--with-image"] {
        --floating-image--width: calc(var(--t-gs--size--base) * 128);

        display: flex;
        flex-direction: row;
        align-items: center;

        .body--students & {
            --floating-image--width: 47.5%;
        }

        & .image__container {
            inline-size: var(--floating-image--width);
            max-inline-size: var(--floating-image--width);

            &.image--left {
                order: -1;
                margin-inline-end: 5%;
            }

            &.image--right {
                order: 99;
                margin-inline-start: 5%;
            }

            & ~ * {
                max-inline-size: calc(95% - var(--floating-image--width));
            }
        }
    }

}

/*
    MARK: BENEFITS: 4th section
*/
.benefits-list {
    & .section__article__wrapper {
        position: relative;
    }

    & .article__header {
        z-index: 99;
        inline-size: fit-content;
        border: solid 0.1rem var(--t-gs--swatch--link--040);
        border-radius: var(--t-gs--border--radius--m);
        background-color: var(--t-gs--color--background--default);
        padding-block: var(--t-gs--space--l);
        padding-inline: var(--t-gs--space--xl);
        --t-tc--title--font--color: var(--t-tc--main--font--color);
        box-shadow: 0 .3rem .5rem 0 hsla(215, 100%, 51%, 0.25);

        & .article__header__text {
            flex-grow: 0;
        }
    }

    & .article__content {
        border: solid 0.1rem var(--t-gs--swatch--link--040);
        border-radius: calc(var(--t-gs--border--radius--base) * 5);
        margin: 0;
        margin-inline-start: var(--t-gs--space--l);
        margin-block-start: calc(var(--t-gs--space--l) * -1);
        box-shadow: 0 .3rem .5rem 0 hsla(215, 100%, 51%, 0.25);
    }
}

/*
    MARK: MILITARY: Commitment article
*/
.body--military {
    .commitment__container {
        background-image:
            linear-gradient(261.28deg, rgba(16, 99, 186, 0.1) 7.31%, rgba(1, 25, 70, 0.9) 64.58%),
            var(--t-tc--commitment__card--background--image);
        background-repeat:
            no-repeat,
            no-repeat;
        background-position:
            center center,
            center center;
        background-size:
            cover,
            cover;

        border-radius: var(--t-gs--border--radius--m);
        padding-inline: calc(var(--t-gs--space--base) * 27);
        padding-block: calc(var(--t-gs--space--base) * 24);
        display: flex;
        justify-content: space-between;

        color: var(--t-gs--color--text--on--fill--primary);

        .left--side {
            inline-size: 58%;

            & .text__content {
                margin-block-start: 6.6rem;
            }
        }

        .right--side {
            inline-size: 37%;

            & .text__content {
                margin-block-end: var(--t-gs--space--xl);
                padding: var(--t-gs--space--m);
                background-color: hsla(216, 100%, 25%, 0.6);
                backdrop-filter: blur(11.3px);
                border: solid 0.1rem var(--t-gs--swatch--neutral--100);
                border-radius: var(--t-gs--border--radius--m);
                border-end-start-radius: 0;

                &:last-of-type {
                    margin-block-end: calc(var(--t-gs--space--base) * 28);
                }
            }
        }

        .text__title {
            --t-tc--title--font--size: 5rem;
            --t-tc--title--font--color: var(--t-gs--color--text--on--fill--primary);
        }
    }
}

.list--pills .list .list__item span {
    --t-gs--color--text--on--fill--matching: var(--t-gs--swatch--matching--055);
    --t-tc--pill--background--color: var(--t-gs--swatch--matching--095);
    border-radius: var(--t-gs--border--radius--s);
}

/*
    MARK: STUDENTS PAGE
*/
.body--students {
    .section--jobs-slider .section__header--action-next-to-title {
        justify-content: center;
    }

    /*
        MARK: ↳ Bottom Image
    */
    .section--content-page:has([class*="--bottom-image"]) {
        padding-block-start: 0;
    }

    & [class*="--bottom-image"] {
        position: relative;

        .bottom-bar__container {
            height: 42rem;
            position: absolute;
            width: 100%;
            bottom: 0;
            background: var(--TestD3, linear-gradient(257deg, rgba(45, 205, 205, 0.30) -3.95%, rgba(107, 62, 210, 0.80) 37.16%, rgba(0, 53, 130, 0.80) 74.28%));
        }

        .image__container {
            position: relative;
            text-align: center;

            img {
                inline-size: 100%;
                width: auto;
                height: 66.1rem;
            }
        }

    }
}

/*
    MARK: BLOG PAGE
*/
.body--blog {
    .section--jobs-slider {
        background-image: none;
        background-color: var(--t-gs--swatch--neutral--095);
        padding-block-start: var(--t-gs--space--xxl);
    }

    /*
        MARK: ↳ Blog detail
    */
    & .article--details {
        padding-block-end: var(--t-gs--space--xl);

        .regular-field-label--title {
            font-size: var(--t-gs--font--size--08);
            padding-block-end: var(--t-gs--space--xl);
        }
    }

    & .article--signature {
        --t-tc--title--font--weight: var(--t-gs--font--weight--bold);
        --t-tc--title--font--color: var(--t-gs--color--text--default);
        padding-block-start: calc(var(--t-gs--space--base)* 16);
    }

    @media (width >= 751px) {
        --t-tc--blog-article--text-length-in-lines: 5;
        .article--card .article__header__text>.article__header__text__subtitle {
            display: -webkit-box;
            -webkit-line-clamp: var(--t-tc--blog-article--text-length-in-lines);
            line-clamp: var(--t-tc--blog-article--text-length-in-lines);
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            height: calc(var(--t-tc--blog-article--text-length-in-lines) * (var(--t-gs--space--xxs) + 2ex + var(--t-gs--space--xxs)));

            /* Core overrides */
            white-space: normal;
        }
    }
}

.article--success .article__header__image {
    border: .8rem solid var(--t-gs--swatch--brand--030);
    border-radius: 50%;
    overflow: hidden;
    width: 11.3rem;
    aspect-ratio: 1 / 1;
    padding: .7rem;
}

.article--card.article--success .article__header {
    align-items: center;
}

.article--success .article__header__image img {
    opacity: 0;
    transform: scale(0);
    animation: zoomBounce .5s ease-out 0.5s forwards;
}

@keyframes zoomBounce {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    60% {
        opacity: .8;
        transform: scale(1.1);
    }
    80% {
        opacity: 1;
        transform: scale(0.95);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Temporary Workaround to prevent a hideous character that randomly appeared above Search button at home page */
@media (width >= 751px) {
    .form--grid:not(.form--grid--1) .Section:not(.Section--collapsible--bottom) .button-bar:before {
        color: transparent;
    }
}

/* Mimic the same spacing as the rest of the fields for internal location sub-fields */
.LocationField .tc_formField {
    row-gap: var(--t-gs--space--l);
}

/*
    TEMPLATES CORE STYLES: WIDGETS/Forms: Types: SchedulingField
*/
.section__content--scheduling-step {
    .SchedulingField > .tc_formLabel {
        font-size: var(--t-tc--title--h4);
        font-weight: var(--t-tc--title--font--weight);
        color: var(--t-tc--title--font--color);
        margin-block-start: 2.5rem;
        margin-block-end: 2.5rem;
        text-align: center;
    }

    .schedulerWidget {
        .datepicker-skin-scheduling {
            .ui-datepicker .ui-datepicker-calendar {
                box-shadow: 0rem .2rem .1rem rgba(0, 0, 0, .1);
                border: .1rem solid #ddd;
            }
        }

    }
    @media (width >= 751px) {
        --t-tc--grid--columns--gap: var(--t-gs--space--xxxl);

        .button-bar__wrap {
            margin-block-start: var(--t-gs--space--l);
            justify-content: center;
        }
    }
}

.table--default tbody tr>* {
    text-align: left;
}

.ui-dialog button.ui-button.ui-dialog-titlebar-close .ui-button-icon {
    display: none;
}