/* ==========================================================================
    LAYOUTS
    -------------------------------------------------------------------------
    Section
      : Action next to title (Override/complement)
      : Tabs in header (Override/complement)

    ELEMENTS
    -------------------------------------------------------------------------
    Buttons
      : Share
      : Main
        : Primary (Override/complement)
        : Terciary (Override/complement)
    Links
      : Focus
    Indicators
      : Pills (New)
        : Good (New)
        : Great (New)
        : Skills (New)
        : Strong (New)
      : Alert
        : Info
        : Error

    COMPONENTS
    -------------------------------------------------------------------------
    Cards
      : Articles as cards (Override/complement)
    Lists
      : Skills (New)
    Navigation
      : Steps bar (Override/complement)
      : Tabs (Inverting clickable colors - commented and ready to use)
    List Control
    Breadcrumb
    List Links
        : Bottom
    List Steps
    Tabs
    Table

    WIDGETS
    -------------------------------------------------------------------------
    Attachment upload (New)
    Registered
      : Article (Override/complement)
    Search
      : Visible (Override/complement)

    MODULES
    -------------------------------------------------------------------------
    Header
    Banner
      : Home (New)
      : Secondary (New)
        : Top
        : Bottom
      : Main
      : Confidential
      : JobName
    Slider (New)
    Footer
    Wizards
    Cookies

    PAGETYPES
    -------------------------------------------------------------------------
    Search jobs
      : Cards
        : Result (Override/complement)
      : Slider
      : Search wizard
    Reg/App methods
      : Article
    Recommendation Jobs
      : List
    Job Detail
        : Aside
    Job Detail Applied
    Log in - External
    Recommendation methods
    Register
    Profile
      : View
        : Table
      : Banner
      : Attachments
    Profile Job Applications
      : Table cards
    Profile Edit
    Success
    Success application
    Error
    Profile Agent
    Profile Delete
    Agent
      : Create / Edit (common classes)
      : Create
      : Delete
      : Edit
      : Success
    Talent Community
      : Success
    Withdraw
      : Success
    Registration Methods
    Reset Password

    UTILITIES
      : Text
      : Flex
    -------------------------------------------------------------------------
    XXX
========================================================================== */

/*
    LAYOUTS/Section: Action next to title (Override/complement)
*/

.section__header--action-next-to-title {
    align-items: flex-end;
}

.section__header--action-next-to-title .section__header__text {
    flex-grow: 0;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section__header--action-next-to-title {
        flex-direction: column;
        align-items: flex-start;
    }

    .section__header--action-next-to-title .section__header__text + .section__header__actions {
        margin-top: var(--spacer--s2);
    }

}

/*
    LAYOUTS/Section: Tabs in header (Override/complement)
*/

.section__header.section__header--tabs + *:not([class*="--narrow"]) {
    margin-top: var(--spacer--xl);
}

/*
    ELEMENTS/Buttons
*/

.button,
.ButtonBarField .tc_formButton {
    text-transform: uppercase;
}

@media (min-width: 751px) {
    .button-bar--center {
        --button-bar--cols--gap: var(--spacer--m);
    }
}

/*
    ELEMENTS/Buttons: Share
*/

.button.button--share {
    flex-direction: row-reverse;
}

.button.button--share .button__icon {
    margin-right: 0;
    margin-left: var(--spacer--s);
    font-weight: var(--font--weight--bold);
}

/*
    ELEMENTS/Buttons: Main: Primary (Override/complement)
    ↳ to be deleted when we get the Application Flow wizard properly configured
*/

.gotoButton {
    --buttons--border--color: var(--color--brand);
    --buttons--background--color: var(--color--white);
    --buttons--font--color: var(--color--brand);
}

.gotoButton:hover {
    --buttons--border--color: var(--color--brand--sub-1);
    --buttons--background--color: var(--color--white);
    --buttons--font--color: var(--color--brand--sub-1);
}

.gotoButton:active {
    --buttons--outline--width: .2rem;
    --buttons--border--color: var(--color--brand--sub-2);
    --buttons--border--width: .2rem;
    --buttons--background--color: var(--color--buttons--sub-2);
    --buttons--font--color: var(--color--white);
}

.gotoButton:focus {
    --buttons--outline--width: .2rem;
    --buttons--border--color: var(--color--brand--sub-1);
    --buttons--border--width: .2rem;
    --buttons--background--color: var(--color--white);
    --buttons--font--color: var(--color--brand--sub-2);
}

.gotoButton.button--disabled,
.gotoButton:disabled {
    --buttons--border--color: var(--color--disabled--sub-1);
    --buttons--background--color: var(--color--disabled--sub-1);
    --buttons--font--color: var(--color--disabled);
}

/*
    ELEMENTS/Buttons: Main: Terciary (Override/complement)
    ↳ to be deleted when we get the Application Flow wizard properly configured
*/

.button--tertiary:hover,
.body :not(.formNextButton) .button--secondary+.button--cancel:hover,
.body button:not(.saveButton):not(.submitButton):not(.nextButton):not(.formNextButton):not(.gotoButton):not(.redirectUrlButton)~.cancelButton:hover {
    text-decoration-color: transparent;
}

/*
    ELEMENTS/Links: Focus (Override/complement)
*/

.AcceptanceCheckboxField a[href]:focus-visible,
.action--add:focus-visible,
.action--remove:focus-visible,
.banner--secondary .button--secondary:focus-visible,
.footer .footer__links__item:focus-visible,
.footer .footer__social__item:focus-visible,
.swiper .article__footer .button:focus,
.shareButton:focus-visible,
.link:focus-visible,
.body--job-detail .list--view-more a:focus-visible,
.button.button--share:focus-visible,
.body .list-controls__pagination__item > a:focus-visible,
.header .menu--visible .menu__link:focus-visible {
    outline-width: .3rem;
    outline-style: solid;
}

.AcceptanceCheckboxField a[href]:focus-visible,
.action--add:focus-visible,
.action--remove:focus-visible,
.swiper .article__footer .button:focus,
.shareButton:focus-visible,
.link:focus-visible,
.body--job-detail .list--view-more a:focus-visible,
.button.button--share:focus-visible,
.body .list-controls__pagination__item > a:focus-visible,
.header .menu--visible .menu__link:focus-visible {
    outline-color: var(--color--brand);
}

.banner--secondary .button--secondary:focus-visible,
.footer .footer__links__item:focus-visible,
.footer .footer__social__item:focus-visible {
    outline-color: var(--color--white);
}

.header .portalLanguages__link:focus-visible,
.header .menu--visible .submenu__item .submenu__link:focus-visible {
    --submenu__link--font--color: var(--color--white);
    --submenu__link--background--color: var(--color--brand);
}

/*
    ELEMENTS/Action: Add (New)
*/

.action--remove {
    --action--font--color: var(--color--brand);
    gap: var(--spacer--xs);
}

.action--add {
    --action--font--color: var(--color--brand--sub-5);
    gap: var(--spacer--xs);
}

.action--add:hover {
    --action--font--color: var(--color--brand--sub-6);
}

.action--add::before {
    transform: rotate(180deg);
}

/*
    ELEMENTS/Indicators: Pills (New)
*/

:root {
    --matching--color--strong: var(--color--brand--sub-6);
    --matching--color--great: var(--color--brand--sub-7);
    --matching--color--good: var(--color--brand--sub-10);
    --border--color--skills: var(--color--black);
}

.pill, .list--pills .list .list__item span {
    display: inline;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-family: var(--font);
    font-size: 1.2rem;
    text-transform: uppercase;
    padding: var(--spacer--xs) var(--spacer--s);
    background-color: var(--matching--background--color);
    font-weight: var(--font--weight--bold);
    vertical-align: middle;
}

.list--pills .list .list__item span {
    border-top-left-radius: 4.5rem;
    border-top-right-radius: 4.5rem;
    border-bottom-left-radius: 4.5rem;
    border-bottom-right-radius: 4.5rem;
    padding: .1rem var(--spacer--s);
    font-weight: var(--font--weight--bold);
}

/*
    ELEMENTS/Indicators: Pills (Within COMPONENTS/Cards: Articles as cards)
*/

/* Inside a card next to title */
.article:not(.article--full-pill) .pill + * {
    margin-left: var(--spacer--s);
}

/* Inside a card but 100% wide */
.article--full-pill .pill {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    border-top-right-radius: var(--card--border--radius);
    border-top-left-radius: var(--card--border--radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.article--full-pill .article__header__text__title {
    padding-top: var(--spacer--m);
}

/*
    ELEMENTS/Indicators: Pills: Good (New)
*/

.pill--good {
    --matching--background--color: var(--matching--color--good);
}

/*
    ELEMENTS/Indicators: Pills: Great (New)
*/

.pill--great {
    --matching--background--color: var(--matching--color--great);

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

/*
    ELEMENTS/Indicators: Pills: Skills (New)
*/

.pill--skills, .list--pills .list .list__item span {
    --matching--background--color: var(--color--white);

    border: .1rem solid var(--border--color--skills);
}

.pill--skills-b {
    --matching--background--color: var(--color--white);

    border: .1rem dashed var(--border--color--skills);
}

/*
    ELEMENTS/Indicators: Pills: Strong (New)
*/

.pill--strong {
    --matching--background--color: var(--matching--color--strong);

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

/*
    ELEMENTS/Indicators: Alert
*/
.alert {
    padding-block: var(--spacer--s);
}

.alert__icon {
    color: var(--alert__icon--font--color);
    font-size: 1.5rem;
    margin-right: var(--spacer--s);

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.alert .alert__text {
    line-height: 1.56;
}

/*
    ELEMENTS/Indicators: Alert: Info
*/

.alert--info {
    --alert--background--color: var(--color--info);
    --alert__icon--font--color: var(--color--brand--sub-3);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--actions .alert {
        justify-content: center;
        margin-bottom: 0;
    }
}

/*
    ELEMENTS/Indicators: Alert: Error
*/
.alert--error {
    --alert--background--color: var(--color--error--sub-1);
}

/*
    COMPONENTS/Cards: Articles as cards (Override/complement)
*/

.article--card .button--secondary,
.article--card .button--tertiary,
.article--card .button--share {
    --buttons--font--size: initial;
}

.article--card .article__footer {
    text-transform: uppercase;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.article--card .article__footer > * + * {
    margin-left: var(--card--padding--outers);
}

/*
    COMPONENTS/Lists: Skills (New)
*/

.list--pills .list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacer--s);
}

.list--skills .list__item, .list--pills .list .list__item {
    display: inline-flex;
}

/*
    COMPONENTS/Lists: Skills (Within WIDGETS/Details)
*/

.article--details .article__content__view__field__value .list--pills .list {
    margin-left: 0;
    padding-left: 0;
}

.article--details .article__content__view__field__value .list--pills .list li + li {
    margin-top: 0;
}

/*
    COMPONENTS/Lists: Skills (Within WIDGETS/Skills)
*/

.skills .list--skills:not(.list--skills--active) {
    display: none;
}

.skills .list--skills .list__item {
    margin-bottom: var(--spacer--s);
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .skills .list--skills {
        overflow-x: scroll;
        white-space: nowrap;
    }

    .skills .list--skills::-webkit-scrollbar {
        display: none;
    }
}

/*
    COMPONENTS/Navigation: Steps bar (Override/complement)
*/

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .list--steps .list__item__text__subtitle {
        margin-bottom: -.6rem;
        width: 1.6rem;
        height: 1.6rem;
        text-indent: -999.9rem;
        overflow: hidden;
        border: none;
    }

}

/*
    COMPONENTS/Navigation: Tabs (Inverting clickable colors - commented and ready to use)
*/

/*
.tabs__list__item:not(.tabs__list__item--active),
.tabs__list__item:not(.tabs__list__item--active):link,
.tabs__list__item:not(.tabs__list__item--active):visited {
    color: inherit;
}

.tabs__list__item:not(.tabs__list__item--active):hover,
.tabs__list__item:not(.tabs__list__item--active):focus,
.tabs__list__item:not(.tabs__list__item--active):active {
    color: var(--color--clickeable);
}

.tabs__list__item--active,
.tabs__list__item--active:link,
.tabs__list__item--active:visited,
.tabs__list__item--active:hover,
.tabs__list__item--active:focus,
.tabs__list__item--active:active {
    color: var(--color--clickeable);
}

+TBD+
*/

/*
    COMPONENTS/List Control
*/

.list-controls__text {
    color: var(--color--brand--sub-5);
    font-size: var(--font--size--01);
}

.list-controls__pagination__list {
    font-size: var(--font--size--01);
}

.list-controls__pagination__item.currentPageLink {
    color: var(--color--brand--sub-5);
}

.list-controls--top {
    margin-bottom: var(--spacer--l);
}

.list-controls--bottom {
    margin-top: var(--spacer--l);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .list-controls--top {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-block: var(--spacer--s2);
    }

    .list-controls--top .list-controls__sort {
        align-self: flex-end;
    }

    .list-controls__pagination__list {
        font-size: var(--font--size--01);
    }

    .list-controls--bottom {
        display: flex;
        flex-direction: column;
    }

    .list-controls--bottom .list-controls__pagination {
        margin-top: var(--spacer--s2);
    }
}

/*
    COMPONENTS/Section : Tabs
*/

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section[search-type=toggleable] .section__header__text {
        border-bottom: .4rem solid var(--color--brand);
    }

    .section[search-type=toggleable] .section__header__tabs:after,
    .section[search-type=toggleable] .section__header__text:after {
        content: none;
    }
}

/*
    COMPONENTS/Section : Search : Toggle
*/

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .toggle--search {
        --toggle--font--color: var(--color--brand);
    }

    .toggle--search .toggle__icon {
        font-weight: var(--font--weight--bold);
        font-size: 2rem;
    }

    .search--toggleable .search__panel {
        background-color: var(--color--grey--lighter);
    }

    .search--toggleable .ButtonBarField .tc_formButton {
        width: 100%;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .search--toggleable .search__panel {
        padding: var(--spacer--m) 2.8rem;
    }
}

/*
    COMPONENTS/Breadcrumb
*/

.breadcrumbs .list__item.list__item--active {
    color: var(--color--brand--sub-5);
}

.breadcrumbs .list--links--top .list__item:not(:last-of-type):after,
.breadcrumbs .list__item.list__item--active {
    border-left-color: var(--color--brand--sub-5);
}

.breadcrumbs .list--links .list__item:not(:last-of-type) {
    margin-right: var(--spacer--m);
}

.breadcrumbs .list--links--top .list__item:not(:last-of-type):after {
    transform: translateX(var(--spacer--s)) rotate(15deg);
}

/*
    COMPONENTS/List Links: Bottom
*/

.list--links--bottom .link {
    text-transform: uppercase;
    font-size: var(--font--size--01);
    line-height: normal;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .list--links--bottom .link {
        font-size: var(--font--size--00);
    }
}

.body:not(.body--job-detail) .list--links.list--links--bottom .list__item {
    margin-left: 0;
}

/*
    COMPONENTS/List: Steps
*/

.list--steps .list__item .list__item__text:after {
    border-bottom-color: var(--color--brand--sub-2);
}

.list--steps .list__item--filled .list__item__text__subtitle {
    background-color: var(--color--brand--sub-2);
}

.list--steps .list__item__text__title {
    text-transform: none;
    font-family: var(--font--alt);
    font-weight: var(--font--weight--regular);
    font-size: var(--font--size--01);
}

.list--steps .list__item__text__subtitle {
    margin-top: 1.2rem;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .list--steps {
        margin-bottom: var(--spacer--xxxl);
    }
}

/* Media query to target only tablet and desktop */
@media (min-width: 750px) {
    .list--steps .list__item--current .list__item__text__subtitle {
        background-color: var(--color--brand--sub-2);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .list--steps {
        margin-bottom: var(--spacer--l);
    }

    .list--steps .list__item__text__subtitle {
        margin-top: 0;
    }

    .list--steps .list__item__text__subtitle {
        font-size: var(--font--size--01);
        font-weight: var(--font--weight--bold);
    }

    .list--steps .list__item__text__subtitle > span {
        font-weight: var(--font--weight--regular);
    }
}

/*
    COMPONENTS: TABS
*/

.tabs__list__item:not(.tabs__list__item--active):hover {
    color: var(--color--brand--sub-1);
}

.tabs__list__item > h2,
.tabs__list__item > a {
    text-transform: capitalize;
}

@media (min-width: 1025px) {
    .tabs__list__item {
        font-size: var(--font--size--01);
    }
}

/*
    COMPONENTS: Table
*/

.table--default.table--fixed-column.table--fixed-column--first tbody tr>:first-child {
    box-shadow: none;
    border-right: none;
}

.table--default thead tr th {
    color: var(--color--white);
}

@media (min-width: 751px) {
    .table--default.table--fixed-column.table--fixed-column--first tbody tr>:first-child:before, .table--default.table--fixed-column.table--fixed-column--first-and-last tbody tr td:last-child:before, .table--default.table--fixed-column.table--fixed-column--first-and-last tbody tr>:first-child:before, .table--default.table--fixed-column.table--fixed-column--last tbody tr td:last-child:before {
        background-color: transparent;
    }

    .table--default.table--fixed-column.table--fixed-column--first tbody tr>:first-child, .table--default.table--fixed-column.table--fixed-column--first thead tr th:first-child, .table--default.table--fixed-column.table--fixed-column--first-and-last tbody tr>:first-child, .table--default.table--fixed-column.table--fixed-column--first-and-last thead tr th:first-child {
        border-right: none;
    }
}

/*
    WIDGETS/Attachment upload (New)
*/

.article--attachments-upload {
    border-radius: var(--boxes--border--radius);
    border-width: .1rem;
    border-style: dashed;
    border-color: var(--boxes--border--color);
    background-color: var(--boxes--background--color);
    padding: var(--boxes--padding--outers) var(--boxes--padding--outers);
}

.article--attachments-upload .article__header {
    margin-bottom: var(--boxes--padding--outers);
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: var(--dividers--border--color);
    padding-bottom: var(--boxes--padding--outers);
}

.article--attachments-upload .article__header .fv {
    vertical-align: middle;
}

/*
    WIDGETS/Registered: Article (Override/complement)
*/

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--registered {
        margin: 0;
        background-color: unset;
        padding: 0;
    }

}

/*
    WIDGETS/Search: Visible (Override/complement)
*/

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section[search-type="visible"] .section__header__text {
        display: flex;
        margin-bottom: var(--spacer--l);
    }

}

/*
    MODULES/Header: Header (New)
*/

.header {
    --toggle--font--color: var(--color--brand--sub-5);
    font-family: var(--font--alt);
}

.menu--visible .menu__item:not([aria-current="page"]):hover .menu__link {
    color: var(--color--brand);
}

.header .toggle[aria-expanded='true'] {
    --toggle--font--color: var(--color--brand);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .header .menu__link:after {
        color: inherit;
        font-size: var(--font--size--00);
    }

    .header .menu__panel .menu__list:first-child .menu__link {
        padding-inline: .6rem;
        margin-inline: 2.7rem;
    }

    .header .menu--visible .menu__list--separator-left {
        margin-left: 1.2rem;
        padding-left: 1.7rem;
    }

    .header .menu__panel .menu__list:first-child .menu__item:last-child .menu__link {
        margin-right: 4.2rem;
    }

    .header .menu--toggleable .submenu__list {
        margin-left: 0;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .header__logo {
        flex-grow: 1;
        padding-right: 2.3rem;
    }
}

/*
    MODULES/Banner: Home (New)
*/

.banner--main--home {
    --banner--height: 30rem;
    background-image: var(--home__banner--background--image);
}

.banner--main--home .banner__wrapper {
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.banner--main--home .banner__wrapper > * {
    width: 100%;
}

.banner--main--home .banner__form {
    margin-top: var(--spacer--l);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--main--home {
        --banner--height: 29.4rem;

        height: var(--banner--height);
    }

}

/*
    MODULES/Banner: Adjust text (New)
*/

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .banner:not(.banner--detail) .banner__text {
        max-width: 40%;
    }
}

/*
    MODULES/Banner: Secondary (New)
*/

.banner--secondary {
    --buttons--height: calc(var(--sizing--basis) * 10.5); /* 42rem +doc+ */

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

.banner--secondary .banner__wrapper {
    height: auto;
    justify-content: center;
}

.banner:not(.banner--detail).banner--secondary--bottom .banner__text {
    max-width: unset;
}

.banner--secondary .banner__text__title {
    display: flex;
    align-items: center;
}

.banner--secondary .banner__text__title__phrase {
    font-size: var(--font--size--12);
    line-height: 1.06;
    color: var(--color--white);
    text-align: center;
}

.banner__text__title__conjunction {
    color: var(--color--white);
    font-size: var(--font--size--05);
    font-weight: var(--font--weight--regular);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .banner--secondary .banner__wrapper {
        padding-top: var(--spacer--xxxl);
        padding-bottom: var(--spacer--xxxl);
    }

    .banner--secondary--top + * {
        margin-top: var(--spacer--xl);
    }

    .banner--secondary .banner__text__title * + * {
        margin-left: var(--spacer--m);
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .banner--secondary .banner__text__title * + * {
        margin-left: var(--spacer--m);
    }

    .banner--secondary--top--logged .banner__text__title * + * {
        margin-left: var(--spacer--l);
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .banner--secondary .banner__wrapper {
        padding-top: var(--spacer--xl);
    }

    .banner--secondary .banner__text__title {
        text-align: center;
    }

    .banner--secondary .banner__text__title .banner__text__title__phrase {
        display: block;
    }

    .banner--secondary--top + * {
        margin-top: var(--spacer--s2);
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .banner--secondary .banner__text__title .button + .banner__text__title__conjunction,
    .banner--secondary .banner__text__title .banner__text__title__conjunction + .button {
        margin-left: var(--spacer--m);
    }

    .banner--secondary .banner__text__title .banner__text__title__phrase {
        font-size: var(--font--size--10);
    }

    .banner--secondary .banner__wrapper {
        padding-bottom: var(--spacer--xl);
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--secondary {
        --buttons--height: calc(var(--sizing--basis) * 12); /* 48rem +doc+ */
    }

    .banner--secondary .banner__wrapper {
        padding-bottom: var(--spacer--xxxl);
    }

    .banner--secondary .banner__text__title .button {
        width: 100%;
    }

    .banner--secondary .banner__text__title .button:nth-of-type(2) {
        margin-top: 0;
    }

    .banner--secondary .banner__text__title .banner__text__title__conjunction {
        margin-block: .8rem;
    }

    .banner--secondary .banner__text__title .banner__text__title__phrase {
        font-size: var(--font--size--08);
        margin-inline: 3rem;
    }

}

/*
    MODULES/Banner: Secondary Top (New)
*/

.banner--secondary--top .banner__wrapper {
    padding-block: 5.55rem;
}

.banner--secondary--top .banner__wrapper__logged {
    padding-block: 10.5rem;
}

/*
    MODULES/Banner: Secondary Bottom (New)
*/

.banner--secondary--bottom .banner__text__title {
    flex-direction: column;
}

.banner--secondary--bottom .banner__wrapper {
    padding-top: 6.45rem;
    padding-bottom: 6.45rem;
}

.banner__text__title__button-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.banner--secondary.banner--secondary--bottom .banner__text__title * + * {
    margin-left: var(--spacer--s);
}

.banner--secondary--bottom .button--secondary {
    font-size: var(--font--size--01);
}

.banner--secondary--bottom .banner__text__title__conjunction {
    font-family: var(--font);
    font-size: var(--font--size--02);
    font-weight: var(--font--weight--bold);
}

.banner--secondary--bottom .button--secondary:nth-of-type(2) {
    --buttons--border--width: .15rem;
    --buttons--border--color: var(--color--white);
    --buttons--background--color: transparent;
    --buttons--font--color: var(--color--white);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--secondary .banner__text__title__phrase {
        font-size: var(--font--size--08);
    }

    .banner--secondary.banner--secondary--bottom .banner__text__title * + * {
        margin-left: 0;
        width: 100%;
    }

    .banner--secondary--bottom .banner__wrapper {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

/*
    MODULES/Banner: Secondary - Buttons
*/

.banner--secondary .button--secondary:hover {
    --buttons--border--color: transparent;
    --buttons--font--color: var(--color--brand--sub-1);
    --buttons--background--color: var(--color--white);
}

.banner--secondary .button--secondary:active {
    --buttons--border--color: var(--color--buttons--sub-4);
    --buttons--font--color: var(--color--white);
    --buttons--background--color: var(--color--buttons--sub-4);
}

/*
    MODULES/Banner: Main
*/

.banner--main .banner__text__title {
    font-size: 6.2rem;
    font-weight: bold;
    color: var(--color--brand--sub-5);
    line-height: 1.03;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .banner--main .banner__text__title {
        font-size: 4.8rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--main .banner__text__title {
        font-size: 3.6rem;
        color: var(--color--white);
        text-align: center;
    }
}

/*
    MODULES/Banner: Details
*/

.banner--main.banner--detail {
    --title--font--color: var(--color--white);
    background: var(--color--banner--gradient--mobile);
}

.banner--main.banner--detail .banner__text__title {
    color: var(--color--white);
}

.banner--main.banner--detail .banner__text__subtitle {
    font-family: var(--font--alt);
    font-weight: var(--font--weight--regular);
    font-size: var(--font--size--02);
    text-transform: none;
    margin-bottom: var(--spacer--s);
}

@media all and (min-width:751px){
    .banner--main.banner--detail .banner__text__title.title--banner--job {
        --font--size--banner: 4.8rem;
    }
}

@media all and (max-width:750px){
    .banner--main.banner--detail .banner__text__title,
    .banner--main.banner--detail .banner__text__subtitle {
        text-align: center;
    }

    .banner--main:not(.banner--detail) .banner__wrapper {
        justify-content: center;
    }
}

/*
    MODULES/Banner: Confidential (New)
*/

.body--confidential .banner--main .banner__text {
    display: flex;
    width: 100%;
}

.body--confidential .banner--main .banner__text__title {
    text-align: left;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.body--confidential .banner__icon_confidential {
    color: var(--color--white);
    font-size: 3.2rem;
    margin: 0;
    margin-bottom: 2.1rem;
}

.body--confidential .banner__text__container {
    display: flex;
    flex-direction: column-reverse;
    align-items: baseline;
    gap: var(--spacer--s);

    width: 100%;
    padding: 2.4rem 1.6rem 2.4rem 2.5rem;
    text-align: center;
}

.body--confidential .banner__icon {
    text-align: center;
    padding: 2.4rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.body--confidential .banner--main.banner--detail .banner__text__subtitle {
    font-size: var(--font--size--05);
    font-weight: var(--font--weight--bold);
    color: var(--color--white);
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .body--confidential .banner--main .banner__text__title {
        line-clamp: 2;
        -webkit-line-clamp: 2;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--confidential .banner__text__subtitle {
        display: none;
    }

    .body--confidential .banner__icon_confidential {
        font-size: 3.2rem;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        height: 100%;
    }

    .body--confidential .banner--main .banner__text__title {
        line-clamp: 3;
        -webkit-line-clamp: 3;
    }

    .body--confidential .banner__text__container {
        padding-left: 1.5rem;
    }

    .body--confidential .banner__icon,
    .body--confidential .banner__text__container {
        padding-block: var(--spacer--m);
    }
}

/*
    MODULES/Banner: Pages
*/

.banner--main {
    background-image: var(--banner--background--image);
}

.banner--main:not(.banner--detail):has(.banner__text__title) {
    background-image: var(--color--banner--gradient), var(--banner--background--image);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--main:not(.banner--detail):has(.banner__text__title) {
        --title--font--color: var(--color--white);
        background-image: var(--color--banner--gradient--mobile);
    }
}

/*
    MODULES/Banner: JobName (New)
*/

.body--job-detail .banner--main .banner__text__title,
.body--application-methods .banner--main .banner__text__title,
.body--register-job .banner--main .banner__text__title {
    font-size: var(--font--size--12);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--job-detail .banner--main .banner__text__title,
    .body--application-methods .banner--main .banner__text__title,
    .body--register-job .banner--main .banner__text__title {
        font-size: 3.6rem;
    }
}

/*
    MODULES/Slider (New)
*/

:root {
    --swiper__slide--gap: var(--grid--columns--gap);
    --swiper-navigation-size: 2.4rem;
    --swiper-theme-color: var(--color--brand);
}

.slider {
    position: relative;
}

.swiper-container {
    width: calc(100% - (var(--swiper__slide--gap)*2) - var(--swiper-navigation-size));
}

.swiper-slide {
    height: auto;
}

.swiper-slide .article--card {
    box-sizing: border-box;
    height: 100%;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    --swiper-theme-color: var(--color--black);
}

.swiper-button-next,
.swiper-button-prev {
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    font-weight: var(--font--weight--bold);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: calc(var(--swiper-navigation-size)/2);
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 0;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 0;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    :root {
        --swiper-navigation-size: 2.5rem;
    }

    .swiper-container {
        width: calc(100% - (var(--swiper__slide--gap)*3) - var(--swiper-navigation-size));
    }

}

/*
    MODULES/Footer (New)
*/

.footer {
    background: linear-gradient(to bottom, var(--color--brand--sub-1) 0%, var(--color--brand) 62%);
    border: none;
}

.footer__content {
    flex-direction: column;
    padding-block: calc(7rem - var(--footer--padding--top));
}

.footer__divider {
    margin-block: 2.6rem;
    width: 100%;
    height: .1rem;
    background: var(--color--white);
}

.footer__social__item {
    width: 2.5rem;
    height: 2.5rem;
}

.footer__links {
    gap: 6.4rem;
}

.footer__links__item {
    color: var(--color--white);
    font-family: var(--font--alt);
    font-size: var(--font--size--02);
    font-weight: var(--font--weight--regular);
}

.footer__social__item+.footer__social__item {
    margin-left: 3.4rem;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .footer__content {
        padding-block: calc(4rem - var(--footer--padding--top));
    }

    .footer__social__item {
        width: 2rem;
        height: 2rem;
    }

    .footer__social__item+.footer__social__item {
        margin-left: var(--spacer--xl);
    }

    .footer__divider {
        margin-block: 2.4rem;
    }

    .footer__links {
        gap: var(--spacer--l);
        flex-direction: column;
        align-items: baseline;
        margin-right: auto;
        margin-left: var(--spacer--xl);
    }

    .footer__links__item {
        line-height: normal;
        font-weight: var(--font--weight--regular);
    }
}

/* Modules: Wizard
   -------------------------------------------------------------------------- */

.tc_formDescription {
    font-family: var(--font--alt);
}

.AcceptanceCheckboxField {
    font-size: var(--font--size--01);
}

.AcceptanceCheckboxField .tc_formDescription {
    font-size: inherit;
    color: var(--color--font--sub-2);
}

.AcceptanceCheckboxField .tc_formField .tc_formSublabel {
    font-size: inherit;
}

.fieldSpec+.AcceptanceCheckboxField {
    padding-bottom: 4rem;
}

.body--register .nextButton {
    padding-inline: var(--spacer--xl);
}

.body--register .cancelButton {
    padding-inline: 4.5rem;
}

.form select[multiple] option:checked,
.select2-container--default .select2-results__option[aria-selected=true],
.dropdown__item--active, .dropdown--recordsPerPage .dropdown__item.currentRecordsPerPageLink {
    color: var(--color--white);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .fieldSpec+.AcceptanceCheckboxField .tc_formLabel {
        font-size: var(--font--size--01);
    }

    .form:not(.form--grid) .fieldSpec+.button-bar {
        padding-top: 0;
    }
}

/* Modules: Cookies
-------------------------------------------------------------------------- */
.cookies {
    padding-top: 4rem;
}

.cookies__info__buttons {
    margin-top: 2.6rem;
}

.cookiesButtonSettingsIcon,
.cookiesButtonAccept,
.cookiesButtonReject,
.cookiesButtonSettingsText,
.cookiesButtonSave {
    border-radius: 0;
    font-weight: var(--font--weight--bold);
    font-size: var(--font--size--01);
    text-transform: uppercase;
    padding: 1.5rem 1.6rem;
}

.cookiesButtonAccept {
    color: var(--color--white) !important;
}

.cookiesButtonSettings {
    color: var(--color--brand);
    font-weight: var(--font--weight--bold);
    border: .1rem solid var(--color--brand);
    padding: 1.33rem 1.8rem;
    border-radius: 0;
}

.cookiesButtonSettings span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.cookies__info__copy {
    font-size: var(--font--size--02);
}

.cookies__settings input:checked+.cookies__settings__option__slider {
    background-color: var(--color--brand--sub-1);
}

.avaicon-icon-settings:before {
    color: var(--color--brand);
}

@media (min-width: 751px) {
    .cookiesButton+.cookiesButton {
        margin-left: var(--spacer--s);
    }
}

/* Modules: Cookies: Video unabled
-------------------------------------------------------------------------- */

.embed-container {
    background-image: var(--cookie--video--unabled);
    background-size: contain;
}

/*
    PAGETYPES/Search jobs: Cards: Result (Override/complement)
*/

.section--search-jobs .article--result {
    --result--border--radius: 0;
    --result--padding--outers--h: 0;

    padding-top: var(--spacer--s2);
    padding-bottom: var(--spacer--l);
}

.section--search-jobs .article--result + .article--result {
    margin-top: 0;
}

.section--search-jobs .article--result + .article--result:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-top-width: 0.1rem;
    border-top-style: solid;
    border-top-color: var(--dividers--border--color);
}

.section--search-jobs .results--listed {
    padding-block: 0;
}

.section--search-jobs .article--card {
    border-right: none;
    border-left: none;
    border-top: .3rem solid var(--color--brand--sub-1);
}

.section--search-jobs .article--card .article__header,
.section--search-jobs .article--card .article__footer {
    border-left: .1rem solid var(--dividers--border--color);
    border-right: .1rem solid var(--dividers--border--color);
}

.section--search-jobs .article--card .article__header__text__title .link {
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    color: var(--color--brand--sub-1);
}

.section--search-jobs .article--card .article__footer {
    font-size: var(--font--size--00);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    *+.article__header__text__subtitle {
        margin-top: var(--spacer--xs);
    }

    .article--card .button--secondary,
    .article--card .button--share,
    .article--card .button--tertiary {
        color: var(--color--brand);
    }

    .article--card .article__footer > * + * {
        margin-left: 4.4rem;
    }

    .section[search-type=toggleable] .section__header__actions {
        margin-left: var(--spacer--l);
    }

    .toggle--search .toggle__icon {
        font-weight: var(--font--weight--bold);
        font-size: 2rem;
    }

    .list-controls__pagination__item+.list-controls__pagination__item {
        margin-left: var(--spacer--s);
    }
}

/*
    PAGETYPES/Search jobs: No results
*/

.body--search-jobs .results--no-result {
    border-bottom: none;
}

.body--search-jobs .article--no-results {
    padding-top: var(--spacer--l);
}

.body--search-jobs .article--no-results .article__header__text__title {
    margin-bottom: var(--spacer--l);
}

.body--search-jobs .article--no-results .paragraph {
    font-size: var(--font--size--01);
}

.body--search-jobs .list--controls--top--no-result .list-controls__text__reset,
.body--search-jobs .list-controls--top.list--controls--top--no-result .list-controls__text__legend {
    margin: 0;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--search-jobs .article--no-results {
        padding-block: 4rem;
        border-top: 0.1rem solid var(--color--grey--medium);
        border-bottom: 0.1rem solid var(--color--grey--medium);
    }

    .body--search-jobs .article--no-results .article__header__text__title {
        margin-bottom: var(--spacer--s);
    }
}

/*
    PAGETYPES/Search jobs: Slider
*/

.section--jobs-slider {
    --card--padding--outers: var(--spacer--m);

    margin-top: 8.8rem;
    margin-bottom: var(--spacer--xl);
}

.section--jobs-slider .section__header {
    align-items: baseline;
}

.section--jobs-slider .section__header:not(.section__header--center) .section__header__actions {
    margin-left: 1.2rem;
}

.section--jobs-slider .section__header__text {
    flex-grow: 0;
}

.section--jobs-slider .section__header__actions .link {
    color: var(--color--brand);
    text-transform: uppercase;
    font-size: var(--font--size--00);
}

.section--jobs-slider .section__header+* {
    margin-top: var(--spacer--l);
}

.section--jobs-slider .article--card {
    border: none;
    border-top: 0.3rem solid var(--color--brand--sub-1);
}

.section--jobs-slider .article--card .article__header__text__title:has(.link) {
    padding: .3rem;
    margin: -.3rem;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    color: var(--color--brand--sub-1);
}

.section--jobs-slider .article--card > [class^="article__"]{
    border-left: 0.1rem solid var(--color--grey--light--01);
    border-right: 0.1rem solid var(--color--grey--light--01);
}

.section--jobs-slider .article--card .article__content {
    border-top: none;
    padding-top: 1.2rem;
    padding-bottom: var(--spacer--m);
    font-size: var(--font--size--01);

    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: var(--spacer--xs);
}

.section--jobs-slider .article--card .article__footer > * + * {
    margin-left: var(--spacer--xl);
}

.section--jobs-slider .article--card > .article__footer {
    border-bottom: 0.1rem solid var(--color--grey--light--01);
    padding: 2rem var(--card--padding--outers);
}

.section--jobs-slider .article--card > .article__footer .button {
    --buttons--font--size: var(--font--size--00);
    color: var(--color--brand);
}

.section--jobs-slider .article--card .article__header__text__title .link {
    display: block;
}

.section--jobs-slider .article--card .article__header__text {
    padding-top: var(--spacer--m);
}

.section--jobs-slider .article--card .article__header {
    --color--clickeable: var(--color--brand--sub-1);
}

.section--jobs-slider .article__footer .paragraph {
    font-size: var(--font--size--00);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--jobs-slider {
        margin-top: 4rem;
    }

    .section--jobs-slider .section__header {
        flex-direction: column;
        gap: var(--spacer--s2);
    }

    .section--jobs-slider .article--card .article__header__text {
        padding-bottom: 3rem;
    }

    .section--jobs-slider .article--card .article__header__text > * {
        font-size: var(--font--size--06);
    }

    .section--jobs-slider .section__header:not(.section__header--center) .section__header__actions {
        margin-left: 0;
    }

    .section--jobs-slider .section__header__text__title {
        font-size: var(--font--size--06);
    }

    .section--jobs-slider .section__header__actions .link {
        text-transform: none;
        font-size: var(--font--size--01);
    }

    .section--jobs-slider .article--card .article__content {
        padding-top: 0;
        padding-bottom: var(--spacer--m);
    }

    .section--jobs-slider .article--card .article__footer > * + * {
        margin-left: var(--card--padding--outers);
    }
}

/* PAGETYPES: Open positions: Results without toggle (Override/complement)
   -------------------------------------------------------------------------- */

/* Media query to target only desktop */
@media all and (min-width:750px) {
    .article--result.article--non-toggle .article__content {
        max-height: unset;
        visibility: visible;
        margin-top: var(--result--padding--inners--v);
    }

    .article--non-toggle .article__header__actions {
        display: none;
    }
 }

/* PAGETYPES: Reg/App methods: Article
   -------------------------------------------------------------------------- */

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--registered {
        margin: 0;
        background-color: unset;
        padding: 0;
    }

    .article--registered .article__header__text__title .title {
        font-size: 2.8rem;
    }

    .article--registered .fieldSpec.passwordGroup {
        padding-bottom: var(--spacer--l);
    }

}

/* PAGETYPES: Search Jobs
   -------------------------------------------------------------------------- */
.body--search-jobs {
    --grid--columns--gap: 10.1rem;
}

.body--search-jobs .main {
    --color--clickeable: var(--color--brand--sub-1);
    margin-top: 0;
}

.body--search-jobs .list-controls__sort .dropdown {
    --fields--font--color: var(--color--brand--sub-5);
}

.body--search-jobs .dropdown__placeholder {
    padding-right: 3.4rem;
    align-items: center;
}

.body--search-jobs .list-controls__text__reset {
    font-style: normal;
    font-size: var(--font--size--01);
}

.body--search-jobs .list-controls__text__reset .link {
    color: var(--color--brand);
}

.body--search-jobs .list-controls--top .list-controls__text__legend {
    margin-right: 1.2rem;
}

.body--search-jobs .list-controls__pagination__item:not(.currentPageLink) {
    color: var(--color--brand);
}

.body--search-jobs .grid--2--sidebar--filters>.grid__item--filters {
    max-width: 100%;
    min-width: calc(28.4rem + var(--grid--columns--gap));
}

.body--search-jobs .section--search-jobs .article__header__text__subtitle {
    font-family: var(--font--alt);
    font-weight: var(--font--weight--regular);
    font-size: var(--font--size--01);
    color: var(--color--font--sub-2);
}

.body--search-jobs .article--result .article__footer {
    margin-top: var(--spacer--xl);
    text-transform: uppercase;
    font-size: var(--font--size--01);
}

.body--search-jobs .article--result .article__footer .button:first-of-type {
    --buttons--font--size: var(--font--size--01);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--search-jobs .search.search--toggleable.search--open {
        box-shadow: 0 1rem 1rem 0 var(--color--shadow--sub-1);
    }

    .body--search-jobs .list-controls__text__reset {
        margin-bottom: var(--spacer--l);
    }
}

/* PAGETYPES: Search Jobs : Search component
   -------------------------------------------------------------------------- */
/* Media query to target only tablet */
@media (min-width: 751px) and (max-width: 1024px) {
    .search--toggleable .search__panel {
        padding: var(--spacer--m) 2.8rem;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .body--search-jobs .search--toggleable .search__panel {
        background-color: var(--color--grey--lighter);
    }

    .body--search-jobs .grid--2--sidebar>.grid__item.grid__item--main {
        padding-top: var(--spacer--s2);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--search-jobs .toggle--search[aria-expanded=true] {
        background-color: var(--color--grey--lighter);
    }

    .body--search-jobs .grid__item--filters .section__header__text__title {
        font-size: 2.2rem;
    }
}
/* PAGETYPES: Recommendation Jobs
   -------------------------------------------------------------------------- */
.body--recommendation-jobs .main__wrapper {
    padding-top: var(--spacer--xxxl);
    padding-bottom: 9rem;
}

.body--recommendation-jobs .banner--main .banner__text__container {
    display: flex;
    flex-direction: column-reverse;
}

.body--recommendation-jobs .banner--main .banner__text__subtitle {
    font-size: var(--font--size--03);
    font-family: var(--font--alt);
    color: var(--color--brand--sub-5);
    text-transform: none;
    margin-top: var(--spacer--s);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--recommendation-jobs .banner--main .banner__text__container {
        padding-block: var(--spacer--m);
        padding-inline: 3.6rem;
    }

    .body--recommendation-jobs .banner--main .banner__text__subtitle {
        color: var(--color--white);
        text-align: center;
    }

    .body--recommendation-jobs .main__wrapper {
        padding-top: 2.6rem;
        padding-bottom: 4rem;
    }

    .body--recommendation-jobs .article--card .article__footer,
    .body--recommendation-jobs .article--card .article__header__text {
        padding-inline: var(--spacer--l);
    }
}

/* PAGETYPES: Recommendation Jobs: List
   -------------------------------------------------------------------------- */
.body--recommendation-jobs .article__header__text__title {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 1rem;
}

.body--recommendation-jobs .article__header__text__title--no-results {
    align-items: center;
}

.body--recommendation-jobs .article:not(.article--full-pill) .pill + * {
    margin-left: 0;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--recommendation-jobs .article__header__text__title {
        gap: var(--spacer--s);
    }
}

/* PAGETYPES: Job Detail
   -------------------------------------------------------------------------- */

.body--job-detail .main-panel .list--links .link {
    color: var(--color--brand);
    text-transform: uppercase;
}

.body--job-detail .section__header__text {
    margin-bottom: var(--spacer--s);
}

.body--job-detail .section__header+* {
    margin-top: 0;
}

.body--job-detail .article--details .article__header__text__title {
    font-size: var(--font--size--10);
}

.body--job-detail .article__content__view__field__label,
.body--job-detail .article__content__view__field__value {
    line-height: 1.63;
    font-size: var(--font--size--01);
}

.body--job-detail .article--details+.article--details {
    padding-top: var(--spacer--l);
}

@media (min-width: 751px) {
    .body--job-detail .article--details.regular-fields--cols-2Z .article__content__view__field {
        padding-bottom: var(--spacer--s2);
    }
}

/* Media query to target only tablet and desktop */
@media (min-width: 750px) {
    .body--job-detail .grid--2--sidebar--aside-right>.grid__item--main {
        padding-right: 13.2rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--job-detail .section__header__text {
        margin-bottom: var(--spacer--l);
    }

    .body--job-detail .article--details .article__header__text__title {
        font-size: var(--font--size--06);
    }

    .body--job-detail .article--details.regular-fields--cols-2Z .article__content__view__field:not(:last-of-type) {
        padding-bottom: var(--spacer--s2);
    }

    .body--job-detail .article--details.regular-fields--cols-2Z .article__content__view__field:last-of-type {
        padding-bottom: .1rem;
    }
}

/* PAGETYPES: Job Detail: Aside
   -------------------------------------------------------------------------- */

.body--job-detail .aside .article+.article {
    margin-top: var(--spacer--xxl);
}

.body--job-detail .title--social-share {
    font-family: var(--font);
    font-weight: var(--font--weight--regular);
    font-size: var(--font--size--01);
}

.body--job-detail .shareButton--email {
    background-image: var(--share--icon--mail);
}

.body--job-detail .title--similar-jobs-widget {
    font-family: var(--font);
}

.body--job-detail .article--view-more--aside .article__header__text {
    padding-top: 0;
    padding-bottom: 1rem;
    border-bottom: .1rem solid var(--color--grey--light--01);
}

.body--job-detail .aside .article__footer .link,
.body--job-detail .list--view-more a .list__item:hover .list__item__text__title,
.body--job-detail .list--view-more a .list__item__text__title {
    color: var(--color--brand);
    font-size: var(--font--size--01);
    line-height: normal;
}

.body--job-detail .aside .list--view-more {
    margin-top: var(--spacer--m);
}

.body--job-detail .aside .list--view-more .list__item__text__subtitle {
    color: var(--color--font--sub-2);
    font-size: var(--font--size--01);
    font-family: var(--font--alt);
    font-weight: var(--font--weight--regular);
    line-height: 1.38;
    margin-top: var(--spacer--s);
}

.body--job-detail .aside .article__footer .link {
    text-transform: uppercase;
}

.body--job-detail .aside *+.article__footer {
    margin-top: 4.7rem;
    margin-left: .3rem;
}

.body--job-detail .aside .list--share {
    gap: .8rem;
}

.body--job-detail .aside .list--share .shareButton {
    width: 3.7rem;
    height: 2.8rem;
}

.body--job-detail .aside .article--social-share {
    margin-top: var(--spacer--xxl);
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .body--job-detail .aside .article+.article {
        background: transparent;
    }

    .body--job-detail .aside .article--social-share {
        margin-top: 0;
        width: auto;
        margin-inline: 0;
    }
}

/* Media query to target only mobile */
@media (max-width: 750px) {
    .body--job-detail .aside .article--actions {
        padding-inline: var(--spacer--m);
    }

    .body--job-detail .aside .article--actions .article {
        display: flex;
        gap: 2rem;
        margin-top: var(--spacer--m);
        justify-content: center;
    }

    .body--job-detail .aside .article--actions .article .article__header {
        width: auto;
    }

    .body--job-detail .aside .article+.article {
        background-color: transparent;
        margin-top: 0;
        padding-bottom: 0;
    }

    .body--job-detail .aside .list--view-more {
        margin-top: 0;
    }

    .body--job-detail .aside .list--view-more a {
        padding-top: var(--spacer--l);
        padding-bottom: 0;
    }

    .body--job-detail .list--view-more a .list__item__text__title{
        font-size: var(--font--size--02);
    }

    .body--job-detail .list--links.list--links--bottom {
        margin-top: var(--spacer--xxl);
    }
}

/* PAGETYPES: Job Detail Applied
   -------------------------------------------------------------------------- */

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--job-detail-applied .article--actions .alert {
        margin-bottom: var(--spacer--m);
    }
}

/* PAGETYPES: Log in - External
   -------------------------------------------------------------------------- */
.body--login--external .main__wrapper {
    padding-bottom: 3.4rem;
}

.body--login--external .article__header+*{
    margin-top: var(--spacer--l);
}

.body--login--external .grid--dividers {
    --grid--dividers--gap--row: 3.6rem;
}

.body--login--external .article__header__text__title--account .title {
    font: var(--font);
    font-weight: var(--font--weight--bold);
    font-size: var(--font--size--01);
}

.body--login--external .grid--dividers--h {
    --grid--dividers--width--min: var(--content--w--narrower);
}

.body--login--external .section .grid .grid__item:last-child {
    max-width: 31.6rem;
    margin: 0 auto;
}

.body--login--external .form--login {
    font-size: var(--font--size--01);
}

.body--login--external .list--links--bottom {
    margin-top: 8.2rem;
}

.body--login--external .fieldSpec {
    padding-bottom: 1rem;
}

.body--login--external .fieldSpec.passwordGroup {
    padding-bottom: var(--spacer--m);
}

.body--login--external .fieldSpec.passwordGroup .link {
    font-size: var(--font--size--01);
}

@media (min-width: 751px) {
    .body--login--external .article--registered {
        max-width: 31.6rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--login--external .main__wrapper {
        padding-bottom: var(--spacer--l);
    }

    .body--login--external .list--links--bottom {
        margin-top: var(--spacer--xxl);
    }

    .body--login--external .body--login--external .form--login .link {
        font-size: var(--font--size--01);
    }

    .body--login--external .grid--dividers--h {
        margin-inline: 1.4rem;
    }

}

/* PAGETYPES: Application Methods
   -------------------------------------------------------------------------- */

.body--application-methods .article--registered .article__header+* {
    margin-top: var(--spacer--l);
}

.body--application-methods .form--login .comment {
    padding-top: 1rem;
}

.body--application-methods .form--login .comment .link {
    font-size: var(--font--size--01);
}

.body--application-methods .form--login .button--primary {
    padding-inline: 4.9rem;
}

.body--application-methods .paragraph {
    font-size: var(--font--size--01);
    padding-bottom: 0;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--application-methods .list--steps {
        margin-bottom: var(--spacer--l);
    }

    .body--application-methods .grid--dividers {
        --grid--dividers--gap--row: 8rem;
    }

    .body--application-methods .grid--dividers>.grid__item:not(:first-of-type):before {
        top: calc(var(--grid--dividers--gap--row) / 2);
    }

    .body--application-methods .article__content+.article__content {
        margin: 0;
    }

    .body--application-methods .article__header__text__title .title--10 {
        font-size: var(--font--size--08);
    }

    .body--application-methods .article.t--c {
        text-align: left;
    }
}

/* PAGETYPES: Register
   -------------------------------------------------------------------------- */

.body--register .paragraph {
    padding-bottom: 0;
    font-size: var(--font--size--01);
}

.body--register .main .tc_formTitle {
    font-size: var(--font--size--10);
}

.body--register .MultipleDatasetEntryFormField .tc_formField div[id*=multipleDatasetEntry_],
.body--register .datasetField__row {
    margin-left: 0;
}

.body--register .datasetField__row {
    width: calc(100% + var(--spacer--xxs) * 2);
}

.body--register .Separator {
    margin-bottom: var(--spacer--xl);
}

.body--register .datasetField__button--remove {
    padding-top: 1.8rem;
    border-top: .1rem solid var(--color--font--sub-3);
}

.body--register .PasswordField ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.body--register .PasswordField .description {
    color: var(--color--font--sub-2);
}

.body--register .PasswordField ul li {
    margin-top: var(--spacer--xs);
}

.body--register .tc_formButton {
    text-transform: uppercase;
}

.body--agent .select2-container--default .select2-selection--multiple .select2-selection__choice,
.body--profile-edit .select2-container--default .select2-selection--multiple .select2-selection__choice,
.body--talent-community .select2-container--default .select2-selection--multiple .select2-selection__choice,
.body--register .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: var(--font--size--01);
    border-radius: var(--spacing--basis);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--register *+.form {
        margin-top: 0;
    }

    .body--register .Separator {
        margin-bottom: var(--spacer--m);
    }
}

/* PAGETYPES: Register/Talent Wizard custom css: regular-fields--padding-inline
   -------------------------------------------------------------------------- */
.body--register .Separator.regular-fields--padding-inline ~ .fieldSpec.fieldSpec--odd {
    padding-left: 1.6rem;
}

.body--register .Separator.regular-fields--padding-inline ~ .fieldSpec.fieldSpec--even {
    padding-right: 1.6rem;
}

.body--register .Separator.regular-fields--padding-inline ~ .PasswordField,
.body--register .Separator.regular-fields--padding-inline ~ .fieldSpec.fieldSpec--full {
    padding-inline: 1.6rem;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--talent-community .Separator.regular-fields--padding-inline ~ .fieldSpec {
        padding-inline: 1.6rem;
    }

    .body--talent-community .Separator.regular-fields--padding-inline ~ .fieldSpec {
        padding-inline: 1.6rem;
    }

    .body--talent-community .Separator.regular-fields--padding-inline ~ .datasetField .datasetField__row {
        width: auto;
        margin-right: var(--spacer--m);
        margin-left: 0;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--register .Separator.regular-fields--padding-inline ~ .fieldSpec.fieldSpec--even {
        padding-left: 1.6rem;
    }

    .body--register .Separator.regular-fields--padding-inline ~ .fieldSpec.fieldSpec--odd {
        padding-right: 1.6rem;
    }

    .body--talent-community .Separator.regular-fields--padding-inline ~ .datasetField .datasetField__row {
        width: auto;
        margin-inline: 0;
    }
}

/* PAGETYPES: Register/Talent Wizard custom css: AcceptCheckboxField--Separator
   -------------------------------------------------------------------------- */

.body--talent-community .AcceptCheckboxField--label .tc_formLabel {
    font-size: var(--font--size--02);
}

/* PAGETYPES: Profile
   -------------------------------------------------------------------------- */
.body--profile {
    --button-bar--rows--gap: var(--spacer--m);
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .body--profile .tabs__placeholder:after {
        color: var(--color--brand);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--profile .tabs__placeholder:after {
        margin-right: 1.2rem;
    }

    .body--profile .tabs__placeholder,
    .body--profile .grid__item--aside-right {
        padding-top: 0;
    }

    .body--profile .article--details .article__content__view__field:not(:last-of-type) .article__content__view__field__value>.table {
        margin-bottom: var(--spacer--s);
    }
}

/* PAGETYPES: Profile: View
   -------------------------------------------------------------------------- */

.body--profile .article--details .article__header__text__title {
    font-size: var(--font--size--10);
}

.body--profile .tf_additional--information.article--details .MultipleDataSetFieldLabel,
.body--profile .tf_additional--information.article--details .article__content__view__field__label {
    font-family: var(--font--alt);
    font-size: var(--font--size--05);
    line-height: 1.08;
}

.body--profile .article--details.regular-fields--cols-2Z .article__content__view__field {
    padding-bottom: var(--spacer--s2);
}

.body--profile .article--details:not(.form-fields-label--inline) .MultipleDataSetFieldLabel+.MultipleDataSetFieldValue {
    margin-top: var(--spacer--m);
    margin-bottom: var(--spacer--xxxl);
}

.body--profile .tf_additional--information.article--details:not(.regular-fields-label--inline) .article__content__view__field__label+.article__content__view__field__value {
    margin-top: var(--spacer--l);
    margin-bottom: calc(var(--spacer--xxxl) - var(--spacer--s));
}

.body--profile .tf_additional--information.article--details .article__content__view__field:last-of-type .article__content__view__field__value {
    margin-bottom: 0;
}

.body--profile .article__content__view__field__label,
.body--profile .article__content__view__field__value {
    line-height: 1.63;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--profile .article--details .article__header__text__title {
        font-size: var(--font--size--08);
    }

    .body--profile .tf_additional--information.article--details .MultipleDataSetFieldLabel, .body--profile .tf_additional--information.article--details .article__content__view__field__label {
        font-size: var(--font--size--06);
    }

    .body--profile .tf_additional--information.article--details:not(.regular-fields-label--inline) .article__content__view__field__label+.article__content__view__field__value {
        margin-top: var(--spacer--m2);
        margin-bottom: var(--spacer--s);
    }

    .body--profile .article--details .MultipleDataSetField,
    .body--profile .article--details .article__content__view__field {
        padding-bottom: var(--spacer--s2);
    }

    .body--profile .regular-fields--basic-information.article--details:not(:last-of-type) {
        padding-bottom: var(--spacer--xl);
    }

    .body--profile .article--details:not(.regular-fields-label--inline) .article__content__view__field__label+.article__content__view__field__value {
        margin-bottom: 0;
    }
}

/* PAGETYPES: Profile: View Table
   -------------------------------------------------------------------------- */

.body--profile {
    --card__header--height: 7.2rem;
}

.body--profile .table--cards tbody tr {
    border-left: none;
    border-right: none;
    border-top: .3rem solid var(--color--brand--sub-1);
}

.body--profile .table--cards.table--cards--with-no-subtitle tbody tr td:nth-child(2) {
    border-top: none;
}

.body--profile .table--cards tbody tr>:first-child {
    font-size: var(--font--size--06);
    font-family: var(--font--alt);
}

.body--profile .table--cards tbody tr>* {
    font-size: var(--font--size--01);
    border-right: .1rem solid var(--card--border--color);
    border-left: .1rem solid var(--card--border--color);
}

.body--profile .table--cards.table--cards--with-no-actions tbody tr td:last-child {
    padding-bottom: var(--spacer--s2);
}

/* PAGETYPES: Profile: Banner
   -------------------------------------------------------------------------- */

.body--profile .banner__text__subtitle {
    color: var(--color--white);
    font-family: var(--font--alt);
    font-weight: var(--font--weight--regular);
    font-size: var(--font--size--02);
    text-transform: none;
    margin-bottom: var(--spacer--s);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body.body--profile .banner--main .banner__wrapper {
        justify-content: center;
    }
}

/* PAGETYPES: Profile: Attachments
   -------------------------------------------------------------------------- */
.body--profile .article--details.tf_attachments {
    padding-block: 3.2rem;
}

.body--profile .list--attachments .list__item__actions {
    font-weight: var(--font--weight--light);
    margin-top: var(--spacer--m);
}

.body--profile .tf_attachments .button-bar__wrap {
    row-gap: 1rem;
}

.body--profile *+.button-bar:not(.fieldSpec) {
    padding-top: var(--spacer--m);
}

.body--profile .tpt_uploadFileCaptionTrigger.button--secondary {
    font-size: var(--font--size--01);
}

.body--profile .list--attachments .list__item__text__title {
    font-weight: var(--font--weight--regular);
}

.body--profile .list--attachments .list__item__actions .link {
    font-size: var(--font--size--01);
    text-transform: uppercase;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--profile .article--details.tf_attachments {
        padding-top: var(--spacer--l);
        padding-bottom: var(--spacer--m);
    }

    .body--profile .tf_attachments .button-bar__wrap {
        text-align: center;
    }

    .body--profile .list--attachments .list__item__text__title {
        font-size: var(--font--size--01);
    }
}

/* PAGETYPES: Profile Tabs
   -------------------------------------------------------------------------- */

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .tabs__placeholder {
        border-bottom: .4rem solid var(--color--brand);
        justify-content: space-between;
    }

    .tabs .tabs__list {
        top: 100%;
        width: 100%;
    }

    .tabs__list__item > h2,
    .tabs__list__item > a {
        text-transform: capitalize;
        font-family: var(--font--alt);
        font-weight: var(--font--weight--bold);
    }
}

/* PAGETYPES: Profile Job Applications
   -------------------------------------------------------------------------- */
.body--profile-job-applications {
    --table__td--height: 7.2rem;
    --table__td--padding: 1.6rem;
}

.body--profile-job-applications .table--default tbody tr>*,
.body--profile-job-applications .tableField tbody tr td,
.body--profile-job-applications .table--default thead tr th {
    min-width: 24.16rem;
    overflow-x: hidden;
    padding-block: 1.4rem;
}

.body--profile-job-applications .table--default tbody tr>:first-child .link {
    white-space: normal;
}

.body--profile-job-applications .table__wrap {
    overflow-x: hidden;
}

.body--profile-job-applications .table--default tbody tr td:last-child .link {
    text-transform: uppercase;
    font-size: 1.2rem;
}

.body--profile-job-applications .article--details .article__header__text__title {
    gap: var(--spacer--s);
}

.body--profile-job-applications .article__header__text__title__icon {
    font-size: 2.4rem;
    margin: 0;
}

.body--profile-job-applications .list--links--bottom {
    margin-top: 6.5rem;
}

/* PAGETYPES: Profile Job Applications: Table cards
   -------------------------------------------------------------------------- */

.body--profile-job-applications .table--cards {
    border-top: none;
}

.body--profile-job-applications .table--cards tbody tr td:last-child:not(:first-child) {
    text-transform: uppercase;
    padding-block: 1.54rem;
}

/* PAGETYPES: Profile Job Applications: Table Pipeline
   -------------------------------------------------------------------------- */
.table--pipeline.table--cards tbody tr td:last-child:not(:first-child) {
    text-transform: unset;
    padding-top: .6rem;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .table--pipeline tbody tr>:first-child {
        font-weight: var(--font--weight--regular);
    }
}

/* PAGETYPES: Profile Edit
-------------------------------------------------------------------------- */

.body--profile-edit .tc_formTitle {
    font-size: var(--font--size--10);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--profile-edit .datasetField__row {
        width: auto;
        margin-inline: 0;
    }

    .body--profile-edit .tc_formTitle {
        font-size: var(--font--size--08);
    }
}

/* PAGETYPES: Profile : Profile Delete
-------------------------------------------------------------------------- */

.body--profile-delete .button-bar__wrap {
    column-gap: var(--spacer--m);
}

.body--profile-delete *+.button-bar:not(.fieldSpec) {
    padding-top: 0;
}

.body--profileDeleted .paragraph {
    font-size: var(--font--size--01);
    padding: 0;
}

.body--profileDeleted .article__header__image {
    width: 9rem;
    height: 9rem;
    margin: 0;
}

.body--profileDeleted .article__header+* {
    margin: 0;
}

.body--profileDeleted .article__header__text__title {
    margin-block: var(--spacer--l);
}

/* PAGETYPES: Success Template
-------------------------------------------------------------------------- */

.body--success .banner__text__container {
    display: none;
}

.body--success .paragraph {
    font-size: var(--font--size--01);
}

.body--success .article__header__image {
    width: 9rem;
    height: 9rem;
}

.body--success .article__header+* {
    margin-top: var(--spacer--l);
}

.body--success .button-bar--center .button-bar__wrap {
    gap: 1.6rem;
}

@media (min-width: 751px) {
    .body--success .article__header:not(.article__header--center) .article__header__image {
        margin-right: 0;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .body--success .main__content {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .body--success .list--links--bottom {
        margin-top: auto;
        margin-bottom: var(--spacer--xl);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--success .title--12 {
        --title--font--size: var(--font--size--08);
    }
}

/* PAGETYPES: Success application
-------------------------------------------------------------------------- */

.body--success-application .banner--main .banner__text__container {
    display: none;
}

/* PAGETYPES: Error page
-------------------------------------------------------------------------- */

.body--error .banner__text__container {
    display: none;
}

.body--error .article__header__image {
    width: 9rem;
    height: 9rem;
}

.body--error .article__header:not(.article__header--center) .article__header__image {
    margin-right: 0;
    margin-bottom: var(--spacer--l);
}

.body--error .paragraph {
    font-size: var(--font--size--01);
}

.body--error .article__header+* {
    margin-top: var(--spacer--l);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--error .title--12 {
        --title--font--size: var(--font--size--08);
    }
}

/* PAGETYPES: Profile Agent
-------------------------------------------------------------------------- */

.body--profile-agent .article--actions .button-bar > .button-bar__wrap {
    justify-content: flex-end;
}

.body--profile-agent .action--edit {
    --action--font--color: var(--color--action--edit);
    --action__icon--width: 1.5rem;
    --action__icon--height: 1.5rem;
}

.body--profile-agent .action--delete {
    --action--font--color: var(--color--action--delete);
}

.body--profile-agent .table--default tbody tr>*,
.body--profile-agent .tableField tbody tr td,
.body--profile-agent .table--default thead tr th {
    min-width: 20.1rem;
    overflow-x: hidden;
    padding-block: 1.4rem;
    font-size: var(--font--size--01);
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .body--profile-agent .article--actions .button-bar > .button-bar__wrap .button {
        width: 100%;
    }
}

/* Media query to target only mobile and tablet */
@media all and (max-width:1024px) {
    .body--profile-agent .section__header.section__header--tabs + *:not([class*="--narrow"]) {
        margin-top: var(--spacer--xxl);
    }

    .body--profile-agent .action {
        font-size: var(--font--size--00);
    }

    .body--profile-agent .action--edit {
        --action--font--color: var(--color--brand);
    }

    .body--profile-agent .action--delete {
        --action--font--color: var(--color--brand--sub-1);
    }

    .body--profile-agent .action:before {
        content: none;
    }

    .body--profile-agent .table--cards {
        border-top: none;
    }

    .body--profile-agent .table--cards tbody tr {
        border-top: .3rem solid var(--color--brand--sub-1);
        margin-top: var(--spacer--l);
    }

    .body--profile-agent .table--cards tbody tr td:last-child .action+.action {
        margin-left: var(--spacer--m);
    }

    .body--profile-agent .table--cards tbody tr td:last-child:not(:first-child) {
        padding-block: 1.54rem;
    }
}

/* PAGETYPES: Agent create / Edit
-------------------------------------------------------------------------- */

.body--agent .article__header+* {
    margin-top: var(--spacer--xl);
}

.body--agent .form:not(.form--grid) .fieldSpec+.button-bar {
    padding-top: 2.2rem;
}

.body--agent .article--alert {
    --article--width--max: 74.3rem;
}

/* PAGETYPES: Agent create
-------------------------------------------------------------------------- */

.body--agent .article__header:not(.article__header--center) .article__header__image {
    width: 9rem;
    height: 9rem;
    margin-right: 0;
    margin-bottom: var(--spacer--l);
}

.body--agent-create .article__header+* {
    margin-top: var(--spacer--l);
}

.body--agent-create .list--links--bottom {
    margin-top: 8rem;
}

.body--agent-create .paragraph {
    font-size: var(--font--size--01);
}

/* Media query to target only desktop */
@media (min-width: 1025px) {
    .body--agent-create .article--success {
        --article--width--max: 61.6rem;
    }
}

/* PAGETYPES: Agent Delete
-------------------------------------------------------------------------- */
.body--agent-delete {
    font-size: var(--font--size--01);
}

.body--agent-delete .article--alert .button {
    padding-inline: 4.6rem;
}

.body--agent-delete .article__header+* {
    margin-top: var(--spacer--l);
}

.body--agent-delete *+.button-bar:not(.fieldSpec) {
    padding-top: 0;
}

@media (min-width: 1025px) {
    .body--agent-delete .article--alert {
        --article--width--max: 97.6rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--agent-delete .article__header__text__title {
        margin-inline: 1rem;
    }

    .body--agent-delete .article__header+* {
        margin-top: var(--spacer--xxxl);
    }
}

/* PAGETYPES: Agent Edit
-------------------------------------------------------------------------- */
/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--agent--edit .article__header+* {
        margin-top: var(--spacer--l);
    }
}

/* PAGETYPES: Agent : Success
-------------------------------------------------------------------------- */

.body--agent--success .banner__text__container {
    display: none;
}

/* PAGETYPES: Talent Community
-------------------------------------------------------------------------- */
.body--talent-community .article__footer__content__list {
    text-align: left;
    color: var(--color--brand);
    font-family: var(--font--alt);
    font-weight: 700;
    font-size: var(--font--size--02);
}

.body--talent-community .paragraph {
    font-size: var(--font--size--01);
}

.body--talent-community .article__footer__content__list__item {
    margin-top: var(--spacer--l);
}

.body--talent-community .article__footer {
    margin-top: 4.6rem;
}

.body--talent-community .article__footer__button_wrap {
    margin-top: var(--spacer--xl);
}

/* Media query to target only desktop */
@media (min-width: 1025px) {
    .body--talent-community {
        --article--width--max: 53.9rem;
    }

    .body--talent-community .Separator .tc_formTitle {
        font-size: var(--font--size--10);
    }

    .body--talent-community .main__wrapper {
        padding-bottom: 9rem;
    }

    .body--talent-community .section .grid .grid__item .article {
        margin-left: 0;
    }

    .body--talent-community .section .grid .grid__item--aside-right .article {
        margin-right: 0;
        margin-left: auto;
    }

    .body--talent-community .article__content--m--b {
        margin-top: var(--spacer--m);
    }

    .body--talent-community .form:not(.form--grid) .fieldSpec+.button-bar {
        padding-top: 2.7rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--talent-community .embed-container,
    .body--talent-community .article__header+* {
        margin-top: var(--spacer--m);
    }

    .body--talent-community .grid__item--aside-right {
        padding-top: var(--spacer--xl);
    }

    .body--talent-community .article__footer {
        margin-top: 3.2rem;
    }

    .body--talent-community .article__footer .button {
        width: 100%;
    }

    .body--talent-community .AcceptanceCheckboxField {
        padding-bottom: var(--spacer--xl);
    }
}

/* PAGETYPES: Talent Community Success
-------------------------------------------------------------------------- */
/* Media query to target only desktop */
@media (min-width: 1025px) {
    .body--talent--success .list--links--bottom {
        margin-top: 8rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--talent--success .list--links--bottom {
        margin-top: var(--spacer--xxxl);
    }
}

/* PAGETYPES: Article Methods
-------------------------------------------------------------------------- */

.article--methods .grid--methods .methodButton--later {
    text-align: center;
}

.methodButton {
    line-height: 1;
    --buttons__icon--height: 1.8rem;
    text-align: center;
    --buttons--height: calc(var(--sizing--basis)* 12);
}

.methodButton::before {
    -webkit-mask-position: center;
}

.methodButton--dropbox,
.methodButton--file,
.methodButton--later,
.methodButton--paste {
    text-transform: uppercase;
    line-height: normal;
}

/* Media query to target only desktop */
@media (min-width: 1025px) {
    .article+.article--methods {
        margin-top: var(--spacer--l);
    }

    .article--methods .grid--methods {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: flex-start;
        gap: 2rem;
        margin-top: 0;
    }

    .article--methods .grid--methods>.grid__item {
        max-width: unset;
        padding-top: var(--grid--columns--gap);
        padding-right: 0;
        padding-bottom: 0;
        padding-left: var(--grid--columns--gap);
    }
}

@media (min-width: 751px) {
    .article--registered {
        --article--width--max: 28.1rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--methods .grid--methods {
        grid-template-columns: 1fr;
    }

    .article--methods .grid--methods>.grid__item>:not(.grid).methodButton--file,
    .article--methods .grid--methods>.grid__item>:not(.grid).methodButton--later,
    .article--methods .grid--methods>.grid__item>:not(.grid).methodButton--paste {
        width: 100%;
        max-width: unset;
        justify-content: center;
    }

    .methodButton--dropbox,
    .methodButton--file,
    .methodButton--later,
    .methodButton--paste {
        font-size: var(--font--size--01);
    }
}

/* PAGETYPES: Profile : Common
-------------------------------------------------------------------------- */
.body--profile-common .banner__text__container {
    display: none;
}

.body--profile-common .article--alert {
    --article--width--max: 101.2rem;
}

.body--profile-common .article__header+* {
    margin-top: var(--spacer--xxxl);
}

/* PAGETYPES: Withdraw: Success page
-------------------------------------------------------------------------- */
.body--success-withdraw .banner__text__container {
    display: none;
}

.body--success-withdraw .paragraph {
    font-size: var(--font--size--01);
}

/* PAGETYPES: Registration Methods
-------------------------------------------------------------------------- */
.body--registration-methods .paragraph {
    font-size: var(--font--size--01);
}

.body--registration-methods .section__header__text__title {
    margin-bottom: var(--spacer--m);
}

.body--registration-methods .section__header+* {
    margin-top: var(--spacer--l);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--registration-methods .section__header__text__title {
        font-size: var(--font--size--08);
        margin-bottom: var(--spacer--s);
    }

    .body--registration-methods .section--methods .section__header__text {
        text-align: left;
    }
}

/* PAGETYPES: Reset Password
-------------------------------------------------------------------------- */
.body--reset-password {
    --buttons--height: 4.2rem;
    --buttons--width--min: 10rem;
}

.body--reset-password .article--password {
    --article--width--max: 63.9rem;
}

.body--reset-password *+.form,
.body--reset-password .article__header+* {
    margin-top: var(--spacer--l);
}

.body--reset-password .paragraph {
    font-size: var(--font--size--01);
    padding-bottom: 0;
}

.body--reset-password .fieldSpec.button-bar {
    padding-left: 1rem;
}

.body--reset-password .button-bar__wrap {
    gap: 1rem;
}

.body--reset-password .form--grid:not(.form--grid--1) .Section:not(.Section--collapsible--bottom) .button-bar:before {
    padding-bottom: .6rem;
}

.body--reset-password .list--links--bottom {
    margin-top: 8rem;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--reset-password .article--password {
        padding-inline: var(--spacer--m);
    }

    .body--reset-password .fieldSpec.button-bar {
        padding-left: 0;
        padding-top: .3rem;
    }

    .body--reset-password .list--links--bottom {
        margin-top: var(--spacer--xl);
    }

    .body--reset-password .button-bar__wrap {
        gap: 1.6rem;
    }
}

/* UTILITIES: XXX
   -------------------------------------------------------------------------- */
.article--view-more--content-box{
    border-radius: 1.60rem;
    box-shadow: 0.00rem 0.00rem 1rem 0.20rem rgba(0, 0, 0, 0.1);
    background-color: var(--color--grey--lighter);
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: var(--spacer--xxl);
    padding-right: var(--grid--laterals);
    padding-left: var(--grid--laterals);
    padding-bottom: var(--spacer--l);
    text-align: left;
}

/* Media query to target only desktop */
@media (min-width: 1025px) {
    .article--view-more--content-box{
        --article--width--max: var(--content--w--narrower);
    }
}

/* UTILITIES: Text
   -------------------------------------------------------------------------- */

.text--bold {
    font-weight: var(--font--weight--bold);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .text--color--brand--5--mobile {
        color: var(--color--brand--sub-5);
    }
}

/* UTILITIES: Flex
   -------------------------------------------------------------------------- */
.f--direction--row {
    flex-direction: row;
}

.f--direction--column {
    flex-direction: column;
}