/* ==========================================================================
    MARK: CSS INDEX

    LAYOUTS
    -------------------------------------------------------------------------
    XXX

    ELEMENTS
    -------------------------------------------------------------------------
    Brand
        : Icons (Override/complement)
        : Logo
        : Event (New)
        : Banner
    Indicators
        : Date (New)

    Buttons
        : Main: Primary Black

    COMPONENTS
    -------------------------------------------------------------------------
    Cards
        : Articles as cards (Override/complement)
        : Result (Override/complement)

    WIDGETS
    -------------------------------------------------------------------------
    XXX

    MODULES
    -------------------------------------------------------------------------
    XXX

    PAGETYPES
    -------------------------------------------------------------------------
    Details
        : Article (Override/complement)
        : Form (Override/complement)
    Search jobs
        : Cards
        : Result (Override/complement)

    UTILITIES
    -------------------------------------------------------------------------
    XXX
========================================================================== */

/*
    MARK: RESET external styles
*/
password-reset {
    --a-passwordReset-error-image-width: calc(9rem / var(--scale));
    --a-passwordReset-error-heading-font-weight: var(--t-gs--font--weight--regular);
    --a-passwordReset-error-heading-font-size: clamp(calc(2.8rem / var(--scale)), calc(4.4rem / var(--scale) * -1) + 9.6vi, calc(5.2rem / var(--scale)));

    h1 {
        padding-block-start: var(--t-gs--space--xl)
    }
}
.ui-dialog button.ui-button.ui-dialog-titlebar-close {
    text-indent: -99999rem;

    .ui-button-icon {
        display: block;
    }
}

:is(h1, h2, h3, h4, h5, h6) {
    margin: inherit;
    padding: inherit;
    line-height: calc(var(--t-gs--space--xxs) + 2ex + var(--t-gs--space--xxs));
    letter-spacing: inherit;
    font-weight: inherit;
}
h2:not(.align-center) {
    padding-inline-end: var(--t-gs--space--0);
}

:is(ul, ol, dl) {
    line-height: inherit;
    list-style: none;
    margin: var(--t-gs--space--0);
    padding: var(--t-gs--space--0);

    &.list:is([class*="--bullet"], [class*="--numeric"]){
        list-style: inherit;
    }
}

a {
    text-decoration: inherit;
    transition: .5s;
}

a[class]:focus,
a[class]:hover {
    color: inherit;
}

li {
    list-style-type: inherit;
}

strong {
    color: inherit;
}

p {
    font-size: unset;
    line-height: unset;
    margin-block-end: unset;
}

label {
    line-height: calc(var(--t-gs--space--xxs) + 2ex + var(--t-gs--space--xxs));
}

[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],
textarea {
    block-size: inherit;
    margin: inherit;
}

table tbody tr:nth-child(2n) {
    background-color: var(--t-tc--card--background--color);
}

/*
    MARK: Section Methods
*/
.section--methods {
    .section__header + * {
        margin-block-start: var(--t-gs--space--xxxl);
        padding-block-start: var(--t-gs--space--xxxl);
    }
    .methodButton--later,
    .methodButton--file,
    .methodButton--paste {
        all: unset;
        display: grid;
        align-items: center;
        justify-items: center;
        font-weight: var(--t-gs--font--weight--bold);
        cursor: pointer;
        gap: var(--t-gs--space--m);

        &::before {
            --t-tc--icon--width: calc(var(--t-gs--space--base) * 20);
            --t-tc--icon--height: calc(var(--t-gs--space--base) * 20);
            --t-tc--icon--font--weight: var(--t-gs--font--weight--bold);
            --t-tc--icon--font--size: calc(4rem / var(--scale));
            --t-tc--icon--background--color: var(--t-gs--color--fill--primary);
            --t-tc--icon--color: var(--t-gs--color--text--default);
            background-color: var(--t-tc--icon--background--color);
            color: var(--t-tc--icon--color);
            border-radius: var(--t-tc--icon--border-radius, var(--t-gs--border--radius--full));
            place-content: var(--t-tc--icon--placement, center);
            outline-color: var(--t-gs--color--text--default);
            outline-style: solid;
            outline-offset: var(--t-gs--space--xs);
            outline-width: var(--t-gs--border--width--m);
            transition: none;

            @media (width <= 750px) {
                --t-tc--icon--width: calc(var(--t-gs--space--base) * 15);
                --t-tc--icon--height: calc(var(--t-gs--space--base) * 15);
                --t-tc--icon--font--weight: var(--t-gs--font--weight--bold);
                --t-tc--icon--font--size: calc(3rem / var(--scale));
            }
        }

        &:hover {
            background-color: var(--t-gs--color--fill--transparent);
        }
    }

    .methodButton--paste::before {
        --t-tc--icon--content: "content_copy";
    }

    @media (width <= 750px) {
        .section__header + * {
            margin-block-start: var(--t-gs--space--l);
            padding-block-start: var(--t-gs--space--l);
        }

        .grid--methods {
            margin-inline-start: var(--t-gs--space--0);
        }

        .list--methods {
            --t-tc--icon--width: calc(var(--t-gs--space--base) * 15);
            --t-tc--icon--height: calc(var(--t-gs--space--base) * 15);
            --t-tc--icon--font--weight: var(--t-gs--font--weight--bold);
            --t-tc--icon--font--size: calc(3rem / var(--scale));
            gap: var(--t-gs--space--xl);
        }
    }
}

/*
    MARK: Banner
*/
.banner--main {
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding-inline: max(var(--t-tc--grid--laterals), calc((100% - var(--t-tc--content--w--full)) / 2));

    .banner__wrapper {
        justify-content: flex-end;
        align-items: start;
        padding-block: 0;
        padding-inline: 0;
        max-inline-size: none;
    }

    .body--details &,
    .body--search-jobs & {
        --t-tc--banner--height: calc(40rem / var(--scale));
        background-image: var(--t-tc--banner--background--image);

        .row__header__title {
            font-family: 'Inter', sans-serif;
            font-size: calc(6rem / var(--scale));
            font-weight: 400;
        }

        @media (751px <= width <= 1024px) {
            --t-tc--banner--height: calc(28rem / var(--scale));
            background-position: left top;

            .row__header__title {
                font-size: calc(4rem / var(--scale));
            }
        }

        @media (width <= 750px) {
            --t-tc--banner--height: calc(18rem / var(--scale));
            background-position: 58% top;

            .row__header__title {
                font-size: calc(3rem / var(--scale));
                color: var(--t-gs--color--text--default);
            }
        }
    }

    .body--general-banner & {
        --t-tc--banner--height: calc(44rem / var(--scale));

        @media (width <= 750px) {
            --t-tc--banner--height: calc(14rem / var(--scale));
        }
    }
}

.extra-top {
    background-color: var(--t-gs--swatch--neutral--000);

    .row__header__title {
        font-size: clamp(calc(2.8rem / var(--scale)), calc(4.4rem / var(--scale) * -1) + 9.6vi, calc(5.2rem / var(--scale)));
        font-weight: var(--t-gs--font--weight--black);
        text-transform: uppercase;
        font-family: 'Inter', sans-serif;
        color: var(--t-gs--swatch--neutral--100);
        text-shadow: var(--t-gs--space--0) calc(.5rem / var(--scale)) calc(.8rem / var(--scale)) #00000073;
        text-align: center;
        line-height: 1.1;

        .body--search-jobs & {
            line-height: 1;
            margin-block-end: var(--t-gs--space--s);
        }

    }
}

.banner--main .row__header {
    align-self: center;
}

/*
    MARK: ELEMENTS/Indicators: Date (New)
*/

.date {
    --t-tc--date--border--color: var(--t-gs--swatch--button);
    --t-tc--date--background--color: var(--t-gs--swatch--button);
    --t-tc--date--text--color: var(--t-gs--swatch--neutral--000);

    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    inline-size: calc(var(--t-gs--size--base) * 15);
    block-size: calc(var(--t-gs--size--base) * 15);
    background-color: var(--t-tc--date--background--color);
    padding: var(--t-gs--space--s);
    color: var(--t-tc--date--text--color);
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--t-gs--font--weight--semi-bold);
    margin: var(--t-gs--space--m);

    .date__day {
        display: block;
        line-height: 1;
    }

    .date__number {
        display: block;
        font-size: var(--t-gs--font--size--08);
        line-height: 1;
        font-weight: var(--t-gs--font--weight--bold);
        margin-block-start: var(--t-gs--space--xs);
    }
}

/*
    MARK: ELEMENTS/Buttons: Main: Primary Black
*/

.menu .menu__link {
    --t-tc--thumbnail--height: 1.5;
    --t-tc--menu__link--padding--v: var(--t-gs--space--s2);
    --t-tc--menu__link--padding--h: var(--t-gs--space--l);
    --t-tc--menu__link--font--color: var(--t-gs--swatch--neutral--100);
    background-color: var(--t-gs--swatch--neutral--000);

    &:hover,
    &:active{
        background-color: var(--t-gs--swatch--neutral--020);
        color: var(--t-tc--menu__link--font--color);
    }

    @media (width <= 750px) {
        --t-tc--menu__link--padding--v: var(--t-gs--space--s);
        --t-tc--menu__link--padding--h: var(--t-gs--space--m);
    }
}

.menu--visible .menu__item:not([aria-current="page"]):hover .menu__link {
    color: var(--t-gs--swatch--neutral--100);
}

/*
    MARK: Articles as cards (Override/complement)
*/

.article--card {
    border: none;

    &.article--no-results {
        --t-tc--card--background--color: var(--t-gs--surface--transparent);
        color: var(--t-gs--swatch--neutral--000);
    }

    .article__banner {
        --t-tc--card__banner--height: calc(var(--t-gs--size--base) * 9);
        --t-tc--card__banner--background--color: var(--t-gs--color--surface--tertiary);
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        block-size: var(--t-tc--card__banner--height);
        background-color: var(--t-tc--card__banner--background--color);
        margin-block-end: var(--t-gs--space--xxl);
        overflow: visible;
    }

    .article__header {
        .article__header__text__title {
            --t-tc--title--font--size: var(--t-tc--title--h5);
            margin-block-end: var(--t-gs--space--m);
            text-wrap: initial;

            @media (width <= 750px) {
                --t-tc--title--font--size: var(--t-tc--title--h4);
            }

            .link {
                --t-gs--color--text--link: var(--t-gs--swatch--neutral--040);
                display: -webkit-box;
                -webkit-box-orient: vertical;
                overflow: hidden;
                line-clamp: 3;
                -webkit-line-clamp: 3;
                text-decoration: none;
                line-height: 1.1;

                &:hover {
                    --t-gs--color--text--link: var(--t-gs--swatch--link--030);
                    text-decoration: none;
                }
            }
        }

        .article__header__text__subtitle {
            margin-block-start: var(--t-tc--card--padding--inners);
            white-space: normal;
            font-size: var(--t-gs--font--size--04);

            /* Icons (Override/complement) */
            & [data-tc-icon] {
                --t-tc--icon--display: block;
                --t-tc--icon--fill: 1;
                --t-tc--icon--font--size: 1.3em;

                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-block-start: var(--t-gs--space--s);
            }

        }
    }
}

.article--account {
    padding-inline: var(--t-gs--space--m);

    .grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(calc(30rem / var(--scale)), 1fr));
        margin-block: var(--t-gs--space--0);
        margin-inline: var(--t-gs--space--0);
        gap: var(--t-gs--space--l);

        .grid__item {
            max-inline-size: 100%;
        }

        .grid__item:has(&) {
            padding-block-start: var(--t-gs--space--l);
        }
    }
}

.aside .article + .article--legend {
    margin-block-start: var(--t-gs--space--l);

    @media (width <= 1024px) {
        margin-block-start: var(--t-gs--space--xxl);
    }
}

/*
    MARK: Article header title (Connect with us / subtitle pair)
*/
.article__header__text__title.title--h2 {
    --t-tc--title--font--size: var(--t-tc--title--h3);
}

.article__header__text__title.article__header__text__title--no-margin-bottom {
    margin-block-end: 0;
}

.article__header__text__title.article__header__text__title--regular {
    --t-tc--title--font--weight: var(--t-gs--font--weight--regular);
    margin-block-start: 0;
}

/*
    MARK: Button Reset
*/

button,
.genericButton,
.nextButton,
.gotoButton,
.redirectUrlButton,
.previousButton,
.homeButton,
.clearButton,
.cancelButton,
.button {
    outline: var(--t-gs--space--0);
    line-height: 1;

    &:hover {
        background-color: var(--t-gs--swatch--neutral--020) !important;
    }
    &:active {
        text-decoration: none;
        border-color: var(--t-gs--color--border--on--fill--primary--hover) !important;
        background-color: var(--t-gs--color--fill--primary--hover) !important;
        color: var(--t-gs--color--text--on--fill--primary--hover) !important;
    }
}
.submitButton {
    &:hover {
        background-color: var(--t-gs--color--fill--primary--hover) !important;
    }
}
.saveButton {
    outline: var(--t-gs--space--0);
    line-height: 1;

    &:hover {
        background-color: var(--t-gs--color--fill--primary--hover) !important;
    }
    &:active {
        text-decoration: none;
        border-color: var(--t-gs--color--border--on--fill--primary--hover) !important;
        background-color: var(--t-gs--color--fill--primary--hover) !important;
        color: var(--t-gs--color--text--on--fill--primary--hover) !important;
    }
}

.form--login button, .button {
    color: var(--t-gs--swatch--button--000) !important;

    &:hover {
        background-color: var(--t-gs--color--border--on--fill--primary--hover) !important;
    }
}

/*
    MARK: Alternative Buttons
*/
.button-bar--alt {
    .button,
    .genericButton,
    .saveButton,
    .nextButton,
    .gotoButton,
    .button--primary,
    .button.button--tertiary {
        border-color: var(--custom--color--turquoise)!important;
        background-color: var(--custom--color--turquoise)!important; 
        color: var(--t-gs--swatch--neutral--000)!important;

        &:focus,
        &:hover,
        &:active {
            border-color: var(--custom--color--turquoise-hover)!important;
            background-color: var(--custom--color--turquoise-hover)!important;
            color: var(--t-gs--swatch--neutral--000)!important;
        }
    }

    .button--secondary,
    .previousButton,
    .formPreviousButton,
    .partialSaveButton,
    .button--cancel,
    .cancelButton,
    .clearButton,
    .homeButton {
        border-color: var(--t-gs--swatch--button--000)!important;
        background-color: var(--t-gs--swatch--button--100)!important;
        color: var(--t-gs--swatch--button--000)!important;

        &:focus,
        &:hover,
        &:active {
            border-color: var(--t-gs--swatch--neutral--010)!important;
            background-color: var(--t-gs--swatch--neutral--010)!important;
            color: var(--t-gs--swatch--neutral--100)!important;
        }
    }
}

.button-bar--alt {
    .button,
    .genericButton,
    .saveButton,
    .nextButton,
    .gotoButton,
    .button--primary,
    .button.button--tertiary {
        border-color: var(--custom--color--turquoise)!important;
        background-color: var(--custom--color--turquoise)!important;
        color: var(--t-gs--swatch--neutral--000)!important;

        &:focus,
        &:hover,
        &:active {
            border-color: var(--custom--color--turquoise-hover)!important;
            background-color: var(--custom--color--turquoise-hover)!important;
            color: var(--t-gs--swatch--neutral--000)!important;
        }
    }
}

.link--alt {
    --t-gs--color--text--link: var(--t-gs--swatch--neutral--000);
}

.list--links--bottom .link {
    font-size: var(--t-gs--font--size--05);
}

@media (width >= 751px) {
    .MultipleDatasetEntryFormField--cols-2Z .tc_formField .datasetField__row .fieldSpec {
        inline-size: calc(50% - (var(--t-tc--grid--columns--gap)*.5));
        transition: all .25s ease-in-out;

        &:nth-of-type(odd) {
            float: inline-start;
            clear: both;
        }

        &:nth-of-type(2n) {
            float: inline-end;
            clear: inline-end;
        }
    }
}

.article {
    margin: var(--t-gs--space--0) auto;
    inline-size: 100%;
}

/*
    MARK: List Controls Pagination
*/

.list-controls__pagination {
    .list-controls__pagination__list {
        align-items: end;
        display: flex;
        margin-block: var(--t-gs--space--0);

        .list-controls__pagination__item {
            padding-block: var(--t-gs--space--xs);
            padding-inline: calc(var(--t-gs--space--base) * 2.5);
            font-weight: var(--t-gs--font--weight--normal);

            &:not(:is(.next, .prev)) {
                text-decoration: none;

                &:hover {
                    background-color: var(--t-gs--swatch--button);
                }
            }

            & + & {
                margin-inline-start: var(--t-gs--space--xs);
            }

            &.currentPageLink {
                background-color: var(--t-gs--swatch--button);
            }

            a {
                color: var(--t-gs--color--text--default);
                align-items: end;
                display: flex;
            }
        }
    }
}

/*
    MARK: Sidebar Menu
*/
.sidebar__menu {
    border-block-start-width: var(--t-gs--border--width--m);
    border-block-start-style: solid;
    border-block-start-color: hsl(from var(--t-gs--color--border--default) h s 0%);
    text-align: end;
    padding-block: var(--t-gs--space--s);
    overflow: hidden;

    .link {
        --t-tc--icon--content: 'chevron_right';
        font-weight: var(--t-gs--font--weight--normal);
        display: block;
        padding-block: var(--t-gs--space--s);
        padding-inline: var(--t-gs--space--m2) var(--t-gs--space--l);
        color: var(--t-gs--swatch--neutral--000);
        font-size: var(--t-gs--font--size--05);
        margin-inline-end: calc(-1 * var(--t-gs--space--m2));
        text-decoration: none;
        transition: all .3s ease;

        &.active {
            font-weight: var(--t-gs--font--weight--bold);
            margin-inline-end: calc(-1 * var(--t-gs--space--s));
        }

        &:hover {
            background-color: hsl(from var(--t-gs--swatch--neutral--040) h s l / .025);
            text-decoration: none;
            margin-inline-end: calc(-1 * var(--t-gs--space--s));;
        }
    }
}

/*
    MARK: Sidebar (Stay Connected and Wizard)
*/
[class*="--sidebar"] {
    [class*="--boxed"] {
        --t-tc--boxes--space--outers: var(--t-gs--space--xl);
        --t-tc--boxes--background--color: var(--t-tc--card--background--color);
        --t-tc--boxes--border--color: var(--custom--color--red);
        --t-tc--boxes--border--width: var(--t-gs--border--width--m);

        text-align: center;
        padding-block: var(--t-tc--boxes--space--outers);
        padding-inline: var(--t-tc--boxes--space--outers);
        border-width: var(--t-tc--boxes--border--width);

        .stay__connected & {
            margin-top: var(--t-tc--boxes--space--outers);
            margin-bottom: var(--t-tc--boxes--space--outers);

            .paragraph {
                --t-tc--paragraph--font--size: var(--t-gs--font--size--05);
                font-weight: var(--t-gs--font--weight--bold);
                padding-block-end: var(--t-gs--space--s);
                margin-block-end: var(--t-gs--space--s);
            }

            .button {
                min-inline-size: calc(var(--t-gs--space--base) * 38);
            }
        }
        &.article--wizard {
            --t-tc--button-bar__buttons--width: 100%;
        }

        @media (width <= 751px) {
            padding-block: var(--t-gs--space--l);
        }
    }
}

/*
    MARK: Share Links
*/
.share__links--sidebar {
    text-align: center;

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

    .share__links {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: var(--t-gs--space--xs);
        margin-inline-start: var(--t-gs--space--0);
    }
}

@media (width <= 1024px) {
    .row {
        padding: var(--t-gs--space--xxl);
    }

    .footer .row {
        padding: var(--t-gs--space--0) var(--t-gs--space--xxl);
    }
    .section--search .row {
        padding: var(--t-gs--space--xxl);
        text-align: center;
    }

    .section--search .form + * {
        margin-block-start: var(--t-gs--space--m2);
    }

    [class*="--narrower"] {
        margin-inline-start: auto;
        margin-inline-end: auto;
        max-inline-size: calc(34rem / var(--scale));
    }
}

/* MARK: Table
*/
.table {
    --t-tc--table--background--color: var(--t-gs--color--surface--default);
    --t-tc--card--background--color: var(--t-gs--color--surface--default);

    margin-block-end: var(--t-gs--space--0);

    &.table--default {
        table-layout: fixed;
    }

    tr {
        .table--cards & {
            --t-tc--card--padding--inners: var(--t-gs--space--s2);
            --t-tc--grid--columns--gap: var(--t-gs--space--l);
        }
    }

    th {
        color: var(--t-gs--color--text--default);

        .table--cards & {
            --t-tc--card__header--height: auto;
            background-color: hsl(from var(--t-gs--color--surface--secondary) h s 95.5%);
        }

        tbody & {
            font-weight: var(--t-gs--font--weight--regular);
        }
    }

    td {
        color: var(--t-gs--color--text--default);

        .table--cards & {
            display: flex;
            flex-direction: column;
            align-items: start !important;

            &:before {
                content: attr(data-th) ":\00a0 ";
            }

            &:last-child {
                padding-block-end: var(--t-gs--space--s2);
            }
        }
    }
}

/*
    MARK: Grid
*/
.grid {
    &.grid--2--sidebar {
        margin: var(--t-gs--space--0);

        @media (width >= 1024px) {
            .body--search-jobs & {
                column-gap: var(--t-gs--space--xxxl);
            }
            .body--details & {
                --t-tc--grid--columns--gap: var(--t-gs--space--0);
            }
        }
    }

    .grid__item {
        padding: var(--t-gs--space--0);

        &.grid__item--aside-left {
            --t-tc--content--w--sidebar: calc(var(--t-gs--space--base) * 51.5);
        }

        .body--details &.grid__item--aside-right {
            --t-tc--content--w--sidebar: calc(var(--t-gs--space--base) * 80);
            padding-inline-start: var(--t-gs--space--0);

            @media (width <= 751px) {
                margin-block-start: var(--t-gs--space--l);
            }
        }
    }
}

.extra-row {
    margin-block-end: var(--t-tc--main--padding--top);
}

.grid--dividers--h {
    margin-block-start: var(--t-gs--space--0);

    & > .grid__item:not(:first-of-type)::after {
        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);
        inset-block-start: calc(var(--t-tc--grid--dividers--gap--row)*.6666);
        inset-inline-start: var(--t-tc--grid--dividers--gap--col);
        inset-inline-end: var(--t-gs--space--0);
    }
}

/*
    MARK: forms/wizards
*/

.form :is(input, select, textarea) {
    background-size: inherit;
    background-origin: inherit;

    &:focus {
        --t-tc--fields--outline--width: var(--t-gs--border--width--s);
    }
}
.labelRequiredIcon {
    color: var(--t-gs--color--text--default);
}
.tc_formLabel {
    line-height: inherit;

    &:has(> .screenReaderVisibility:only-child) {
        padding-block-end: var(--t-tc--fieldSpec--padding--inners);
    }
}
.Separator {
    margin-block-end: var(--t-gs--space--m);
}

.body--search-jobs {
    .section__header__search {
        display: flex;
        align-content: center;
        justify-content: space-around;
        inline-size: 100%;

        .search {
            inline-size: min(calc(54rem / var(--scale)), 100%);
        }
        .Section{
            display: flex;
            margin-inline-start: var(--t-gs--space--0);
            margin-block-end: var(--t-gs--space--0);
            align-items: end;
        }
    }
}

.header__menu .menu__panel .submenu__list {
    margin-inline-start: var(--t-gs--space--0);
}

.menu--visible .submenu__item {
    border-block-start-width: var(--t-gs--border--width--s);
    border-block-start-style: solid;
    border-block-start-color: var(--t-tc--boxes--border--color);
}

/* MARK: form for search events and password reset
*/

.form--grid {
    &:not(.form--grid--1) .Section:not(.Section--collapsible--bottom) .button-bar::before {
        content: none;
    }
    .Section {
        margin-inline-start: calc(-1 * var(--t-gs--space--s));
    }
    .fieldSpec {
        --t-tc--grid--columns--gap: var(--t-gs--space--s);
        --t-tc--buttons--width--min: auto;

        .extra-top & {
            inline-size: 100%;
            padding-block-end: var(--t-gs--space--0);
        }

        &.button-bar {
            inline-size: auto;
            --t-tc--button-bar--cols--gap: var(--t-gs--space--s);

            .extra-top & {
                padding-block-start: var(--t-gs--space--0);
                padding-inline-start: var(--t-tc--grid--columns--gap);
                margin-bottom: .9rem;
            }

            @media (width >= 750px) {
                --t-tc--button-bar--rows--gap: var(--t-gs--space--s);
                padding-block-start: calc(var(--t-gs--space--base) * 7.5);
            }

            @media (width <= 750px) {
                --t-tc--button-bar--rows--gap: var(--t-gs--space--m);
                padding-block-start: var(--t-gs--space--xs);
            }
        }
    }
}

/*
    MARK: Job Detail black section
*/
.article--details.section__content--bg {
    --t-tc--icon--font--color: var(--custom--color--white);
    --t-tc--icon--fill: 1;
    --t-tc--title--font--color: var(--t-gs--swatch--button);

    padding-block: var(--t-gs--space--xl);
    padding-inline: calc(var(--t-gs--space--base) * 13.5);
    background-color: var(--t-gs--color--fill--secondary);
    color: var(--t-gs--color--text--on--fill--secondary);

    .article__content__view {
        --t-tc--grid--columns--gap: var(--t-gs--space--xl);
        margin-inline-start: var(--t-gs--space--0);
        margin-block-end: var(--t-gs--space--0);

        strong {
            display: block;
        }
    }

    @media (width <= 751px) {
        padding-inline: var(--t-gs--space--m);

        .article__content__view {
            display: flex;
            flex-direction: column;
            gap: var(--t-gs--space--s2);
        }
    }
}

.title--hero-alt {
    --t-tc--title--font--family: var(--t-gs--font--family--default);
    --t-tc--title--font--weight: 300;
    --t-tc--title--font--size: clamp(calc(2.8rem / var(--scale)), calc(6.8rem / var(--scale) * -1) + 9.6vi, calc(6rem / var(--scale)));
    line-height: 1;
}

.article--registered {
    .form .Section {
        border: none;
        padding-block: var(--t-gs--space--0) var(--t-gs--space--l);
        padding-inline: var(--t-gs--space--0);
        margin: var(--t-gs--space--0);

        & .loginInputContainer .loginInput {
            outline-width: var(--t-gs--space--0);
            margin-block-end: var(--t-gs--space--0);
        }
    }
}

.article--error {
    --t-tc--grid--dividers--width--max: var(--t-tc--content--w--narrow);
    --t-tc--article--width--max: var(--t-tc--content--w--narrow);
}

.pill-container {
    .list {
        all: unset;
        margin-inline-start: var(--t-gs--space--0) !important;
        padding-inline-start: var(--t-gs--space--0) !important;

        .list__item {
            all: unset;
            border-width: var(--t-gs--border--width--s);
            border-style: solid;
            border-color: currentColor;
            border-radius: var(--t-gs--border--radius--l);
            padding: var(--t-gs--space--xxs) var(--t-gs--space--s);
            margin-inline-end: var(--t-gs--space--xs);
            font-size: var(--t-gs--font--size--03);
        }
    }
}
/*
    UTILITIES/XXX
*/

.article__header + * {
    margin-block-start: var(--t-gs--space--l);
}

@media (width >= 751px) {
    .article__header:not(.article__header--center) .article__header__image {
        margin-inline-end: var(--t-gs--space--0);
    }

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

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

.row {
    padding-block: var(--t-gs--space--xxl);
    padding-inline: var(--t-gs--space--0);
}

[class*="--narrow"] {
    margin-inline-start: auto;
    margin-inline-end: auto;
    max-inline-size: calc(76.80rem / var(--scale));
}

/** SPECIFIC OVERRIDES EXTERNAL HEADER/FOOTER */
.body__content {
    background-color: var(--t-gs--swatch--neutral--000);
}
.site-header__container {
    background-color: var(--t-gs--swatch--neutral--000);
}
.site-header .site-header__panel .site-header__panel-description * {
    line-height: 1.5; /* this affects the header title when it expands due to the line-height in our reset */
}

.row {
    max-inline-size: 100%;
}

.row.search-row {
    padding: var(--t-gs--space--0);
}

.top-bar .row,
.footer .row {
    max-inline-size: calc(66rem / var(--scale));
}

noindex .button {
    margin: var(--t-gs--space--0);
    padding: calc(1.50rem / var(--scale));
}

.header-wrapper {
    background-color: #fff;
}

@media (width <= 750px) {
    .article__header__image {
        max-inline-size: calc(var(--t-gs--space--base) * 20);
    }
}

legend.search-legend {
    --t-tc--title--font--color: var(--custom--color--white);
    text-align: center;
    margin-block-end: var(--t-gs--space--m);

    @media (width <= 750px) {
        margin-block: var(--t-gs--space--s2) var(--t-gs--space--l);
        --t-tc--title--font--size: var(--t-tc--title--h7);
    }
}

.section--search-extended .search .tc_formDescription {
    color: var(--custom--color--white);
}

.icon--social-image {
    block-size: var(--t-gs--space--xl);
    inline-size: var(--t-gs--space--xl);
    display: inline-block;
    background-size: contain;
}
.icon--twitter {
    background-image: var(--icon--twitter);
}
.icon--youtube {
    background-image: var(--icon--youtube);
}
.icon--linkedin {
    background-image: var(--icon--linkedin);
}
.icon--glassdoor {
    background-image: var(--icon--glassdoor);
}
.icon--facebook {
    background-image: var(--icon--facebook);
}
.icon--instagram {
    background-image: var(--icon--instagram);
}

@media (width <= 750px) {
    .section--search-extended .row {
        padding-block: var(--t-gs--space--m);
    }
}

.grid--dividers--h > .grid__item {
    &:not(:first-of-type)::before {
        inset-block-start: var(--t-gs--space--0);
        position: static;
        padding-block-start: var(--t-gs--space--m);
    }
}

.grid--2--sidebar--aside-right > .grid__item--main.section--block {
    max-inline-size: 100%;
}

/*
    MARK: Breadcrumbs
*/
.breadcrumbs {
    --t-tc--strip--background--color: var(--t-gs--swatch--button);
    --t-gs--color--text--link: var(--t-gs--swatch--link--000);

    [class*=__wrapper] {
        min-block-size: var(--t-gs--space--xxxl);
        align-content: center;
        padding-inline: var(--t-tc--grid--laterals);

        .breadcrumbs__content {
            display: flex;
            justify-content: space-between;

            .link:hover,
            .link:focus {
                color: currentColor;
            }
            @media (width <= 751px) {
                margin-inline: calc(-1 * var(--t-tc--grid--laterals));
                flex-direction: column;

                .list--links--top {
                    order: 2;
                    border-block-start-width: var(--t-gs--border--width--s);
                    border-block-start-color: var(--t-gs--swatch--link);
                    border-block-start-style: solid;
                    margin-block-start: var(--t-gs--space--xs);
                    padding-block-start: var(--t-gs--space--xs);
                    padding-inline: var(--t-gs--space--m);
                }
                .breadcrumbs--links {
                    padding-inline: var(--t-gs--space--m);
                    flex-wrap: wrap;
                    justify-content: center;
                    row-gap: var(--t-gs--space--xs);
                    font-size: var(--t-gs--font--size--02);
                }
            }
        }

        .breadcrumbs--links .list__item {
            margin-inline-end: var(--t-gs--space--0);
            position: relative;

            &:not(:last-of-type)::after {
                content: '|';
                padding-inline: var(--t-gs--space--m);
            }
        }
    }
}

/*
    MARK: Profile menu
*/

.profile__nav__menu {
    .profile__nav {
        display: flex;
        border-block-end-width: var(--t-gs--border--width--s);
        border-block-end-color: var(--t-gs--color--border--default);
        border-block-end-style: solid;

        .menu__item {
            padding-block: var(--t-gs--space--s2);
            padding-inline: var(--t-gs--space--m);

            &.menu__item--active,
            &:hover {
                border-block-end-width: var(--t-gs--border--width--l);
                border-block-end-color: var(--t-gs--swatch--button);
                border-block-end-style: solid;
            }

            .profile__link {
                font-weight: var(--t-gs--font--weight--bold);
                color: var(--t-gs--color--text--on--fill--primary);
            }

        }

        @media (width <= 751px) {
            --tab--height: calc(5rem / var(--scale));

            position: relative;
            display: grid;
            block-size: var(--t-gs--space--0);
            margin-block-start: var(--tab--height);

            .tab-toggle {
                display: grid;
                block-size: var(--tab--height);
                position: absolute;
                inset-block-start: calc(-1 * var(--tab--height));
                inset-inline-end: 0;
                z-index:666;
                color:var(--t-gs--color--text--link);
                --t-tc--icon--font--size: calc(3rem / var(--scale));
                --t-tc--icon--position: var(--t-gs--space--s) calc(-1 * var(--t-gs--space--s));
            }

            .menu__item {
                float: none;
                inline-size: 100%;
                background-color: var(--t-gs--swatch--neutral--100);
                border-width: var(--t-gs--border--width--s);
                border-color: var(--t-gs--color--border--default);
                border-style: solid;

                &:hover {
                    border-block-end: none;
                }

                &.menu__item--active {
                    grid-row: 1;
                    background-color: var(--t-gs--swatch--neutral--100);
                    inset-block-start: calc(-1 * var(--tab--height));
                    position: absolute;
                }

                &:not(.menu__item--active) {
                    display: none;

                    .profile__nav:hover .tab-toggle ~ & {
                        display: block;
                        z-index: 1;
                    }
                }
            }
        }

    }
}

.article--no-results .title{
    font-weight: normal;
}

.results--grided .results__panel:has([class*="--no-results"]) {
    display: block;
}

@media (min-width: 1025px) {
    .results--grided .results__panel > [class*="--no-results"] {
        flex: 1 0 100%;
        max-inline-size: none;
    }
}

.row__header__title__nowrap {
  white-space: nowrap;
}

.banner--main .row__header__title {
    line-height: 2.5rem;
}

.align-center.title {
    margin-bottom: 0;
}