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

    ELEMENTS
    -------------------------------------------------------------------------
    Buttons
      : Main
        : Primary (Override/complement)
    Indicators
      : Pills (New)
        : Good (New)
        : Great (New)
        : Skills (New)
        : Strong (New)

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

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

    MODULES
    -------------------------------------------------------------------------
    Banner
      : Home (New)
      : Secondary (New)
    Slider (New)

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

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

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

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

.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: Main: Primary (Override/complement)
    ↳ to be deleted when we get the Application Flow wizard properly configured
*/

.ButtonBarField [class*=Button], .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 [class*=Button] {
    text-transform: uppercase;
    font-weight: 900;
}

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

:root {
    --matching--color--strong: #87e8dd;
    --matching--color--great: #c4f3ee;
    --matching--color--good: #e7faf8;
    --border--color--skills: var(--color--black);
}

.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);
    background-color: var(--matching--background--color);
    font-weight: 400;
    vertical-align: middle;
}

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

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

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

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

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

.article--card .article__footer {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

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

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

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

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

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

.article--details .article__content__view__field__value ul.list--skills li + li {
    margin-top: 0;
    margin-bottom: var(--spacer--s);
}

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

}

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

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

.menu__link {
    text-transform: uppercase;
}

.menu--visible .menu__list--separator-left {
    margin-left: 0.3rem;
    padding-left: 0.3rem;
}

.menu__link:after {
    color: var(--color--grey--darkest);
    font-size: 1.6rem;
}

.menu__item {
    text-decoration: none;
    position: relative;
}

.menu__item::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.3rem;
    background-color: transparent;
    left: 0;
}

.menu__item:hover::after {
    background-color: var(--color--brand);
}

.menu--visible .menu__item:hover .menu__link[aria-haspopup=true] {
    box-shadow: none;
    background-color: transparent;
    border-color: transparent;
}

.menu--visible .menu__item:hover .menu__link[aria-haspopup=true]+.submenu__list--overflows-not, .menu--visible .menu__link[aria-haspopup=true][aria-expanded=true]+.submenu__list--overflows-not {
    background-color: var(--color--brand);
    margin-top: 1.5rem;
    border-color: transparent;
}

.menu--visible .portalLanguages__item+.portalLanguages__item, .menu--visible .submenu__item+.submenu__item {
    border-top-width: 0;
}

.menu--visible .submenu__list--overflows-not .portalLanguages__link:hover, .menu--visible .submenu__list--overflows-not .submenu__link:hover {
    text-decoration: underline;
}

@media (max-width: 1024px) {
    .menu__link {
        font-weight: normal;
        color: var(--color--grey--darkest);
    }

    .portalLanguages__link, .submenu__link {
        color: var(--color--grey--darkest);
        font-weight: normal;
    }
}

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

.banner--main--home {
    --banner--height: 26.5rem;
    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);
}

.title--banner {
    color: var(--color--white);
    text-transform: uppercase;
}

.banner--main--home .title--banner {
    font-size: 6.4rem;
}

.banner--main--home label {
    color: var(--color--white);
}

.banner--main--home .ButtonBarField:not([class*=button-bar--cols]) [class*=Button], .banner--main--home .TIN_input_button_Container.ButtonsContainer .TIN_display_Button[id*=TIN_display_Button], .banner--main--home .autoschedule_NoAvailableContent_ButtonsContainer .TIN_display_Button[id*=TIN_display_Button], .banner--main--home .button-bar:not([class*=button-bar--cols]) .button, .banner--main--home .button-bar:not([class*=button-bar--cols]) [class*=Button], .banner--main--home .greyButtonBar:not([class*=button-bar--cols]) [class*=Button] {
    width: 10.8rem;
    min-width: 10.8rem;
    border-color: transparent;
}

@media (min-width: 751px) {
    .banner--main--home .form--grid .fieldSpec.button-bar {
        padding-left: 0.8rem;
    }
}

@media (min-width: 1025px) {
    .banner--main--home .form--grid--4 .fieldSpec {
        width: auto;
    }

    .banner--main--home .form--grid--4 .fieldSpec input {
        width: 40rem;
    }
}

@media (max-width: 750px) {
    .banner--main--home .title--banner {
        font-size: 5.22rem;
    }

    .title--banner {
        font-size: 3.712rem;
    }
}

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

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

}

/* Media query to target only big screens */
@media all and (min-width:1920px) {
    .banner--main {
        background-image: var(--banner--background--imageBigScreens);
    }
}

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

.banner--secondary {
    background-color: var(--color--grey--light);
}

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

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

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

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

}

/* 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;
        margin-bottom: var(--spacer--l);
    }
}

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

}

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

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

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

    .banner--secondary .banner__text__title .banner__text__title__conjunction {
        display: none;
    }

}

.breadcrumbs {
    min-height: 3.5rem;
}

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

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

/*
    MODULES/Slider (New)
*/

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

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

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

}

/*
    MODULES/Footer
*/

.footer .logo.logo--footer {
    width: 15.6rem;
    height: 5.6rem;
}

.footer__rights__copy {
    font-size: 1.4rem;
}

.footer__links__item.link {
    color: var(--color--white);
    text-decoration: none;
}

@media (min-width: 1025px) {
    .footer__links__divider {
        margin-left: var(--spacer--m);
        margin-right: var(--spacer--m);
    }
}

@media (max-width: 750px) {
    .footer__rights__copy {
        font-size: 1.2rem;
    }

    .footer__wrapper {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
    }

    .footer__content>*+* {
        margin-top: 1.9rem;
    }
}

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

/* PAGETYPES: Home
   -------------------------------------------------------------------------- */

.banner__text__title__phrase {
    text-transform: uppercase;
    font-size: 3.944rem;
    vertical-align: middle;
}

.section__header.section__header--action-next-to-title .section__header__text__title.title {
    font-size: 3.944rem;
    text-transform: uppercase;
    color: var(--color--title);
}

.body--home .article--card .article__header__text {
    padding-right: 0.8rem;
}

.body--home .article--card .article__content {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

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

.body--home .section.t--c {
    margin-top: 8.8rem;
}

.section__header.section__header--w--narrow .section__header__text__title.title.title--06 {
    text-transform: uppercase;
    font-size: 3.4rem;
    color: var(--color--title);
}

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

.section__header__text__subtitle.section__header__text__subtitle--w--narrow {
    color: var(--color--title);
    line-height: 1.38;
}

.body--home .section.t--c .section__header+* {
    margin-top: 5.6rem;
}

.banner.banner--secondary.banner--secondary--bottom .banner__text__title__phrase {
    display: block;
    margin-bottom: 1.6rem;
}

.banner__text__title__buttons {
    text-align: center;
}

.section.section--jobs-slider .section__header.section__header--center .section__header__text__title.title {
    font-size: 3.4rem;
    text-transform: uppercase;
    color: var(--color--title);
}

.banner--secondary.banner--secondary--bottom .banner__text__title__buttons .button--primary {
    width: 30.2rem;
}

.banner--secondary.banner--secondary--bottom .banner__text__title__buttons .banner__text__title__conjunction {
    font-weight: bold;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
}

.banner--secondary.banner--secondary--bottom .banner__text__title__buttons .button--secondary {
    width: 20.3rem;
}

@media (min-width: 1025px) {
    .banner.banner--secondary.banner--secondary--bottom .banner__wrapper {
        padding-top: 4rem;
        padding-bottom: 4rem;
        height: 18.1rem;
    }
}

@media (min-width: 751px) {
    .article--card .article__header__text>* {
        white-space: normal;
        height: 8rem;
    }

    .article--card .article__header__text .link {
        font-size: 2.552rem;
    }
}

@media (max-width: 750px) {
    .banner__text__title__phrase {
        font-size: 2.552rem;
    }

    .section__header.section__header--action-next-to-title .section__header__text__title.title {
        font-size: 2.552rem;
    }

    .article--card .article__header__text .link {
        font-size: 2.552rem;
    }

    .body--home .section.t--c {
        margin-top: 4rem;
    }

    .section__header.section__header--w--narrow .section__header__text__title.title.title--06 {
        font-size: 2.552rem;
    }

    .section__header__text__subtitle.section__header__text__subtitle--w--narrow {
        font-size: 1.4rem;
    }

    .body--home .section.t--c .section__header+* {
        margin-top: 2.4rem;
    }

    .section__header__actions .link {
        font-size: 1.4rem;
    }

    .main__wrapper {
        padding-top: 4rem;
        padding-bottom: 4.8rem;
    }

    .banner--secondary.banner--secondary--bottom .banner__text__title__buttons .button--primary {
        width: 100%;
    }

    .banner--secondary.banner--secondary--bottom .banner__text__title__buttons .banner__text__title__conjunction {
        display: block;
        font-size: 1.4rem;
        margin-top: 0.4rem;
        margin-bottom: 0.4rem;
    }

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

/* PAGETYPES: SearchJobs
   -------------------------------------------------------------------------- */

.grid--2--sidebar--filters .section__header__text__title.title {
    text-transform: uppercase;
    color: var(--color--title);
    font-size: 2.552rem;
}

.body--search-jobs .tc_formLabel {
    color: var(--color--title);
}

.form select:not([multiple]) {
    background-size: 3rem;
}

.dropdown.dropdown--opens-bottom.dropdown--overflows-left .dropdown__placeholder {
    padding-right: 2.8rem;
}

.grid__item.grid__item--main .article__header .article__header__text__title.title {
    font-size: 3.944rem;
    text-transform: uppercase;
}

.article--result .article__header__text__subtitle {
    margin-top: 1.2rem;
    font-size: 1.6rem;
    color: var(--color--title);
}

.article--result .article__footer {
    margin-top: 3.2rem;
}

.article--result.article--non-toggle .article__content {
    color: var(--color--title);
}

.list-controls {
    font-size: 1.6rem;
}

.grid__item--filters .section__header__search .submitButton {
    --buttons--border--color: var(--color--buttons);
    --buttons--background--color: var(--color--buttons);
    --buttons--font--color: var(--color--white);
    width: 100%;
}

.grid__item--filters .section__header__search .submitButton:hover {
    --buttons--border--color: var(--color--buttons--sub-1);
    --buttons--background--color: var(--color--buttons--sub-1);
    --buttons--font--color: var(--color--white);
}

.grid__item--filters .section__header__search .submitButton:active {
    --buttons--outline--width: 0;
    --buttons--border--color: var(--color--buttons--sub-2);
    --buttons--border--width: .2rem;
    --buttons--background--color: var(--color--buttons--sub-2);
    --buttons--font--color: var(--color--white);
}

.grid__item--filters .section__header__search .submitButton:focus {
    --buttons--outline--width: 0;
    --buttons--border--color: #006691;
    --buttons--border--width: .2rem;
    --buttons--background--color: var(--color--buttons--sub-1);
    --buttons--font--color: var(--color--white);
}

.grid__item--filters .section__header__search .submitButton:disabled {
    --buttons--border--color: var(--color--disabled--sub-1);
    --buttons--background--color: var(--color--disabled--sub-1);
    --buttons--font--color: var(--color--disabled);
}

.list-controls__text__reset {
    font-style: normal;
    color: var(--color--title);
}

.body--search-jobs .article--result:not(.article--open) .article__content {
    visibility: visible;
    margin-top: var(--result--padding--inners--v);
    max-height: unset;
}

@media (min-width: 1025px) {
    .grid--2--sidebar--filters>.grid__item--filters {
        flex: 30.8rem;
        max-width: 30.8rem;
    }

    .grid--2--sidebar--filters .grid__item.grid__item--main {
        padding-left: 10.1rem;
    }

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

    .results--listed {
        padding: 0;
    }

    .article--result {
        padding-top: 1.6rem;
    }
}

@media (min-width: 750px) {
    .article--result.article--non-toggle .article__content {
        margin-top: 1.2rem;
    }

    [class*=list-controls__]+[class*=list-controls__] {
        margin-left: 0;
    }
}

@media (max-width: 1024px) {
    .search--toggleable .search__panel {
        background-color: var(--color--white);
    }

    .toggle {
        background-color: var(--color--white);
    }

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

    .article--view-more--aside {
        background-color: var(--color--white);
    }
}

@media (max-width: 749px) {
    .grid__item.grid__item--main .article__header .article__header__text__title.title {
        font-size: 2.552rem;
    }

    .article--details.regular-fields-label--inline .article__content__view__field__label {
        font-size: 1.4rem;
    }

    .article--details .MultipleDataSetFieldValue, .article--details .article__content__view__field__value {
        font-size: 1.4rem;
    }

    .list--view-more a .list__item__text__title {
        font-size: 1.4rem;
    }
}

/* PAGETYPES: JobDetail
   -------------------------------------------------------------------------- */

.grid.grid--2--sidebar.grid--2--sidebar--aside-right {
    justify-content: space-between;
}

.list--share .shareButton {
    width: 3.6rem;
    height: 2.8rem;
}

.grid__item.grid__item--aside-right .article__header__text__title.title.title--share {
    font-family: var(--font);
    font-weight: normal;
    color: var(--color--title);
}

.title--relatedJobs {
    font-family: var(--font);
    color: var(--color--title);
}

.aside .article.article--view-more--aside .article__content {
    margin-top: 1.6rem;
}

@media (min-width: 751px) {
    .article--details.regular-fields--cols-2Z .article__content__view__field {
        padding-bottom: 1.2rem;
    }
}

@media (min-width: 1025px) {
    .grid--2--sidebar--aside-right>.grid__item--main {
        flex-basis: 76.7rem;
        max-width: 76.7rem;
    }
}

/* PAGETYPES: ApplicationConfirmation
   -------------------------------------------------------------------------- */

.list--steps .list__item__text__title {
    text-transform: capitalize;
}

.list--steps .list__item .list__item__text:after {
    border-bottom-color: var(--color--blue--dark);
}

.list--steps {
    margin-bottom: 4.8rem;
}

.tc_formTitle {
    text-transform: uppercase;
    font-size: 3.944rem;
    color: var(--color--title);
}

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

.body--applicationConfirmation .Section+.Section {
    margin-top: var(--spacer--xl);
}

.MultipleDatasetEntryFormField .tc_formField div[id*=multipleDatasetEntry_] {
    padding-bottom: 3rem;
}

.MultipleDatasetEntryFormField .tc_formField .addDatasetRow {
    width: 100%;
    justify-content: end;
    color: #0f66bd;
}

.removeDatasetRow {
    --action--font--color: #333;
}

.gotoButton:nth-child(2) {
    --buttons--border--color: var(--color--buttons);
    --buttons--background--color: var(--color--white);
    --buttons--font--color: var(--color--buttons);
    --buttons--border--width: .3rem;
}

.gotoButton:nth-child(2):hover {
    --buttons--border--color: var(--color--buttons--sub-1);
    --buttons--background--color: var(--color--buttons--sub-1);
    --buttons--font--color: var(--color--buttons);
}

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

.gotoButton:nth-child(2):active {
    --buttons--outline--width: 0;
    --buttons--border--color: var(--color--buttons);
    --buttons--border--width: .3rem;
    --buttons--background--color: var(--color--buttons--sub-1);
    --buttons--font--color: var(--color--buttons);
}

.gotoButton:nth-child(2):disabled {
    --buttons--border--color: var(--color--disabled--sub-1);
    --buttons--background--color: var(--color--disabled--sub-1);
    --buttons--font--color: var(--color--disabled);
}

@media (min-width: 751px) {
    .list--steps .list__item__text__subtitle {
        border-width: 0;
        margin-top: 1.2rem;
    }

    .list--steps .list__item--current .list__item__text__subtitle {
        background-color: var(--color--blue--dark);
    }

    .list--steps .list__item--filled .list__item__text__subtitle {
        background-color: var(--color--blue--dark);
    }
}

@media (max-width: 750px) {
    .tc_formTitle {
        font-size: 2.552rem;
    }
}

/* PAGETYPES: ApplicationMethods
   -------------------------------------------------------------------------- */

.grid.grid--dividers.grid--dividers--v.grid--dividers--v--alt .article__header__text__title .title {
    font-size: 3.944rem;
    color: var(--color--title);
    text-transform: uppercase;
}

.grid.grid--dividers.grid--dividers--v.grid--dividers--v--alt .grid__item:nth-child(2) .article__header__text {
    text-align: center;
}

.article.article--registered .button {
    width: 100%;
}

.methodButton--dropbox, .methodButton--file, .methodButton--later, .methodButton--paste {
    --buttons--border--color: var(--color--buttons);
    --buttons--background--color: var(--color--white);
    --buttons--font--color: var(--color--buttons);
    --buttons--border--width: .3rem;
    height: 4rem;
}

.methodButton--dropbox:hover, .methodButton--file:hover, .methodButton--later:hover, .methodButton--paste:hover {
    --buttons--border--color: var(--color--buttons--sub-1);
    --buttons--background--color: var(--color--buttons--sub-1);
    --buttons--font--color: var(--color--buttons);
}

.methodButton--dropbox:focus, .methodButton--file:focus, .methodButton--later:focus, .methodButton--paste:focus {
    --buttons--outline--width: 0;
    --buttons--border--color: var(--color--buttons);
    --buttons--border--width: .2rem;
    --buttons--background--color: var(--color--buttons--sub-1);
    --buttons--font--color: var(--color--buttons);
}

.methodButton--dropbox:active, .methodButton--file:active, .methodButton--later:active, .methodButton--paste:active {
    --buttons--outline--width: 0;
    --buttons--border--color: var(--color--buttons);
    --buttons--border--width: .3rem;
    --buttons--background--color: var(--color--buttons--sub-1);
    --buttons--font--color: var(--color--buttons);
}

.methodButton--dropbox:disabled, .methodButton--file:disabled, .methodButton--later:disabled, .methodButton--paste:disabled {
    --buttons--border--color: var(--color--disabled--sub-1);
    --buttons--background--color: var(--color--disabled--sub-1);
    --buttons--font--color: var(--color--disabled);
}

@media (max-width: 750px) {
    .grid.grid--dividers.grid--dividers--v.grid--dividers--v--alt .article__header__text__title .title {
        font-size: 2.552rem;
    }

    .methodButton--dropbox, .methodButton--file, .methodButton--later, .methodButton--paste {
        min-width: 100%;
        justify-content: center;
    }
}

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

.article__header__text__title .title.title--06 {
    font-size: 3.944rem;
    color: var(--color--title);
    text-transform: uppercase;
}

.grid.grid--dividers.grid--dividers--h .article--registered .form--login .button {
    width: 15.8rem;
}

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

.article--success .article__header__text__title .title {
    font-size: 3.944rem;
    color: var(--color--title);
    text-transform: uppercase;
}

@media (max-width: 750px) {
    .article--success .article__header__text__title .title {
        font-size: 2.552rem;
    }

    .paragraph {
        font-size: 1.4rem;
    }
}

/* PAGETYPES: TalentCommunity
   -------------------------------------------------------------------------- */

.body--talent-community .article__header__text__title.title {
    color: var(--color--title);
}

/* PAGETYPES: ProfileJobApplications
   -------------------------------------------------------------------------- */

.table--default thead tr th, .tableField thead tr th {
    background-color: var(--color--blue--dark);
    color: var(--color--white);
}

.table--default tbody tr>:first-child {
    border-right: solid 1px var(--color--grey--medium);
}

/* PAGETYPES: AgentCreate
   -------------------------------------------------------------------------- */

.article--alert .article__header__text__title .title {
    font-size: 3.944rem;
    color: var(--color--title);
    text-transform: uppercase;
}

@media (min-width: 1025px) {
    .article--alert {
        --article--width--max: 74.3rem;
    }
}

@media (max-width: 750px) {
    .article--alert .article__header__text__title .title {
        font-size: 2.552rem;
    }
}

/* PAGETYPES: ProfileEdit
   -------------------------------------------------------------------------- */

.body--profileEdit .article__header__text__title.title {
    font-size: 3.944rem;
    color: var(--color--title);
    text-transform: uppercase;
}

@media (max-width: 750px) {
    .body--profileEdit .article__header__text__title.title {
        font-size: 2.552rem;
    }

    .body--ismobile .form select[multiple] {
        height: auto;
    }
}

/* PAGETYPES: ResetPassword
   -------------------------------------------------------------------------- */

.article--password .article__header__text__title.title {
    font-size: 3.944rem;
    color: var(--color--title);
    text-transform: uppercase;
}

@media (max-width: 750px) {
    .article--password .article__header__text__title.title {
        font-size: 2.552rem;
    }
}