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

    ELEMENTS
    -------------------------------------------------------------------------
    Indicators
      : Count (New)
      : Pills (New)
    Buttons
        : Focus
    Fields

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

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

    MODULES
    -------------------------------------------------------------------------
    Header
    Banner
      : Details
      : Pages
      : Extra (New)
    Slider (New)

    PAGETYPES
    -------------------------------------------------------------------------
    Dashboard
      : Section (Override/complement)
    Search jobs
      : Main (Override/complement)
      : Wrapper (Override/complement)
      : Section (Override/complement)
      : Cards
        : Result (Override/complement)
    Login

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

/*
    LAYOUTS/XXX
*/

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

.count {
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    min-width: 3rem;
    height: 3rem;
    background-color: var(--color--brand);
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    color: var(--color--white);
}

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

.pill {
    display: inline;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    font-size: 1.2rem;
    padding: var(--spacer--xs) var(--spacer--s);
    color: var(--color--white);
    background-color: var(--color--clickeable);
    font-weight: 400;
    vertical-align: middle;
}

/*
    ELEMENTS/Buttons
*/

.button,
.ButtonBarField .tc_formButton,
.TIN_display_Button[id*=TIN_display_Button].TIN_display_CloserButton_NotificationAndDialog,
.TIN_display_Button[id*=TIN_display_Button].TIN_input_button_Cancel,
.TIN_display_Button[id*=TIN_display_Button].TIN_input_button_Primary,
.TIN_display_Button[id*=TIN_display_Button].autoschedule_editor_availability_header_Container_HeaderButton,
.autoschedule_Availability .TIN_display_Anchor,
.button,
.greyButtonBar .tc_formButton,
.ui-dialog .ui-dialog-buttonpane .ui-button {
    text-transform: uppercase;
}

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

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

.methodButton--dropbox {
    justify-content: center;
}

@media (max-width: 750px) {
    .grid--methods .grid__item .methodButton {
        width: 100%;
        max-width: unset;
        justify-content: center;
    }
}

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

.action--add,
.addDatasetRow {
    --action--font--color: var(--color--font--main);
    gap: var(--spacer--xs);
}

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

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

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

.AcceptanceCheckboxField a[href]:focus-visible,
.action--add:focus-visible,
.action--remove:focus-visible,
.banner--extra .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--extra .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/Fields
*/

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

.datasetField__row {
    width: calc(100% + var(--spacer--xxs) * 2);
    background-color: var(--color--grey--lighter--sub-2);
}

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

/*
    COMPONENTS/Cards: Articles as cards (Override/complement)
*/
.article--card {
    font-size: var(--font--size--01);
    border-top: .3rem solid var(--color--brand--sub-1);
}

@media (min-width: 751px) {
    .article--card .article__header__text>* {
        color: var(--color--brand--sub-1);
    }
}

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

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

.article--card .article__header__text__title {
    font-size: var(--font--size--05);
}

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

.article--card .article__header__text__subtitle {
    font-size: var(--font--size--01);
    font-family: var(--font--alt);
    color: var(--color--font--sub-2);
}

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

.article--card .article__footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: var(--font--size--01);
    --color--clickeable: var(--color--brand);
}

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

.article--card--metric {
    padding: var(--spacer--l);
    text-align: center;
}

@media all and (max-width:750px){
    .article--card .article__header__text__title {
        font-size: var(--font--size--06);
    }
}

/*
    COMPONENTS/Cards: Articles as cards (Within LAYOUTS/Grid: Sidebars)
*/

.grid__item--aside-right .article--card--metric {
    display: flex;
    height: 100%;
    justify-content: center;
}

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

/*
    COMPONENTS/List Controls
*/

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

.list-controls__pagination__item.paginationLink,
.list-controls__pagination__item * {
    font-size: var(--font--size--01);
}

.list-controls__pagination__item + li[aria-current="true"],
.list-controls__pagination li[aria-current="true"] + .list-controls__pagination__item {
    display: inline-block;
    margin-left: var(--spacer--m);
}

.list-controls__pagination__item.currentPageLink,
.list-controls__pagination li[aria-current="true"] {
    color: var(--color--brand--sub-5);
    font-weight: var(--font--weight--bold);
    font-size: var(--font--size--01);
    display: inline-block;
}

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

.list-controls__text__reset {
    font-weight: var(--font--weight--bold);
    font-style: normal;
    --color--clickeable: var(--color--brand);
}

@media (min-width: 1025px) {
    .list-controls--top {
        margin-bottom: var(--spacer--l);
    }

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

@media all and (max-width:750px){
    .list-controls {
        flex-direction: column;
    }
    .list-controls--top {
        align-items: flex-start;
    }

    .list-controls__text__reset {
        margin-top: var(--spacer--xs);
    }

    .list-controls__sort {
        margin-top: var(--spacer--l);
        align-self: flex-end;
    }
    .list-controls--bottom {
        row-gap: .6rem;
    }
}

/*
    COMPONENTS/Tables: Default (Override/complement)
*/
.table--default thead tr th,
.tableField thead tr th {
    color: var(--color--white);
    --color--clickeable: var(--color--white);
}

.table--default tbody tr td:nth-last-child(1) {
    display: flex;
    align-items: center;
    gap: var(--spacer--s);
    width: unset;
    white-space: nowrap;
    --color--clickeable: var(--color--font);
}

.table--default tbody tr th:first-child {
    --color--clickeable: var(--color--font);
}

@media all and (max-width:1024px){
    .table--cards:not(.table--jobs) tbody tr>:first-child {
        font-size: 2.4rem;
        --color--clickeable: var(--color--font);
        border-top: .3 solid var(--color--brand--sub-1);
        font-family: var(--font--alt);
    }
    .table--cards tbody tr>* {
        font-size: var(--font--size--01);
    }
    .table--cards.table--cards--with-no-subtitle tbody tr td:nth-child(2){
        border-top: 0
    }

    .table--cards tbody tr>:first-child .link {
        font-size: 2.4rem;
        font-family: var(--font--alt);
    }
}

/*
    WIDGETS/XXX
*/

/*
    MODULES/Header
*/

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

.header .menu__link:after {
    color: inherit;
}

.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__panel .menu__list:first-child .menu__item {
        margin: 0 1.8rem;
        box-sizing: border-box;
    }

    .header .menu__link:after {
        font-size: var(--font--size--00);
    }

    .menu--visible .menu__list--separator-left {
        margin-left: var(--spacer--l);
    }
}

@media all and (max-width:1024px){
    .header__logo {
        flex-grow: 1;
        padding-right: 2.3rem;
    }
}

/*
MODULES/Banner (New)
*/

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

.banner__text__title {
    font-size: var(--font--size--banner);
    font-weight: var(--font--weight--bold);
    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 mobile */
@media all and (max-width:750px) {
    .banner--main {
        --title--font--color: var(--color--white);
        background-image: var(--color--banner--gradient--mobile);
    }

    .banner__wrapper {
        justify-content: center;
        padding-inline: var(--grid--laterals);
    }
}
/*
MODULES/Banner: Pages
*/

.banner--error {
    background-image: var(--color--banner--gradient), var(--banner--background--image--error);
}
.banner--success {
    background-image: var(--color--banner--gradient), var(--banner--background--image--success);
}

@media all and (min-width:751px){
    .banner--how-to-represent-us {
        background-image: var(--color--banner--gradient), var(--banner--background--image--how-to-represent-us);
    }
    .banner--guidelines {
        background-image: var(--color--banner--gradient), var(--banner--background--image--guidelines);
    }
    .banner--my-referrals {
        background-image: var(--color--banner--gradient), var(--banner--background--image--my-referrals);
    }
    .banner--search-jobs {
        background-image: var(--color--banner--gradient), var(--banner--background--image--search-jobs);
    }
    .banner--recommend-a-friend {
        background-image: var(--color--banner--gradient), var(--banner--background--image--recommend-a-friend);
    }
}

/*
    MODULES/Banner: Details
*/

.banner--main.banner--detail {
    background: var(--color--footer--gradient);
    --title--font--color: var(--color--white);
    --color--font: 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;
    }
}

/*
    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 tablet and desktop */
@media all and (min-width:751px) {
    .banner--main:not(.banner--detail) .banner__text {
        max-width: 40%;
    }
}

/* 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: Extra (New)
*/

.banner--extra {
    --color--background: var(--color--brand);
}

.banner--extra .banner__wrapper {
    --banner--padding--top: 6.4rem;
    --banner--padding--bottom: 6.4rem;
    height: auto;
    justify-content: center;
    gap: var(--spacer--m);
}

.banner--extra .banner__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-inline: 16rem;
}

.banner--extra .banner__text__title {
    font-size: var(--font--size--12);
    line-height: 1.06;
    color: var(--color--white);
    margin-bottom: var(--spacer--xl);
}

@media all and (min-width: 751px) and (max-width:1024px){
    .banner--extra .banner__text__title {
        font-size: var(--font--size--10);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--extra .banner__wrapper {
        flex-direction: column;
        --banner--padding--top: var(--spacer--xxl);
        --banner--padding--bottom: var(--spacer--xxl);
    }

    .banner--extra .banner__button {
        width: 100%;
    }

    .banner--extra .banner__text {
        padding-inline: 0;
    }
}

/*
    MODULES/Slider (New)
*/

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

.slider {
    position: relative;
}

.swiper-container {
    position: static;
    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 {
    z-index: 8;
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
}

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

.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) {
    .swiper-container {
        width: calc(100% - (var(--swiper__slide--gap)*3) - var(--swiper-navigation-size));
    }

}

/*
    MODULES/Footer (New)
*/

.footer {
    background: var(--color--footer--gradient);
    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: normal;
}

.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: Cookies: Video unabled
-------------------------------------------------------------------------- */

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

/*
    PAGETYPES/Dashboard: Section (Override/complement)
*/

.section--dashboard .section__header__count {
    margin-right: var(--spacer--s);
}

.section--dashboard .section__header__text {
    display: flex;
    align-items: baseline;
    gap: var(--spacer--s);
}

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

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--dashboard .list-controls {
        display: none;
    }

    .section--dashboard .section__header__text__title {
        font-size: 2.8rem;
    }
}

@media all and (max-width:750px){
    .section__header__text .link {
        font-size: var(--font--size--01);
    }
}

/*
    PAGETYPES/Search jobs: toggle search
*/
.search--toggleable .search__panel {
    background-color: var(--color--grey--lighter--sub-2);
    padding-top: var(--spacer--m);
    padding-bottom: var(--spacer--m);
    padding-left: calc(var(--spacer--l) + var(--spacer--xs));
    padding-right: calc(var(--spacer--l) + var(--spacer--xs));
}

@media (max-width: 750px) {
    .search--toggleable.search--open {
        box-shadow: 0 1rem 1rem 0 var(--color--shadow--sub-1);
    }
}

@media all and (min-width:1025px){
    .form--grid:not(.form--grid--1) .Section:not(.Section--collapsible--bottom) .button-bar:before {
        line-height: 2.1rem;
    }
}

.section[search-type=toggleable] .section__header__text:after {
    --dividers--border--color: var(--color--disabled);
}

@media all and (max-width:750px){
    .section--search-jobs .section__header__text__title,
    .section--search-people .section__header__text__title{
        font-size: 2.2rem;
    }
}

/*
    PAGETYPES/Search jobs: Main (Override/complement)
*/
.body--search-jobs .main {
    --color--clickeable: var(--color--brand--sub-1);
}

@media (min-width: 1025px) {
    .results--listed {
        padding: 0;
    }
}

.results.results--listed:has(.no-results) {
    border-bottom: 0;
}

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

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

.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__header__text__subtitle {
    margin-top: calc(var(--result--padding--inners--v)* .2);
}

.body--search-jobs .article--result .article__footer {
    margin-top: var(--spacer--xl);
}

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

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

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

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

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

.section--search-jobs .article--result {
    --result--border--radius: 0;
    --result--padding--outers--h: 0;
    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);
}

/* PAGETYPES: Search jobs: 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: Detail
   -------------------------------------------------------------------------- */
 @media (min-width: 1025px) {
    .grid--2--sidebar--aside-right>.grid__item--main {
        flex-basis: calc(100% - var(--content--w--sidebar) - 13.2rem);
        max-width: calc(100% - var(--content--w--sidebar) - 13.2rem);
    }
}
@media (min-width: 1025px) {
    .grid--2--sidebar--aside-right>.grid__item--aside-right {
        margin-left: 13.2rem;
    }
}

.grid__item--aside-right h3.article__header__text__title.title--00 {
    font-size: var(--font--size--01);
}

.list--links .link {
    color: var(--color--brand);
    font-size: var(--font--size--01);
    text-transform: uppercase;
}

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

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

.tf_attachments .button--tertiary.downloadAttachmentsButton {
    width: 100%;
}

.article--details .article__content__view {
    font-size: var(--font--size--01);
}

@media all and (max-width:1024px){
    .table--cards tbody tr {
        border-top: .3rem solid var(--color--brand--sub-1);
    }
}

@media all and (max-width:750px){
    .body--job-detail .article--details .article__header__text__title {
        font-size: var(--font--size--06);
    }

    .list--links .link,
    .list--attachments .list__item__actions .link {
        font-size: var(--font--size--00);
    }

}

/* PAGETYPES: Job Detail: Aside
   -------------------------------------------------------------------------- */
.body--job-detail .aside .article+.article.article--view-more--aside {
    margin-top: 2rem;
}

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

.article--view-more--aside .article__header {
    padding-bottom: var(--spacer--s2);
}

.article--view-more--aside .article__header + .article__content {
    padding-top: .6rem;
}

.list--view-more .list__item a {
    padding-bottom: var(--spacer--m);
}

.list--view-more .list__item a:hover .list__item__text__title {
    text-decoration: underline;
}

.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 .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: var(--spacer--xl)
}

.body--job-detail .aside .list--share {
    gap: var(--spacer--s);
}

.body--job-detail .aside .list--share .shareButton {
    width: 3.8rem;
    height: 3.8rem;
    background-size: auto 2.8rem;
}
.body--job-detail .aside .list--share .shareButton--email{
    background-image: var(--icon--email--background--image);
}

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

@media all and (max-width:1024px){
    .article--view-more--aside {
        background-color: transparent;
    }
}

@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--actions .article .article__content {
        margin-top: 0;
    }

    .body--job-detail .aside .article+.article {
        margin-top: 0;
    }

    .body--job-detail .aside .article+.article.article--view-more--aside {
        margin-bottom: calc(-.5* var(--main--padding--bottom));
    }

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

    .body--job-detail .aside .article__footer .link {
        font-size: var(--font--size--01);
    }
    .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 {
        font-size: var(--font--size--02);
    }

}

/* PAGETYPES: Error/ Success page
-------------------------------------------------------------------------- */
.body--error .article__header__image,
.body--success .article__header__image {
    width: 9rem;
    height: 9rem;
}

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

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

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

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

/* PAGETYPES: Login
   -------------------------------------------------------------------------- */

.body--login {
    --buttons--width--min: 100%;
    --font--size: 1.6rem;
}

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

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

.text--uppercase {
    text-transform: uppercase;
}