/* ==========================================================================
    LAYOUTS
    -------------------------------------------------------------------------
    XXX

    ELEMENTS
    -------------------------------------------------------------------------
    Brand
      : Logo
        : Event (New)
    Icons
      : As background (New)
    Indicators
      : Date (New)

    COMPONENTS
    -------------------------------------------------------------------------
    Cards
      : Articles as cards (Override/complement)
      : Result (Override/complement)
    Navigation
      : Switcher
        : As icons (Inverting clickable colors - commented and ready to use)

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

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

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

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

/*
    ELEMENTS/Buttons
*/

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

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


/*
    ELEMENTS/Typography: Links
*/

/*
    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,
.body--job-detail .article--details a[href]: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,
.body--job-detail .article--details a[href]: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/Brand: Logo: Event (New)
*/

.logo--event {
    --logo--width: auto;
    --logo--height: 5.6rem;

    background-image: unset; /* to be deleted when we get to v23.2 */
}

/*
    ELEMENTS/Brand: Logo: Event (Within COMPONENTS/Cards: Articles as cards)
*/

.article--card .logo--event {
    --logo--height: calc(var(--card__banner--height) - (2 * var(--card--padding--outers)));
}

/*
    ELEMENTS/Icons: As background (New)
*/

.icon-as-bg {
    --icon-as-bg__icon--width: 2.4rem;
    --icon-as-bg__icon--heigth: 2.4rem;

    position: relative;
    line-height: var(--icon-as-bg__icon--heigth);
    padding-left: calc(var(--icon-as-bg__icon--width) + var(--spacer--s));
}

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

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

.article--details.regular-fields--cols-2Z .article__content__view__field.icon-as-bg {
    padding-left: calc(var(--grid--columns--gap) + var(--icon-as-bg__icon--width) + var(--spacer--s));
}

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

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

.date {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border: solid .1rem var(--color--brand--sub-5);
    border-radius: .4rem;
    width: 6rem;
    height: 6rem;
    background-color: var(--color--white);
    padding: 0;
    color: var(--color--black);
    overflow: hidden;
}

.date:before {
    left: 0
}

.date:after {
    right: 0
}

.date__day {
    display: inline-block;
    width: 100%;
    background-color: var(--color--black);
    color: var(--color--white);
    font-size: 1.2rem;
    font-weight: var(--font--weight--bold);
    text-align: center;
    text-transform: uppercase;
}

.date__number {
    font-size: 2.4rem;
    line-height: normal;
    font-weight: var(--font--weight--bold);
    color: var(--color--brand--sub-5);
    margin: auto 0;
}

/*
    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;
    font-size: var(--font--size--02);
}

/*
    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);
}


/*
    Element/Indicator: Skills (New)
*/

:root {
    --border--color--skills: var(--color--black);
}

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

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

.article--details .article__content__view__field__value .list--pills ul:not(.MultipleDataSetFields) {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.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: 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);
}

/*
    COMPONENTS/Wizards (Override/complement)
*/

.select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true] {
    color: var(--color--white);
    font-size: var(--font--size--01);
}

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

.article--card {
    --card--padding--inline: 2.6rem;

    border-top: solid .3rem var(--color--brand--sub-1);
}

.article--card .article__banner {
    --card__banner--height: 10.7rem;
    --card__banner--background--color: #000000;

    flex-shrink: 0;
}

.article--card .article__banner {
    position: relative;
    width: 100%;
    height: var(--card__banner--height);
    background-color: var(--card__banner--background--color);
}

.article--card:nth-child(3n+1) .article__banner {
    --card__banner--background--color: transparent;
}

.article--card:nth-child(3n+2) .article__banner {
    --card__banner--background--color: transparent;
}

.article--card:nth-child(3n+3) .article__banner {
    --card__banner--background--color: transparent;
}

.article--card .article__banner__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: var(--card__banner--background--image);
    background-position: center bottom;
    background-size: cover;
}

.article--card .article__banner__logo {
    position: absolute;
    top: var(--card--padding--outers);
    right: var(--card--padding--outers);
}

.article--card .article__banner__date {
    position: absolute;
    bottom: calc(-1 * var(--card--padding--outers));
    left: var(--card--padding--inline);
}

.article--card .article__banner + .article__header .article__header__text {
    padding-top: calc(2 * var(--card--padding--outers));
    padding-left: var(--card--padding--inline);
    padding-right: var(--card--padding--inline);
    padding-bottom: var(--spacer--l);

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.article--card .article__header {
    height: 100%;
}

.article--card .article__header__text__title {
    font-size: 2.4rem;
    color: var(--color--brand--sub-1);
    display: -webkit-box;
    white-space: normal;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.article--card .article__header__text__title .link {
    color: var(--color--brand--sub-1);
}

.article--card .article__header__text__subtitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: var(--spacer--m);
    font-family: var(--font--alt);
    font-size: var(--font--size--01);
}

.article--card .article__header__text__subtitle > * + * {
    margin-top: var(--spacer--s);
}

.article--card .article__footer {
    padding: 2rem var(--card--padding--inline);
    border-top: none;
}

/* Override core styles that overwrite the styles selected in the library_theme */
.article--card .button--tertiary.button--disabled {
    color: var(--color--disabled);
}

.article--card .article__footer .popup--share {
    margin-left: var(--spacer--xl);
}

/*
    COMPONENTS/Cards: Result (Override/complement)
*/

.article--result {
    --result__banner--height: 4rem;
    --result__banner--background--color: #000000;
}

.article--result .article__banner {
    position: relative;
    width: 100%;
    height: var(--result__banner--height);
    background-color: var(--result__banner--background--color);
}

.article--result:nth-child(3n+1) .article__banner {
    --result__banner--background--color: var(--color--brand);
}

.article--result:nth-child(3n+2) .article__banner {
    --result__banner--background--color: var(--color--brand--sub-1);
}

.article--result:nth-child(3n+3) .article__banner {
    --result__banner--background--color: var(--color--brand--sub-2);
}

.article--result .article__banner__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: var(--result__banner--background--image);
    background-position: center bottom;
    background-size: cover;
}

.article--result .article__banner__logo {
    position: absolute;
    top: var(--card--padding--outers);
    right: var(--card--padding--outers);
}

.article--result .article__banner__date {
    position: absolute;
    bottom: calc(-1 * var(--card--padding--outers));
    left: var(--card--padding--outers);
}

.article--result .article__banner + .article__header {
    padding-top: calc(2 * var(--card--padding--outers));
}

.article--result .article__header__text__subtitle {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: var(--result--padding--inners--v);
}

.article--result .article__header__text__subtitle > * + * {
    margin-left: var(--spacer--xs);
}

/*
    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--xl);
}

.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/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: 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: none;
}

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

/*
    COMPONENTS: TABS: Tabs in header (Override/complement)
*/

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

/*
    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: 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;
    }
}

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

/*
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]),
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):link,
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):visited {
    color: inherit;
}

.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):hover,
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):focus,
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):active {
    color: var(--color--clickeable);
}

.switcher--as-icons [class*="__option--active"],
.switcher--as-icons [class*="__option--active"]:link,
.switcher--as-icons [class*="__option--active"]:visited,
.switcher--as-icons [class*="__option--active"]:hover,
.switcher--as-icons [class*="__option--active"]:focus,
.switcher--as-icons [class*="__option--active"]:active {
    color: var(--color--clickeable);
}

+TBD+
*/

/*
    WIDGETS/XXX
*/

/*
    MODULES/XXX
*/

/*
    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);
}

.menu--visible .submenu__list--overflows-not .portalLanguages__link {
    word-break: keep-all;
}

.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;
    }
    .menu--visible .menu__item--languages .submenu__list--overflows-not {
        min-width: fit-content;
    }
}

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

/*
    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/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/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%;
    }
}

/*
    PAGETYPES/Details: Article (Override/complement)
*/

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .aside .article:not(.article--actions) {
        border-top-width: 0.1rem;
        border-top-style: solid;
        border-top-color: var(--dividers--border--color);
        padding-top: var(--spacer--l);
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .aside .article:not(.article--actions) .title {
        --title--font--size: var(--font--size--04);
    }

    .aside .article:not(.article--actions) .article__header + .article__content {
        margin-top: var(--spacer--m);
    }

}

/*
    PAGETYPES/Details: Form (Override/complement)
*/

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .aside .form--step1 .Section {
        margin-left: calc(-1 * var(--grid--columns--gap));
        margin-bottom: calc(-1 * var(--fieldSpec--padding--outers));
    }

    .aside .form--step1 .Section + .Section {
        margin-top: var(--fieldSpec--padding--outers);
    }

    .aside .form--step1 .Separator {
        padding-left: var(--grid--columns--gap);
    }

    .aside .form--step1 .fieldSpec {
        float: left;
        padding-left: var(--grid--columns--gap);
        clear: none;
    }

    .aside .form--step1 .fieldSpec {
        width: 50%;
    }

    .aside .form--step1 .fieldSpec:nth-of-type(2n+1) {
        clear: both;
    }

    .aside .form--step1 .Separator ~ .fieldSpec:nth-of-type(2n+1) {
        clear: none;
    }

    .aside .form--step1 .Separator ~ .fieldSpec:nth-of-type(2n+2) {
        clear: both;
    }

    .aside .form--step1 .fieldSpec.button-bar {
        padding-top: 0;
        padding-bottom: var(--fieldSpec--padding--outers)
    }

    .aside .form--step1 .fieldSpec.button-bar legend {
        display: none
    }

    .aside .form--step1 .fieldSpec.button-bar:before {
        content: "\00a0 ";
        display: block;
        width: 100%;
        padding-bottom: var(--fieldSpec--padding--inners)
    }

}

/* 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__content__view__field {
    padding-bottom: var(--spacer--s2);
}

.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: Share Methods
   -------------------------------------------------------------------------- */

.body--job-detail .section__header__text {
    margin-bottom: 0;
    height: 100%;
}

.body--job-detail .section__header--share {
    align-items: start;
    margin-bottom: 1.5rem;
}

.body--job-detail .section__header--share .article__header+* {
    margin-top: 1.2rem;
}

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

.body--job-detail .section__header--share .list--share {
    gap: 1.5rem;
}

.body--job-detail .section__header--share .article {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 751px) {
    .body--job-detail .section__header--share:not(.section__header--center) .section__header__image {
        margin-right: var(--spacer--m);
    }
}

/* 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: Confidential
   -------------------------------------------------------------------------- */

.body--confidential.body--job-detail .section__header+* {
    margin-top: var(--spacer--xl);
}

/*
    PAGETYPES/Search jobs: Main (Override/complement)
*/

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--search-jobs .main {
        --color--background: transparent; /* templatebuilder .main - to be deleted on basePortalCloner */
        --main--padding--bottom: 0;
    }

}

/*
    PAGETYPES/Search jobs: Wrapper (Override/complement)
*/

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .body--search-jobs .main__wrapper {
        --main--padding--bottom: 0;
    }

}

/* Media query to target only mobile */
@media (max-width: 750px) {
    .body--search-jobs *+.section {
        margin-top: 0;
    }
}


/* PAGETYPES: Search Jobs
   -------------------------------------------------------------------------- */

.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);
    margin-left: 0;
}

.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);
}

/* 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/Search jobs: Wizard (Override/complement)
*/

.section--search-jobs .form .submitButton {
    width: 100%;
}

/*
    PAGETYPES/Search jobs: Section (Override/complement)
*/

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--search-jobs .section__content {
        border-radius: var(--boxes--border--radius) var(--boxes--border--radius) 0 0;
        background-color: var(--color--white);
        padding: var(--spacer--xl) var(--spacer--xxxl) 6.4rem;
    }

    .section--search-jobs .section__header+* {
        margin-top: 2rem;
    }

}

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

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

.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);
}


/* 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: Profile
   -------------------------------------------------------------------------- */
.body--profile {
    --font--size: var(--font--size--02);
    --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 User
   -------------------------------------------------------------------------- */
/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .body--profile--user .table--cards.table--cards--with-no-subtitle tbody tr td:nth-child(1):before {
        content: attr(data-th) ":\00a0 ";
        display: inline-block;
    }

    .body--profile--user .table--cards tbody tr>:first-child {
        font-family: var(--font);
        font-weight: var(--font--weight--regular);
        font-size: var(--font--size--01);
        padding-block: 0;
        height: auto;
        padding-top: var(--spacer--s2);
    }
}

/* 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: 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: 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;
    }

    .body--login--external .article--registered {
        margin: 0;
        background-color: unset;
        padding: 0;
    }

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

/* 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
*/

/*
    UTILITIES/Text
*/

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