/* ==========================================================================
   SPECIFICS
   --------------------------------------------------------------------------
   * INVERTING CLICKABLE COLORS (commented and ready to use)
      : Tabs
      : Switcher

   * STRUCTURE
      : XXX

   * ELEMENTS
      : Buttons (Override)
      : Duplicate warning message (Override - to be deleted)
      : Fields (New)
      : Matching pill (New)
      : Section with action next to title (New)

   * COMPONENTS
      : Steps bar (Override/complement)
      : Result (New)
      : Attachment upload box (New)
      : Swiper (New)
      : Tabs (Override/complement)
      : Search (Override)
      : Article card (Override)
      : List skills (New)
      : Header

    * MODULES
      : Banner home (New)
      : Banner secondary (New)

   * PAGETYPES
      : Search jobs: Results as list (Override/complement)
      : Reg/App methods: Article

   * UTILITIES
      : XXX

   ========================================================================== */

/* INVERTING CLICKABLE COLORS: Tabs
   -------------------------------------------------------------------------- */

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

/* INVERTING CLICKABLE COLORS: Switcher
   -------------------------------------------------------------------------- */

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

/* STRUCTURE: XXX
   -------------------------------------------------------------------------- */

/* ELEMENTS: Buttons (Override)
   -------------------------------------------------------------------------- */

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

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

.gotoButton:focus,
.gotoButton:active {
    --buttons--border--color: var(--color--buttons);
    --buttons--background--color: var(--color--buttons--sub-4);
    --buttons--font--color: var(--color--buttons);
}

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

/* To style button as a tertiary button only when it's the third child */
.cancelButton:nth-child(n+3) {
    --buttons--border--color: transparent;
    --buttons--width--min: 0;
    --buttons--background--color: transparent;
    --buttons--padding--h: 0;
    --buttons--font--color: var(--color--buttons);
}

.cancelButton:nth-child(n+3) {
    --buttons--border--color: transparent;
    --buttons--background--color: transparent;
    --buttons--font--color: var(--color--buttons);
}

.cancelButtonn:nth-child(n+3):focus,
.cancelButton:nth-child(n+3):active {
    --buttons--border--color: transparent;
    --buttons--background--color: transparent;
    --buttons--font--color: var(--color--buttons);
}

.cancelButtonn:nth-child(n+3).button--disabled,
.cancelButtonn:nth-child(n+3):disabled {
    --buttons--border--color: transparent;
    --buttons--background--color: transparent;
    --buttons--font--color: var(--color--disabled);
}

/* ELEMENTS: Duplicate warning message (Override - to be deleted)
   -------------------------------------------------------------------------- */
   /* ↳ This is a bug from Wizards. This should be deleted when they fix it. */

.duplicateWarningMessage {
    display: flex;
    width: 100%;
    background-color: var(--color--error--sub-1);
    padding: var(--spacer--xs) var(--spacer--s);
    line-height: 2.4rem;
    clear: both;
    margin-top:var(--spacer--l);
}

/* ELEMENTS: Matching pill
   -------------------------------------------------------------------------- */

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

.pill {
    display: block;
    width: fit-content;
    border-top-left-radius: 1.2rem;
    border-top-right-radius: 1.2rem;
    border-bottom-left-radius: 1.2rem;
    border-bottom-right-radius: 1.2rem;
    font-size: 1.4rem;
    padding: 0 0.4rem 0.4rem 0.6rem;
    background-color: var(--color--brand--sub-1);
    font-weight: 400;
    vertical-align: middle;
    color: var(--color--white);
    margin-bottom: 1rem;
}

.pill--strong {
    --matching--background--color: var(--color--brand--sub-1);
}

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

.pill--good {
    background-color: #D2D5DF;
    color: var(--color--brand--sub-1);
}

.pill--skills {
    border: .1rem solid var(--border--color--skills);
    --matching--background--color: var(--color--white);
}

.pill--skills-b {
    border: .1rem dashed var(--border--color--skills);
    --matching--background--color: var(--color--white);
}

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

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

/* ELEMENTS: Section with action next to title
   -------------------------------------------------------------------------- */

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

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

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

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

/* COMPONENTS: 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: -.7rem;
        margin-top: var(--spacer--m);
        width: 1.6rem;
        height: 1.6rem;
        text-indent: -999.9rem;
        overflow: hidden;
        border-width: 0;
    }

}

/* COMPONENTS: Attachment upload box (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;
}

/* COMPONENTS: Swiper (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: 24.7rem;
}

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

/* COMPONENTS: Tabs (Override)
   -------------------------------------------------------------------------- */

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

/* COMPONENTS: Search (Override)
   -------------------------------------------------------------------------- */

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

/* COMPONENTS: Article card (Override)
   -------------------------------------------------------------------------- */

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

.article--card .button--secondary:focus {
    --buttons--background--color: var(--color--white);
}

.article--card .article__footer {
    padding-top: calc(var(--card--padding--inners));
    padding-bottom: calc(var(--card--padding--inners));
}

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

/* COMPONENTS: List Skills (New)
   -------------------------------------------------------------------------- */
.list--skills .list__item {
    display: inline-flex;
}

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

/* Inside the skills widget */
.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: Header
   -------------------------------------------------------------------------- */

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

.header__content__desktop {
    background-color: #3e3e3e;
    min-height: 8rem;
}

.header__logo .logo {
    width: 16.5rem;
    height: auto;
}

.header__content a {
    color: var(--color--black);
}

.header__content a.submenu__link {
    color: var(--color--dark);
}

.menu__wrapper {
    display: flex;
    align-items: center;
    min-height: 8rem;
    justify-content: end;
}

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

.header__menu .menu__list.menu__list--separator-left .menu__item:hover {
    text-decoration: none;
}

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

.portalLanguages__link, .submenu__link {
    color: var(--color--white);
}

.menu--visible .portalLanguages__item+.portalLanguages__item, .menu--visible .submenu__item+.submenu__item {
    border-top-color: var(--color--white);
}

.menu__link[aria-expanded=false]:after {
   content: "\f107";
}

.menu__link[aria-expanded=true]:after {
    content: "\f106";
}

.menu__link:after {
    color: var(--color--black);
    font-size: 1.5rem;
    margin-left: 0.2rem;
}

.menu--visible .submenu__list--overflows-not {
    border-top-left-radius: 1.2rem;
    border-top-right-radius: 1.2rem;
}

.menu--visible .submenu__list {
    box-shadow: 0 0 2rem 0 #0000001A;
}

@media all and (min-width:1025px) {
    .menu.menu--visible {
        display: flex;
    }

    .urlMantechLink {
        display: flex;
        align-items: center;
    }

    .urlMantechLink .menu__text::after {
        content: url(../images/GoBack.svg);
        display: inline-block;
        height: 2rem;
        margin-left: 0.4rem;
        vertical-align: middle;
    }
}

@media all and (max-width:1024px) {
    .header__wrapper {
        padding-top: 0;
    padding-bottom: 0;
    }

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

    .header__menu .toggle .toggle__icon {
        background-color: var(--color--grey--dark);
    }

    .toggle--menu .toggle__icon, .toggle--menu .toggle__icon:after, .toggle--menu .toggle__icon:before {
        background-color: var(--color--grey--dark);
    }

    .toggle--menu[aria-expanded=false] .toggle__icon:before {
        top: -.6rem;
    }

    .toggle--menu[aria-expanded=false] .toggle__icon:after {
        top: .6rem;
    }

    .menu--toggleable .menu__panel {
        background-color: var(--color--white);
        border-top-style: none;
    }

    .header__content .menu--toggleable a span {
        font-size: var(--font--size);
        color: var(--color--black);
        font-weight: normal;
    }

    .header__content a {
        color: var(--color--darkGrey);
    }

    .menu--toggleable .menu__item {
        border-bottom-style: none;
    }

    .menu__link {
        padding-top: var(--spacer--m);
        padding-bottom: var(--spacer--m);
    }

}

/* MODULES: Banner home (New)
   -------------------------------------------------------------------------- */

.banner__text__title.title.title--banner {
    color: var(--color--dark);
    font-weight: 300;
    text-transform: uppercase;
    font-size: 5rem;
    font-family: var(--font);
}

.banner--main {
    background-image: none;
}

.banner__section {
    background-image: var(--banner--background--image);
    background-position: var(--banner--background--image--position);
    background-size: var(--banner--background--image--sizing);
    height: 100%;
    width: 100%;
    display: flex;
    border-radius: 1rem;
}

.banner__title {
    display: flex;
    align-self: flex-end;
    padding: 4rem 4rem 1rem 4rem;
    background-color: var(--color--white);
    width: 74.5%;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    margin-left: 9.4%;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner__text__title.title.title--banner {
        font-size: 3.6rem;
    }

    .banner__title {
        padding: 4rem 2.4rem 0 2.4rem;
        margin-left: 5%;
        width: 90%;
    }
}

/* MODULES: Banner secondary (New)
   -------------------------------------------------------------------------- */

.banner--secondary .banner--secondary__section {
    min-height: 17.4rem;
    justify-content: center;
    background-image: url(../images/BannerSecondary.webp);
    background-size: cover;
    background-position: center;
    border-radius: 1rem;
    display: flex;
    width: 100%;
    align-items: center;
}

.banner.banner--secondary.banner--secondary--bottom {
    margin-bottom: var(--spacer--xxl);
}

.banner--secondary .banner__wrapper .banner__text__title.title.title--04 {
    width: 100%;
    text-align: center;
}

.banner--secondary .banner__text__title__phrase {
    color: var(--color--dark);
    display: block;
    font-size: 4.5rem;
    font-weight: 600;
    margin-bottom: var(--spacer--m);
}

.banner.banner--secondary.banner--secondary--bottom .banner__text.banner__text--center {
    color: var(--color--white);
}

.banner--secondary.banner--secondary--bottom .banner__text__title__conjunction {
    color: var(--color--dark);
    font-size: var(--font--size);
    margin-left: var(--spacer--s);
    margin-right: var(--spacer--s);
}

.banner.banner--secondary.banner--secondary--bottom .banner__text.banner__text--center .link {
    color: var(--color--white);
    font-weight: 900;
    text-decoration: underline;
    text-decoration-thickness: 0.1rem;
}

.banner.banner--secondary.banner--secondary--top {
    margin-top: 4rem;
}

.banner.banner--secondary.banner--secondary--top .banner__text__title__phrase {
    display: block;
    text-align: center;
}

.banner.banner--secondary.banner--secondary--top .banner__text__title.title.title--04 .button {
    margin-top: 1.2rem;
    width: 100%;
}

.button {
    font-size: var(--font--size);
}

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

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

/* Media query to target tablet and desktop */

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

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

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

    .banner.banner--secondary.banner--secondary--bottom .banner__text.banner__text--center .banner__text__title.title.title--04 .button {
        margin-left: 0;
        width: 100%;
        margin-top: 1.6rem;
    }

    .banner.banner--secondary.banner--secondary--top {
        margin-top: 1.6rem;
    }

}

/* 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__text__title .button {
        width: 100%;
    }

    .banner--secondary .banner__text__title__phrase {
        font-size: 3.8rem;
    }

    .banner--secondary .banner--secondary__section {
        padding: var(--spacer--xl) var(--spacer--m);
    }

}

/* MODULES: Job Slider
   -------------------------------------------------------------------------- */

.section.section--jobs-slider.section--jobs-slider-Top {
    background-color: var(--color--brand);
}

.section.section--jobs-slider.section--jobs-slider-Top .section__wrapper {
    max-width: calc(var(--grid--laterals) + var(--content--w--full) + var(--grid--laterals));
    padding-right: var(--grid--laterals);
    padding-left: var(--grid--laterals);
    margin: 0 auto;
    padding-top: 4rem;
    padding-bottom: 5.6rem;
}

.section--jobs-slider-Top .section__header.section__header--action-next-to-title .title {
    color: var(--color--white);
    font-size: 2.6rem;
}

.section--jobs-slider-Top .section__header.section__header--action-next-to-title .link {
    color: var(--color--white);
}

.section--jobs-slider-Top .section__header.section__header--action-next-to-title .link:hover {
    color: var(--color--white);
}

.section--jobs-slider-Top .swiper-button-next:after, .section--jobs-slider-Top .swiper-button-prev:after {
    font-size: 2.4rem;
    font-weight: 700;
}

.section--jobs-slider-Top .swiper-slide .article__header {
    background-color: var(--color--brand--sub-1);
}

.section--jobs-slider-Top .article--card {
    border-radius: 0;
    border-width: 0;
}

.section--jobs-slider-Top .swiper-slide .article__header .link {
    -webkit-line-clamp: 2;
}

.section--jobs-slider-Top .article--card .article__content {
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
}

.section--jobs-slider .section__header__text__title.title.title--05 {
    color: var(--color--black);
    font-size: 2.6rem;
    font-weight: 900;
}

.button.button--share {
    color: var(--buttons--font--color);
}

.button--share .fv {
    font-size: 1.8rem;
    color: var(--color--brand);
}

.section--jobs-slider-Top .swiper-button-next, .section--jobs-slider-Top .swiper-button-prev {
    color: var(--color--white);
}

.swiper-button-next, .swiper-button-prev {
    color: var(--color--brand);
    font-weight: 700;
    z-index: 1;
}

.article.article--card.article--open {
    border: none;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    color: #a5a5a5;
}

.swiper-button-next {
    justify-content: end;
}

.swiper-button-prev {
    justify-content: start;
}

.swiper-slide .article__header {
    background-color: var(--color--brand);
    height: 10.1rem;
}

.swiper-slide .article__header .article__header__text__title.title.title--03 {
    height: 100%;
    display: flex;
    white-space: normal;
}

.swiper-slide .article__header .link {
    color: var(--color--white);
    font-weight: 900;
    align-self: center;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.swiper-slide .article__header .link:hover {
    text-decoration: none;
}

.swiper-slide .article__content {
    font-size: 1.4rem;
    border-top-width: 0;
}

.swiper-slide .article__content .paragraph {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.swiper-slide .article__footer {
    font-size: 1.4rem;
}

@media (min-width: 750px) {
    .section.section--search-jobs .section__content__results .article__footer .button.button--share {
        width: 10.5rem;
    }
}

@media (max-width: 749px) {
    .section.section--jobs-slider.section--jobs-slider-Top .section__wrapper {
        padding-top: 2.4rem;
        padding-bottom: 4rem;
    }

    .section--jobs-slider-Top .section__header.section__header--action-next-to-title .title {
        font-size: 2.2rem;
        font-weight: 900;
    }

    .section.section--jobs-slider.section--jobs-slider-Top .section__wrapper .article.article--card.article--open {
        border: none;
    }
}

/* STRUCTURE: Footer
   -------------------------------------------------------------------------- */

.footer {
    border-top: 0;
    font-size: 1.4rem;
    background-color: var(--color--footer);
}

.footer__content {
    flex-wrap: wrap;
}

.footer__rights__copy {
    color: var(--color--dark);
}

.footer .link {
    color: var(--color--dark);
    padding-left: var(--spacer--m);
    padding-right: var(--spacer--m);
}

.footer__rights__links {
    color: #E6E6E6;
}

.footer .link:hover,
.footer .link:focus,
.footer .link:active {
    color: var(--color--brand);
    text-decoration: underline;
    text-decoration-color: var(--color--brand);
}

@media (min-width: 1025px) {
    .footer__social__item+.footer__social__item {
        margin-left: var(--spacer--m2);
    }

    .footer__links__divider {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 1024px) {
    .footer__content>*+* {
        margin-top: 2.6rem;
    }

    .footer__rights {
        text-align: center;
    }

    .footer__content {
        flex-direction: column;
    }

    .footer * {
        line-height: 100%;
    }

    .footer .link {
        padding-left: var(--spacer--xs);
        padding-right: var(--spacer--xs);
    }
}

/* PAGETYPES: Search jobs: Results as list (Override/complement)
   -------------------------------------------------------------------------- */

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

.section--search-jobs .article--result .article__header .toggle__icon {
    color: var(--color--dark);
}

.article__header__text__title.title {
    font-size: var(--font--size--title);
}

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

.grid__item.grid__item--main .section__content {
    background-color: var(--color--white);
    padding: 2.4rem 0 2.4rem 7rem;
}

.form input:focus, .form select:focus, .form textarea:focus, .select2-container--focus, .dropdown__placeholder:focus {
    border-radius: 0.4rem;
    box-shadow: 0 0 0.4rem 0 var(--color--brand);
    border: solid 1px var(--color--brand);
    background-color: var(--color--white);
    --fields--outline--width: 0;
    --fields--border--color: transparent;
}

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

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

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

.submitButton:active,
.ButtonBarField .submitButton:active {
    --buttons--outline--width: 0;
    --buttons--border--color: var(--color--buttons--sub-1);
    --buttons--border--width: .1rem;
    --buttons--background--color: var(--color--buttons--sub-1);
    --buttons--font--color: var(--color--white);
}

.submitButton:focus,
.ButtonBarField .submitButton:focus {
    --buttons--outline--width: .1rem;
    outline-color: var(--color--brand);
    outline-style: dotted;
    --buttons--border--color: var(--color--white);
    --buttons--border--width: .2rem;
    --buttons--background--color: var(--color--buttons--sub-1);
    --buttons--font--color: var(--color--white);
}

.list-controls__sort .dropdown.dropdown--opens-bottom.dropdown--overflows-left .dropdown__placeholder {
    font-size: 1.6rem;
    padding-right: 3rem;
}

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

.list-controls__text {
    gap: var(--spacer--s);
}

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

.section.section--search-jobs .section__content__results .article__header__text__title.title .link {
    font-weight: 600;
    color: var(--color--dark);
}

.section.section--search-jobs .section__content__results .article__header__text__title.title .link:hover {
    color: var(--color--brand);
}

.link .link__icon {
    vertical-align: initial;
    margin-right: var(--spacer--xs);
}

.article--result .article__header__text__subtitle {
    margin-top: var(--spacer--xs);
}

.article--result .article__content {
    font-size: var(--font--size--00);
    margin-top: var(--spacer--m);
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder, .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-family: var(--fields--font);
    font-size: var(--fields--font--size);
    font-weight: 400;
    font-style: normal;
    color: var(--fields--font--color);
    opacity: 1;
}

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

.list-controls__pagination__item {
    font-weight: normal;
    font-size: var(--font--size--00);
    padding: var(--spacer--s2) var(--spacer--m);
    border: solid 0.1rem var(--color--header);
    display: inline;
    transition: none;
}

.list-controls__pagination__item:first-child {
    border-radius: 0.6rem 0 0 0.6rem;
}

.list-controls__pagination__item:last-child {
    border-radius: 0 0.6rem 0.6rem 0;
}

.section__header .section__header__search .search .list-controls__text__reset {
    display: none;
}

.link:hover {
    text-decoration-color: var(--color--brand);
}

.link:active {
    text-decoration: underline;
    text-decoration-color: var(--color--clickeable);
}

.link:focus {
    text-decoration-color: var(--color--brand);
    outline-color: var(--color--brand);
}

.link {
    transition: none;
}

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

    .results--listed {
        padding: 0;
    }

    .grid--2--sidebar--filters>.grid__item--main {
        padding-left: 0;
    }

    .grid__item.grid__item--filters .section__header {
        padding-right: var(--grid--columns--gap);
        padding-left: var(--grid--columns--gap);
    }

    .grid--2--sidebar>.grid__item {
        padding-left: 0;
    }

    .section__header__input {
        display: none;
    }

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

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

@media (min-width: 751px) {
    [class*=list-controls__]+[class*=list-controls__] {
        margin-left: 0;
    }

    .section.section--search-jobs .section__content__results .article__footer .button {
        width: 12rem;
    }
}

@media (max-width: 1024px) {
    .toggle--search {
        background-color: var(--color--grey--lightest);
    }

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

    .section[search-type=toggleable] .section__header {
        justify-content: space-between;
    }

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

    .grid__item.grid__item--main .section__content {
        padding: 1.6rem;
        box-shadow: none;
    }

    .article--card .article__header__actions .toggle__icon {
        color: var(--color--grey--dark);
        font-size: 2.8rem;
    }

    .article--card .article__header__actions .toggle.toggle--article {
        align-items: flex-start;
        top: 2rem;
    }

    .article--card .article__footer {
        font-size: 1.4rem
    }

    .section.section--jobs-slider .article.article--card.article--open {
        border: none;
    }

    .article__header__text__title.title.title--04.noResults {
        color: var(--color--black)
    }

    .section[search-type=toggleable] .section__header__actions {
        margin-left: 0;
    }

    .section__header__input {
        width: 82%;
        border-bottom: solid 0.1rem var(--color--grey--darker);
    }

    .section__header__input p {
        font-size: 1.8rem;
        font-weight: var(--font--weight--bold);
        line-height: normal;
        margin-top: 0.8rem;
    }

    .section--search-jobs .article--card {
        border-width: 0;
    }

    .section__content__results .article__header__text__subtitle {
        color: var(--color--grey--dark);
    }

    .section--search-jobs .grid__item.grid__item--main .section__content {
        padding: 0;
    }

    .section--search-jobs .grid__item.grid__item--main .section__content .section__content__results {
        margin-top: var(--spacer--l);
    }

    .section--search-jobs .grid__item.grid__item--main .section__content .section__content__results .article--card .article__content {
        padding-right: 0;
        padding-left: 0;
        margin-left: var(--spacer--m);
        margin-right: var(--spacer--m);
        border-top-color: var(--color--black)
    }

    .section--search-jobs .grid__item.grid__item--main .section__content .section__content__results .article--card .article__footer {
        padding-right: 0;
        padding-left: 0;
        margin-left: var(--spacer--m);
        margin-right: var(--spacer--m);
    }

    .list-controls__text {
        gap: 0;
    }

}

@media (max-width: 750px) {
    .list-controls__pagination__item+.list-controls__pagination__item {
        margin-left: 0;
    }

    .list-controls.list-controls--bottom {
        display: block;
    }

    .list-controls.list-controls--bottom .list-controls__pagination {
        margin-top: var(--spacer--m);
        justify-content: end;
    }

    .list-controls.list-controls--bottom .list-controls__pagination .list-controls__pagination__item {
        font-size: var(--font--size);
        font-weight: var(--font--weight--bold);
    }
}

/* 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: Job Detail
   -------------------------------------------------------------------------- */

.body--banner-fixed-on-scroll.body--jobDetail .main {
    background-color: var(--color--white);
}

.body--jobDetail .grid__item.grid__item--main .section__content {
    padding: 0;
    box-shadow: none;
}

.body--jobDetail .article--details .article__header__text__title {
    color: var(--color--dark);
    font-weight: normal;
    font-size: 3.5rem;
    font-family: var(--font);
}

.body--jobDetail .grid--2--sidebar .grid__item.grid__item--aside-right {
    padding-left: var(--grid--columns--gap);
}

.body--jobDetail .article .article__content__view__field__value h1, .body--jobDetail .article .article__content__view__field__value h3 {
    font-weight: bold;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.body--jobDetail .article--socialShare .article__header__text .article__header__text__title.title.title--00 {
    font-family: var(--font);
    font-size: 1.4rem;
    font-weight: normal;
}

.body--jobDetail .grid--2--sidebar .grid__item.grid__item--aside-right .article__header__text__title__icon.fv.fv-folder-o {
    display: none;
}

.body--jobDetail .article--similarJobs .article__header__text .article__header__text__title.title.title--00 {
    font-family: var(--font);
    font-size: var(--font--size--00);
    color: var(--color--black);
}

.body--jobDetail .list.list--view-more .list__item {
    margin-bottom: 0.8rem;
}

.body--jobDetail .aside *+.article__footer {
    margin-top: 1.6rem;
}

.body--jobDetail .list--share .shareButton {
    width: 2.8rem;
    height: 2.8rem;
    background-size: auto 2.8rem;
    margin-right: 1.6rem;
    margin-top: 0.8rem;
}

.body--jobDetail .list--share .shareButton--linkedin {
    width: 3.7rem;
}

.list--share .shareButton--email {
    background-image: url(../images/desktop-atoms-icons-mail.svg);
}

.button--secondary+.button--cancel, .button--secondary+.button--cancel:link, .button--secondary+.button--cancel:visited, .button--tertiary, .button--tertiary:link, .button--tertiary:visited, .cancelButton, .cancelButton:link, .cancelButton:visited {
    transition: none;
    text-decoration: none;
}

@media (min-width: 751px) {
    .body--jobDetail .grid--2--sidebar .grid__item.grid__item--main {
        padding-left: var(--grid--columns--gap);
        padding-right: 13.3rem;
    }
}

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--jobDetail .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
    }

    .body--banner-fixed-on-scroll.body--jobDetail .article__content__view__field__value section {
        margin-top: 2.4rem;
    }

    .body--jobDetail .grid--2--sidebar .grid__item.grid__item--aside-right .article--socialShare {
        display: flex;
    }

    .body--jobDetail .grid--2--sidebar .grid__item.grid__item--aside-right .article--socialShare .article__header {
        width: 30%;
    }

    .body--jobDetail .grid--2--sidebar .grid__item.grid__item--aside-right .article--socialShare .article__content {
        margin-top: 0;
    }

    .body--jobDetail .list--share .shareButton {
        margin-top: 0;
    }
}

@media (max-width: 1024px) {
    .body--jobDetail .main__wrapper {
        padding-top: 3rem;
    }

    .article--view-more--aside:last-child {
        margin-bottom: calc(-1* 4rem);
    }

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

    .body--jobDetail .article--actions {
        box-shadow: none;
        border-top: solid 0.1rem var(--color--header);
    }
}

@media (min-width: 1025px) {
    .body--jobDetail .aside .article--socialShare {
        margin-top: 1.7rem;
    }

    .body--jobDetail .aside .article--similarJobs {
        margin-top: 3rem;
    }
}

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

.body--applicationMethods .main__wrapper {
    padding-top: 4rem;
}

.list--steps .list__item .list__item__text:after {
    border-bottom-color: var(--color--brand);
    border-radius: 0;
    border-bottom-width: .3rem;
}

.list--steps:after {
    border-bottom-color: var(--color--grey--darkest);
    border-bottom-width: 0.3rem;
}

.body--applicationMethods .grid.grid--dividers .grid__item:first-child {
    padding-left: 0;
}

.body--applicationMethods .grid--dividers {
    margin-left: 0;
}

.body--applicationMethods .article--registered .title.title--06 {
    color: var(--color--black);
    font-weight: normal;
    font-family: var(--font);
    font-size: 3.5rem;
}

.body--applicationMethods .article--registered .article__header+* {
    margin-top: 2.7rem;
}

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

.body--applicationMethods .grid.grid--dividers.grid--dividers--v.grid--dividers--v--alt .grid__item--methods .article .title.title--06 {
    color: var(--color--grey--dark);
    font-weight: var(--font--weight--bold);
    font-family: var(--font);
    font-size: 4.5rem;
    text-align: center;
}

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

.body--applicationMethods .methodButton--file, 
.body--applicationMethods .methodButton--later, 
.body--applicationMethods .methodButton--paste {
    background-color: transparent;
    color: var(--color--black);
    font-size: 1.6rem;
    padding-left: 1.6rem;
    padding-right: 2.4rem;
    border-color: var(--color--black);
    min-width: auto;
    --buttons__icon--width: 1.8rem;
    --buttons__icon--height: 1.8rem;
}

.body--applicationMethods .methodButton--file:hover, 
.body--applicationMethods .methodButton--later:hover, 
.body--applicationMethods .methodButton--paste:hover {
    border-color: var(--color--black);
    background-color: var(--color--black);
    color: var(--color--white);
}

.body--applicationMethods .methodButton--file:focus, 
.body--applicationMethods .methodButton--later:focus, 
.body--applicationMethods .methodButton--paste:focus {
    outline-width: .1rem;
    outline-color: var(--color--brand);
    outline-style: dotted;
    border-color: var(--color--white);
    border-width: .2rem;
    background-color: var(--color--black);
    color: var(--color--white);
}

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

.methodButton--later:before, .methodButton--file:before, .methodButton--paste:before {
    color: var(--color--black);
    margin-right: var(--spacer--s);
}

.methodButton--later:hover::before,
.methodButton--later:focus::before,
.methodButton--later:active::before, 
.methodButton--file:hover::before,
.methodButton--file:focus::before,
.methodButton--file:active::before, 
.methodButton--paste:hover::before,
.methodButton--paste:focus::before,
.methodButton--paste:active::before {
    color: var(--color--white);
}

.list--steps {
    margin-top: var(--spacer--xxl);
}

.body--applicationMethods .grid--dividers>.grid__item>.article.article--registered {
    min-width: 30.9rem;
}

.grid--dividers>.grid__item>.article.article--registered .comment .link {
    color: var(--color--blue);
}

.grid--dividers>.grid__item>.article.article--registered .comment .link:hover {
    text-decoration-color: var(--color--blue);
}

@media (min-width: 751px) {
    .list--steps .list__item__text__title {
        font-size: 1.2rem;
        font-weight: var(--font--weight--bold);
        text-align: center;
        white-space: normal;
        height: 1.6rem;
        margin: auto;
    }

    .list--steps .list__item__text__subtitle {
        background-color: var(--color--grey--darkest);
    }

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

    .body--banner-fixed-on-scroll.body--applicationMethods .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--applicationMethods .banner--main {
        height: 16.9rem;
        background-position: center center;
    }

    .body--banner-fixed-on-scroll.body--applicationMethods .article--registered {
        --article--width--max: 33.2rem;
    }

    .body--applicationMethods .grid.grid--dividers .grid--methods .grid__item:first-child {
        padding-left: var(--grid--columns--gap);
    }

    .article+.article--methods {
        margin-top: var(--spacer--xxxl);
    }

    .grid--methods {
        margin-top: 0;
    }

    .grid--methods>.grid__item {
        padding: 0;
    }

    .grid.grid--methods.list--methods {
        justify-content: center;
        gap: var(--spacer--l);
    }

    .grid--methods li.grid__item.list__item {
        flex: 0 1 auto;
    }
}

@media (min-width: 1025px) {
    .body--banner-fixed-on-scroll.body--applicationMethods .grid--dividers--v>.grid__item:not(:first-of-type):before {
        border-left-width: 0;
    }
}

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--applicationMethods .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
    }

    .body--applicationMethods .grid.grid--dividers.grid--dividers--v.grid--dividers--v--alt .grid__item--methods {
        padding-top: var(--spacer--xxl);
        margin-top: var(--spacer--xxl);
        border-top: solid 0.1rem var(--color--header);
    }

    .body--applicationMethods .grid.list--methods .grid__item:first-child {
        padding: var(--spacer--l) 0 0 var(--spacer--xxl);
    }

    .body--applicationMethods .grid.grid--methods.grid--valign--b.list.list--methods .grid__item--methods {
        padding: var(--spacer--l) 0 0 var(--spacer--xxl);
    }

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

    .list--steps .list__item__text__title {
        font-size: 1.2rem;
        font-weight: var(--font--weight--bold);
    }

    .list--steps .list__item .list__item__text {
        margin-bottom: var(--spacer--s2);
    }

    .body--applicationMethods .grid.grid--dividers.grid--dividers--v.grid--dividers--v--alt .grid__item--methods .article .title.title--06 {
        font-size: var(--font--size--09);
        text-align: left;
    }

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

    .body--applicationMethods .list--links--bottom {
        margin-top: var(--spacer--m);
    }

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

    .list--steps .list__item__text__subtitle .visibility--only-mobile {
        font-weight: normal;
    }
}

@media (max-width: 1024px) {
    .body--applicationMethods .grid--dividers>.grid__item:not(:first-of-type):before {
        border-top-width: 0;
    }
}

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

.body--register .section__content {
    margin-top: var(--spacer--xxl);
}

.body--register .section__content .tc_formTitle {
    color: var(--color--grey--dark);
    font-weight: var(--font--weight--bold);
    font-family: var(--font);
    font-size: 4.5rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--color--brand--sub-1);
}

.removeDatasetRow {
    color: var(--color--dark);
    font-size: 1.4rem;
}

.MultipleDatasetEntryFormField .tc_formField div[id*=multipleDatasetEntry_] .removeDatasetRow {
    margin-bottom: 2.4rem;
}

.MultipleDatasetEntryFormField .tc_formField div[id*=multipleDatasetEntry_] {
    background-color: var(--color--grey--light);
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 1.6rem 2.4rem 2.4rem 2.4rem;
}

.body--register .datasetField__row {
    background-color: var(--color--grey--light);
    width: 100%;
    margin-left: 0;
}

.MultipleDatasetEntryFormField .tc_formField .addDatasetRow {
    font-size: 1.4rem;
}

.MultipleDatasetEntryFormField .tc_formField .addDatasetRow:before {
    color:var(--color--buttons);
}

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

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

.action--remove {
    color: var(--color--dark);
}

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

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

.body--register .section__content .form--step1 fieldset.Section:last-of-type {
    background-color: var(--color--background);
    padding: 0;
}

.body--register .section__content .form--step1 fieldset.Section:last-of-type .tc_formLabel {
    display: none;
}

.body--register .section__content .form--step1 fieldset.Section:last-of-type fieldset {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.body--register .section__content .form--step2 fieldset.Section:last-of-type {
    background-color: var(--color--background);
    padding: 0;
}

.body--register .section__content .form--step3 fieldset.Section:last-of-type {
    background-color: var(--color--background);
    padding: 0;
}

.body--register .section__content .form--step4 fieldset.Section:last-of-type {
    background-color: var(--color--background);
    padding: 0;
}

.body--register .section__content .form--step5 fieldset.Section:last-of-type {
    background-color: var(--color--background);
    padding: 0;
}

.AcceptCheckboxFieldContainer.tc_formField {
    margin-right: 0.8rem;
}

.AcceptanceCheckboxField .tc_formDescription {
    font-size: 1.4rem;
    max-width: 57rem;
}

.ButtonBarField .tc_formField .cancelButton {
    --buttons--border--color: var(--color--black);
    --buttons--border--width: .2rem;
    --buttons--background--color: var(--color--white);
    --buttons--font--color: var(--color--black);
}

.ButtonBarField .tc_formField .cancelButton:hover {
    --buttons--border--color: var(--color--black);
    --buttons--background--color: var(--color--black);
    --buttons--font--color: var(--color--white);
}

.ButtonBarField .tc_formField .cancelButton:focus {
    --buttons--outline--width: .1rem;
    outline-color: var(--color--brand);
    outline-style: dotted;
    --buttons--border--color: var(--color--white);
    --buttons--border--width: .2rem;
    --buttons--background--color: var(--color--black);
    --buttons--font--color: var(--color--white);
}

.ButtonBarField .tc_formField .cancelButton:active {
    --buttons--outline--width: 0;
    --buttons--border--color: var(--color--buttons--sub-1);
    --buttons--border--width: .1rem;
    --buttons--background--color: var(--color--buttons--sub-1);
    --buttons--font--color: var(--color--white);
}

.form--step2 .ButtonBarField .tc_formField .cancelButton,
.form--step3 .ButtonBarField .tc_formField .cancelButton,
.form--step4 .ButtonBarField .tc_formField .cancelButton {
    --buttons--border--color: transparent;
    --buttons--width--min: 0;
    --buttons--background--color: transparent;
    --buttons--font--color: var(--color--dark);
    border-bottom: solid 0.2rem var(--color--brand);
    border-radius: 0;
    padding: 0;
    transition: none;
    text-decoration: none;
}

.form--step2 .ButtonBarField .tc_formField .cancelButton:hover,
.form--step3 .ButtonBarField .tc_formField .cancelButton:hover,
.form--step4 .ButtonBarField .tc_formField .cancelButton:hover {
    --buttons--border--color: transparent;
    --buttons--background--color: transparent;
    --buttons--font--color: var(--color--dark);
    border-bottom: solid 0.2rem var(--color--dark);
    border-radius: 0;
    padding: 0;
    text-decoration: none;
    transition: none;
}

.form--step2 .ButtonBarField .tc_formField .cancelButton:focus,
.form--step3 .ButtonBarField .tc_formField .cancelButton:focus,
.form--step4 .ButtonBarField .tc_formField .cancelButton:focus {
    --buttons--outline--width: .2rem;
    --buttons--border--color: transparent;
    --buttons--border--width: .2rem;
    --buttons--background--color: transparent;
    --buttons--font--color: var(--color--dark);
    transition: none;
}

.form--step2 .ButtonBarField .tc_formField .cancelButton:active,
.form--step3 .ButtonBarField .tc_formField .cancelButton:active,
.form--step4 .ButtonBarField .tc_formField .cancelButton:active {
    --buttons--border--color: transparent;
    --buttons--background--color: transparent;
    --buttons--font--color: var(--color--dark);
    border-bottom: solid 0.2rem var(--color--dark);
    border-radius: 0;
    padding: 0;
    text-decoration: none;
    transition: none;
}

.ButtonBarField:not([class*=button-bar--cols]) [class*=Button], .button-bar:not([class*=button-bar--cols]) [class*=Button] {
    min-width: 14rem;
}

.form--step2 button:not(.saveButton):not(.submitButton):not(.nextButton):not(.formNextButton):not(.gotoButton):not(.redirectUrlButton)~.cancelButton,
.form--step3 button:not(.saveButton):not(.submitButton):not(.nextButton):not(.formNextButton):not(.gotoButton):not(.redirectUrlButton)~.cancelButton,
.form--step4 button:not(.saveButton):not(.submitButton):not(.nextButton):not(.formNextButton):not(.gotoButton):not(.redirectUrlButton)~.cancelButton {
    min-width: 0;
    margin-left: auto;
    text-decoration: none;
}

.ButtonBarField .nextButton {
    min-width: 14rem;
}

.ButtonBarField .previousButton {
    min-width: 14.7rem;
}

.tc_formDescription {
    font-size: var(--font--size);
}

.Signature .tc_formLabel {
    padding-bottom: 0;
}

.MilitaryMember .tc_formDescription {
    font-size: 1.4rem;
}

.MilitaryMember .tc_formLabel {
    padding-bottom: 0.2rem;
}

.fieldSpec.hasErrors .errorMessageIcon {
    display: none;
}

.form5Subtitle .tc_formDescription div{
    font-family: var(--title--font);
    color: var(--color--grey--dark);
    font-weight: 600;
    font-size: var(--font--size--title);
    margin-top: var(--spacer--m);
}

.tc_formDescription ul li+li {
    margin-top: 0;
}

.alert .fa {
    line-height: normal;
}

.section__content .description table {
    width: 100%;
}

.section__content .description table th {
    width: 33%;
    align-content: flex-start;
}

.section__content .description table th:nth-child(2),
.section__content .description table td:nth-child(2) {
    border-left: solid 0.1rem var(--color--grey--medium);
    border-right: solid 0.1rem var(--color--grey--medium);
    padding-left: var(--spacer--m);
}

.section__content .description table th:last-child,
.section__content .description table td:last-child {
    padding-left: var(--spacer--m);
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--register .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--register .banner--main {
        height: 16.9rem;
        background-position: center center;
    }
}

@media (min-width: 1025px) {
    .body--register .section--w--narrow {
        max-width: 74.6rem;
    }
}

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--register .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
    }

    .body--register .section__content .tc_formTitle {
        font-size: var(--font--size--09);
    }

    .button-bar__wrap.tc_formField {
        width: 100%;
        row-gap: 1.6rem;
    }

    .button-bar__wrap.tc_formField button {
        width: 100%;
    }

    .form--step2 button:not(.saveButton):not(.submitButton):not(.nextButton):not(.formNextButton):not(.gotoButton):not(.redirectUrlButton)~.cancelButton, .form--step3 button:not(.saveButton):not(.submitButton):not(.nextButton):not(.formNextButton):not(.gotoButton):not(.redirectUrlButton)~.cancelButton, .form--step4 button:not(.saveButton):not(.submitButton):not(.nextButton):not(.formNextButton):not(.gotoButton):not(.redirectUrlButton)~.cancelButton {
        max-width: fit-content;
        margin: auto;
    }
}

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

.body--success .article__header:not(.article__header--top) {
    align-items: flex-start;
}

.body--success .paragraph {
    text-align: left;
    padding-bottom: 0;
}

.body--success .paragraph.jobInfo {
    padding-bottom: 0.2rem;
}

.body--success .paragraph.jobLocation {
    font-size: 1.4rem;
}

.article--success .title.title--04 {
    font-size: 4.5rem;
    font-family: var(--font);
    font-weight: var(--font--weight--bold);
    color: var(--color--grey--dark);
}

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

.article--success .article__footer {
    margin-top: 4rem;
}

.article--success .article__footer .button-bar {
    display: flex;
}

.article--success .article__footer .button-bar .button-bar__wrap {
    margin-right: 2.4rem;
}

.alert--info {
    --alert--background--color: var(--color--grey--light)
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--success .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--success .banner--main {
        height: 16.9rem;
        background-position: center center;
    }
}

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

    .body--success .grid--dividers--h {
        margin-left: 15rem;
    }
}

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--success .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
    }

    .article--success .title.title--04 {
        font-size: var(--font--size--09);
    }
}

@media (max-width: 1024px) {
    .body--banner-fixed-on-scroll.body--success .main__wrapper {
        padding-top: 4.4rem
    }

    .article--success .article__footer .button-bar {
        display: block;
    }

    .article--success .article__footer .button-bar .button-bar__wrap {
        margin-right: 0;
    }

    .article--success .article__footer .button-bar .button.button--primary {
        width: 100%;
        margin-top: 1.6rem;
    }
}

/* PAGETYPES: Application Confirmation
   -------------------------------------------------------------------------- */

.body--applicationConfirmation .section__content fieldset.Section {
    background-color: var(--color--white);
    padding: 2.4rem 7.7rem 2.4rem 7.7rem;
}

.body--applicationConfirmation .section__content .tc_formTitle {
    font-family: var(--font);
    color: var(--color--grey--dark);
    font-weight: var(--font--weight--bold);
    font-size: 4.5rem;
}

.body--applicationConfirmation .datasetField__row {
    background-color: var(--color--grey--light);
    width: 100%;
    margin-left: 0;
}

.body--applicationConfirmation .datasetField .action--add {
    font-size: 1.4rem;
}

.body--applicationConfirmation .datasetField__button--add .action::before {
    color:var(--color--buttons);
}

.body--applicationConfirmation .section__content .form--step1 fieldset.Section:last-of-type .tc_formLabel {
    display: none;
}

.body--applicationConfirmation .section__content .form--step1 fieldset.Section:last-of-type fieldset {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--applicationConfirmation .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--applicationConfirmation .banner--main {
        height: 16.9rem;
        background-position: center center;
    }
}

@media (min-width: 1025px) {
    .body--applicationConfirmation .section__content--w--narrow {
        max-width: 74.6rem;
    }
}

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--applicationConfirmation .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
    }

    .body--applicationConfirmation .section__content fieldset.Section {
        padding: 0;
    }

    .body--applicationConfirmation .section__content .tc_formTitle {
        font-size: var(--font--size--09);
    }
}

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

.body--login.body--header-fixed-on-scroll .body__content {
    padding-top: var(--header--height);
}

.body--login .main__wrapper {
    justify-content: start;
    min-height: 100%;
}

.body--login .main__content {
    max-width: 100%;
}

.body--login .section {
    max-width: var(--login__box--width);
}

.body--login .article.article--registered {
    max-width: 100%;
}

.body--login .article__header {
    padding: 0 var(--login__box--padding--outers);
}

.body--login .article__header .title {
    font-size: 3.5rem;
    font-family: var(--font);
    font-weight: normal;
    color: var(--color--grey--dark);
    text-align: center;
}

.body--login .section__header__text__subtitle {
    font-size: var(--font--size--00);
    font-style: italic;
    margin-top: var(--spacer--l);
}

.body--login .redBullet {
    color: var(--color--brand);
}

.body--login .article__content {
    border-top-style: none;
}

.body--login .button-bar__wrap .button {
    min-width: 100%;
}

@media (min-width: 1025px) {
    .body--login .grid--dividers--h {
        --grid--dividers--width--min: 42.5rem;
    }
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--login .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--login .banner--main {
        height: 16.9rem;
        background-position: center center;
    }
}

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--login .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
        margin-top: 5.5rem;
    }

    .body--login .main__wrapper {
        min-height: 50rem;
        height: 50rem;
        padding-top: 0;
        padding-bottom: 0;
    }

    .body--login .main__content {
        max-width: 100%;
    }

    .body--login .article__header .title {
        font-size: 2.2rem;
    }

    .body--login .form.form--login .Section.fieldset {
        display: block;
    }

    .body--login .form.form--login .Section.fieldset .button-bar {
        position: inherit;
    }

    .body--login .form.form--login .Section.fieldset .fieldSpec {
        max-width: 100%;
    }

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

    .body--login .article__content+.article__content {
        margin-top: 2rem;
    }

    .body--login .article__header {
        padding: 0;
    }

    .body--login .article__content {
        padding: var(--spacer--xl) 0;
    }

    .body--login .article__header .title {
        text-align: left;
    }

}

@media (min-width: 751px) and (max-width: 1024px) {
    .body--login .main__wrapper {
        min-height: 100%;
    }

    .body--banner-fixed-on-scroll.body--login .body__content {
        padding-top: 22.4rem;
    }
}

/* PAGETYPES: Registration Methods
   -------------------------------------------------------------------------- */

.body--registrationMethods .section__header__text__title.title.title--07{
    font-size: 2.6rem;
    font-weight: 900;
    color: var(--color--black);
}

.body--registrationMethods .methodButton--file, .body--registrationMethods .methodButton--later, .body--registrationMethods .methodButton--paste {
    background-color: transparent;
    color: var(--color--brand--sub-1);
    font-size: 1.4rem;
    text-transform: uppercase;
    padding-left: 1.5rem;
}

@media (min-width: 751px) {
    .body--registrationMethods .body__content {
        padding-top: 34.4rem;
    }

    .body--registrationMethods .banner--main {
        height: 16.9rem;
        background-position: center center;
    }
}

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

.body--profile .banner__title {
    flex-direction: column;
}

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

.body--profile .banner__text__title.title.title--hero {
    font-family: var(--font);
    font-weight: normal;
    font-size: var(--font--size);
    margin-bottom: var(--spacer--m);
}

.body--profile .banner__text__title.banner__text__title__phrase {
    font-weight: 300;
    font-size: 5rem;
    text-transform: uppercase;
}

.section__header__name {
    font-size: 2.6rem;
    font-weight: 900;
    color: var(--color--black);
    margin-bottom: 3.4rem;
}

.body--profile .grid--2--sidebar>.grid__item {
    padding-left: var(--grid--columns--gap);
    padding-top: 0;
    margin-top: var(--main--padding--top);
}

.body--profile .article--details .article__header__text__title {
    color: var(--color--dark);
    font-weight: normal;
    font-size: 3.5rem;
    font-family: var(--font);
}

.body--profile .list--attachments .list__item__actions .link.link--error {
    color: var(--color--clickeable);
}

.body--profile .button.button--tertiary.downloadAttachmentsButton {
    --buttons--border--color: var(--color--black);
    --buttons--border--width: .2rem;
    --buttons--background--color: var(--color--white);
    --buttons--font--color: var(--color--black);
    border-bottom: solid .2rem var(--color--black);
    border-radius: var(--buttons--border--radius);
    padding-top: calc(var(--buttons--padding--v) - var(--buttons--border--width));
    padding-right: calc(var(--buttons--padding--h) - var(--buttons--border--width));
    padding-bottom: calc(var(--buttons--padding--v) - var(--buttons--border--width));
    padding-left: calc(var(--buttons--padding--h) - var(--buttons--border--width));
}

.body--profile .button.button--tertiary.downloadAttachmentsButton:hover {
    --buttons--border--color: var(--color--black);
    --buttons--background--color: var(--color--black);
    --buttons--font--color: var(--color--white);
}

.body--profile .button.button--tertiary.downloadAttachmentsButton:focus {
    --buttons--outline--width: .1rem;
    outline-color: var(--color--brand);
    outline-style: dotted;
    --buttons--border--color: var(--color--white);
    --buttons--border--width: .2rem;
    --buttons--background--color: var(--color--black);
    --buttons--font--color: var(--color--white);
    border-bottom: solid 0.2rem var(--color--white);
}

.body--profile .button.button--tertiary.downloadAttachmentsButton:active {
    --buttons--outline--width: 0;
    --buttons--border--color: var(--color--buttons--sub-1);
    --buttons--border--width: .1rem;
    --buttons--background--color: var(--color--buttons--sub-1);
    --buttons--font--color: var(--color--white);
    border-bottom: none;
}

.article--details .article__content__view__field:not(.article__content__view__field--not-format) .article__content__view__field__value>:not(.table) * {
    margin-top: 0;
}

.body--profile .article--details .MultipleDataSetField {
    padding-bottom: 1.6rem;
}

.table--default thead tr th {
    background-color: var(--color--th);
    color: var(--color--black);
    border-bottom-width: .2rem;
}

.table--default.table--fixed-column.table--fixed-column--first thead tr th:first-child {
    border-right-width: 0;
    box-shadow: none;
}

.table__wrap {
    border-radius: 0;
    border-width: 0;
}

.table--default.table--fixed-column.table--fixed-column--first tbody tr>:first-child {
    background-color: var(--color--white);
    box-shadow: none;
    border-right-width: 0;
}

.table--default.table--fixed-column.table--fixed-column--first tbody tr>:first-child:before {
    background-color: var(--color--white);
}

.table--default tbody tr td:last-child {
    min-width: 8rem;
}

.table--default tbody tr:last-child td {
    border-bottom-width: 0.1rem;
    border-bottom-style: solid;
    border-bottom-color: var(--color--grey--medium);
}

.table--default tbody tr:last-child th {
    border-bottom-width: 0.1rem;
    border-bottom-style: solid;
    border-bottom-color: var(--color--grey--medium);
}

.table--default tbody tr+tr>*, .tableField tbody tr+tr>* {
    border-top-color: var(--color--grey--medium);
}

.table--default.table--fixed-column.table--fixed-column--first thead tr th {
    border-radius: 0;
}

.table--default thead tr th:first-child, .tableField thead tr th:first-child {
    border-radius: 0;
}

.table--default thead tr th:last-child, .tableField thead tr th:last-child {
    border-radius: 0;
}

.article--details:last-child {
    border-bottom-width: 0;
}

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

.toggle__icon {
    color: var(--color--dark);
}

.tabs__placeholder:after {
    color: var(--color--dark);
}

.body--profile .pill {
    color: var(--color--grey--darkest);
    background-color: transparent;
    padding: 0 0.8rem 0 0.8rem;
}

.body--profile .grid__item.grid__item--main .section__content {
    padding: 0;
}

.body--profile .grid__item.grid__item--aside-right .button.button--tertiary {
    flex-basis: content;
    margin: auto;
}

.list--attachments .list__item__text__title {
    font-weight: normal;
}

.body--profile .article--details.additionalInformation .article__content__view__field__label {
    font-family: var(--font--alt);
    font-size: var(--font--size--title);
    margin-bottom: var(--spacer--m);
    font-weight: 600;
}

.body--profile .article--details.additionalInformation .article__content .article__content__view__field:not(:first-child){
    margin-top: var(--spacer--l);
}

.body--profile .article--details:first-of-type {
    padding-bottom: var(--spacer--xxxl);
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--profile .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--profile .banner--main {
        height: 16.9rem;
        background-position: center center;
    }

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

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--profile .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
    }

    .section__header__name {
        font-size: 2.2rem;
        margin-bottom: 2.4rem;
    }

    .tabs__placeholder {
        justify-content: space-between;
    }

    .tabs__placeholder.title.title--tabs {
        font-weight: var(--font--weight--bold);
        font-family: var(--font);
        font-size: var(--font--size);
        text-transform: uppercase;
    }

    .section__header.section__header--tabs {
        border-bottom: solid 0.1rem var(--color--grey--medium);
    }

    .table--cards.table--cards--with-no-subtitle tbody tr>:first-child {
        font-family: var(--font--alt);
        font-weight: 600;
        color: var(--color--dark);
        font-size: 2.5rem;
        background-color: var(--color--th);
    }

    .body--profile .banner__text__title.banner__text__title__phrase {
        font-size: 3.6rem;
    }

    .table--cards.table--cards--with-no-subtitle tbody tr td:nth-child(2) {
        border-top-width: 0.2rem;
        border-top-color: var(--color--black);
    }

    .table--cards tbody tr {
        background-color: var(--color--white);
    }

    .table--cards tbody tr>:first-child {
        height: auto;
    }

}

@media (max-width: 1024px) {
    .body--banner-fixed-on-scroll.body--profile .main__wrapper {
        padding-top: 4rem;
    }
}

@media (min-width: 1025px) {
    .tabs__list__item--active {
        border-bottom-color: var(--color--dark);
    }

    .body--profile .grid--2--sidebar--aside-right>.grid__item--main {
        max-width: 74.7rem;
    }
}

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

.body--profileJobApplications .section__header.section__header--tabs + *:not([class*="--narrow"]) {
    padding: 2.4rem;
    background-color: var(--color--footer);
}

.body--profileJobApplications .table__wrap {
    margin-top: 1.6rem;
}

.body--profileJobApplications .article.article--details .article__content .paragraph {
    margin-top: 2.4rem;
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--profileJobApplications .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--profileJobApplications .banner--main {
        height: 16.9rem;
        background-position: center center;
    }
}

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--profileJobApplications .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
    }

    .body--profileJobApplications .section__header.section__header--tabs + *:not([class*="--narrow"]) {
        padding: 1.6rem;
        margin-top: 1.6rem;
        background-color: var(--color--white);
    }

    .body--profileJobApplications .section__content .tabs__placeholder.title.title--tabs {
        border-bottom: solid 0.1rem var(--color--grey--medium);
        margin-bottom: 1.6rem;
    }

    .body--profileJobApplications .table--cards tbody tr td:nth-child(2), .table--cards tbody tr>:first-child {
        background-color: var(--color--th);
    }

    .body--profileJobApplications .table--cards tbody tr td:nth-child(3) {
        border-top-width: 0.2rem;
        border-top-color: var(--color--black);
    }

    .table--cards tbody tr>:first-child .link {
        font-size: 2.5rem;
    }
}

@media (max-width: 1024px) {
    .body--banner-fixed-on-scroll.body--profileJobApplications .main__wrapper {
        padding-top: 4rem;
    }
}

/* PAGETYPES: Profile Job Applications Inactive
   -------------------------------------------------------------------------- */

.body--profileJobApplicationsInactive .section__header.section__header--tabs + *:not([class*="--narrow"]) {
    padding: 2.4rem;
    background-color: var(--color--footer);
}

.body--profileJobApplicationsInactive .table__wrap {
    margin-top: 1.6rem;
}

.body--profileJobApplicationsInactive .article.article--details .article__content .paragraph {
    margin-top: 2.4rem;
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--profileJobApplicationsInactive .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--profileJobApplicationsInactive .banner--main {
        height: 16.9rem;
        background-position: center center;
    }
}

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--profileJobApplicationsInactive .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
    }

    .body--profileJobApplicationsInactive .section__header.section__header--tabs + *:not([class*="--narrow"]) {
        padding: 1.6rem;
        margin-top: 1.6rem;
        background-color: var(--color--white);
    }

    .body--profileJobApplicationsInactive .table--cards tbody tr>:first-child .link {
        white-space: normal;
        font-family: var(--font--alt);
        font-size: 1.8rem;
        font-weight: 900;
        line-height: normal;
        color: var(--color--black);
    }

    .body--profileJobApplicationsInactive .section__content .tabs__placeholder.title.title--tabs {
        border-bottom: solid 0.1rem var(--color--grey--medium);
        margin-bottom: 1.6rem;
    }

    .body--profileJobApplicationsInactive .table--cards tbody tr td:nth-child(2), .table--cards tbody tr>:first-child {
        background-color: var(--color--th);
    }

    .body--profileJobApplicationsInactive .table--cards tbody tr td:nth-child(3) {
        border-top-width: 0.2rem;
        border-top-color: var(--color--black);
    }
}

@media (max-width: 1024px) {
    .body--banner-fixed-on-scroll.body--profileJobApplicationsInactive .main__wrapper {
        padding-top: 4rem;
    }
}

/* PAGETYPES: Profile Job Alerts
   -------------------------------------------------------------------------- */

.body--profileJobAlerts .table--default tbody tr>* {
    background-color: var(--color--background)
}

.body--profileJobAlerts .table--default tbody tr:last-child td {
    border-bottom-color: var(--color--grey--medium);
}

.body--profileJobAlerts .table--default tbody tr+tr>* {
    border-top-color: var(--color--grey--medium);
}

.action--delete {
    --action--font--color: var(--color--brand);
}

.action--edit:hover {
    --action--font--color: var(--color--dark);
}

.body--profileJobAlerts .table--default tbody tr td:last-child .action+.action {
    margin-left: 0;
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--profileJobAlerts .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--profileJobAlerts .banner--main {
        height: 16.9rem;
        background-position: center center;
    }

    .body--profileJobAlerts .section__content--noResults {
        display: flex;
        flex-direction: row-reverse;
    }

    .body--profileJobAlerts .section__content--noResults .article+.article {
        margin-top: 0;
        align-content: center;
    }
}

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--profileJobAlerts .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
    }

    .body--profileJobAlerts .tabs__placeholder.title.title--tabs {
        font-weight: var(--font--weight--bold);
        font-family: var(--font);
        font-size: var(--font--size);
        text-transform: uppercase;
    }

    .body--profileJobAlerts.section__header.section__header--tabs {
        border-bottom: solid 4px var(--color--brand);
    }

    .body--profileJobAlerts .table--cards.table--cards--with-no-subtitle tbody tr>:first-child {
        font-family: var(--font--alt);
        font-weight: 900;
        color: var(--color--black);
    }

    .body--profileJobAlerts .table--cards tbody tr>:first-child {
        font-family: var(--font--alt);
        font-size: 2.5rem;
        font-weight: 600;
        color: var(--color--black);
    }

    .body--profileJobAlerts .table--cards tbody tr td:last-child {
        text-transform: uppercase;
        font-size: 1.2rem;
    }

    .body--profileJobAlerts .table--cards tbody tr td:nth-child(n+3):not(:last-child):not(:nth-last-child(2)) {
        padding-bottom: 0.6rem;
        font-size: var(--font--size);
    }

    .body--profileJobAlerts .article.article--details {
        background-color: var(--color--white);
        padding: 2.6rem 1.6rem 3.2rem 1.6rem;
    }

    .body--profileJobAlerts .table--cards tbody tr td:nth-child(2), .table--cards tbody tr>:first-child {
        background-color: var(--color--th);
    }

    .body--profileJobAlerts .table--cards tbody tr td:nth-child(3) {
        border-top-width: 0.2rem;
        border-top-color: var(--color--black);
    }

    .body--profileJobAlerts .action {
        text-transform: none;
    }

    .body--profileJobAlerts .action:before {
        display: none;
    }

    .body--profileJobAlerts .table--cards tbody tr td:nth-child(3) {
        border-top-width: 0.2rem;
        border-top-color: var(--color--black);
    }
}

@media (max-width: 1024px) {
    .body--banner-fixed-on-scroll.body--profileJobAlerts .main__wrapper {
        padding-top: 4rem;
    }
}

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

.body--agentCreate .article.article--alert .title {
    font-size: var(--font--size--title);
    font-weight: 600;
    color: var(--color--grey--dark);
}

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

.body--agentCreate .button-bar__wrap button {
    width: 15.5rem;
}

.body--agentCreate .article.article--success {
    text-align: left;
    max-width: 100%;
}

.body--agentCreate .article.article--success .article__header:not(.article__header--top) {
    align-items: flex-start;
}

.body--agentCreate .article.article--success .title {
    font-size: 2.2rem;
}

.body--agentCreate .article.article--success .article__header+* {
    margin-top: 1.6rem;
}

.body--agentCreate .article--success .article__footer {
    margin-top: 2.4rem;
}

.link__icon-right {
    transform: scaleX(-1);
    margin-left: var(--spacer--xs);
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--agentCreate .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--agentCreate .banner--main {
        height: 16.9rem;
        background-position: center center;
    }
}

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

    .body--agentCreate .grid.grid--dividers.grid--dividers--h {
        --grid--dividers--width--min: var(--content--w--narrow);
        padding-right: 4rem;
    }
}

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--agentCreate .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
    }

    .body--agentCreate .article.article--success {
        padding-right: 1.6rem;
        padding-left: 1.6rem;
    }
}

@media (max-width: 1024px) {
    .body--banner-fixed-on-scroll.body--agentCreate .main__wrapper {
        padding-top: 4rem;
    }
}

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

.body--agentDelete .article.article--alert .title {
    font-family: var(--font);
    font-size: 4.5rem;
    color: var(--color--grey--dark);
}

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

.body--agentDelete .button-bar__wrap .button {
    width: 14rem;
}

.body--agentDelete .button-bar__wrap button.button.button--secondary {
    width: 13.1rem;
}

.body--agentDelete .article.article--success .article__header:not(.article__header--top) {
    align-items: flex-start;
}

.body--agentDelete .article.article--success {
    text-align: left;
}

.body--agentDelete .article.article--success .paragraph {
    color: var(--color--grey--dark);
}

.body--agentDelete .article.article--success .title {
    font-size: 2.2rem;
}

.body--agentDelete .article.article--success .article__header+* {
    margin-top: 1.6rem;
}

.body--agentDelete .article--success .article__footer {
    margin-top: 2.4rem;
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--agentDelete .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--agentDelete .banner--main {
        height: 16.9rem;
        background-position: center center;
    }

    .body--agentDelete .button-bar--center .button-bar__wrap {
        justify-content: flex-start;
    }
}

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--agentDelete .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
    }

    .body--agentDelete .article.article--success {
        padding-right: 1.6rem;
        padding-left: 1.6rem;
    }

    .body--agentDelete .article.article--alert .title {
        font-size: var(--font--size--09);
    }

    .button-bar__wrap {
        row-gap: var(--spacer--m);
    }
}

@media (max-width: 1024px) {
    .body--banner-fixed-on-scroll.body--agentDelete .main__wrapper {
        padding-top: 4rem;
    }
}

@media (min-width: 1025px) {
    .body--agentDelete .article--alert,
    .body--agentDelete .article--success {
        --article--width--max: var(--content--w--narrow);
    }

    .body--agentDelete .article--alert .article__header {
        max-width: 70rem;
    }
}

/* PAGETYPES: Talent Community Success
   -------------------------------------------------------------------------- */

.body--talentCommunitySuccess .article.article--success .article__header:not(.article__header--top) {
    align-items: flex-start;
}

.body--talentCommunitySuccess .article.article--success {
    text-align: left;
}

.body--talentCommunitySuccess .article.article--success .title {
    font-size: 2.2rem;
}

.body--talentCommunitySuccess .article.article--success .article__header+* {
    margin-top: 1.6rem;
}

.body--talentCommunitySuccess .article--success .article__footer {
    margin-top: 2.4rem;
}

.body--talentCommunitySuccess .main__wrapper {
    padding-bottom: var(--spacer--xxl);
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--talentCommunitySuccess .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--talentCommunitySuccess .banner--main {
        height: 16.9rem;
        background-position: center center;
    }
}

@media (min-width: 1025px) {
    .body--talentCommunitySuccess .grid--dividers--h {
        margin-left: 15rem;
    }
}

/* PAGETYPES: Talent Community
   -------------------------------------------------------------------------- */

.body--talent-community .article__header__text__title.title {
    font-size: 4.5rem;
    font-family: var(--font);
    font-weight: var(--font--weight--bold);
    color: var(--color--grey--dark);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-color: var(--color--brand);
    color: var(--color--brand);
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--talent-community .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--talent-community .banner--main {
        height: 16.9rem;
        background-position: center center;
    }

    .body--talent-community .grid {
        justify-content: space-between;
    }

    .body--talent-community .grid--2>.grid__item {
        max-width: 47%;
    }
}

@media (max-width: 750px) {
    .body--talent-community .article__header__text__title.title {
        font-size: var(--font--size--09);
    }
}

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

.body--editAgent .article.article--alert {
    background-color: var(--color--white);
    max-width: 74.6rem;
}

.body--editAgent .article.article--alert .title {
    font-size: 2.2rem;
    font-weight: 900;
    color: var(--color--black);
}

.body--editAgent .button-bar__wrap button {
    width: 15.5rem;
}

.body--editAgent .article__content .paragraph {
    font-family: var(--font--alt);
    font-weight: 600;
    font-size: var(--font--size--title);
    color: var(--color--grey--dark);
}

.body--editAgent .article--success .article__content .paragraph {
    font-family: var(--font);
    font-size: var(--font--size);
    font-weight: normal;
}

.body--editAgent .article.article--success {
    text-align: left;
}

.body--editAgent .article.article--success .article__header:not(.article__header--top) {
    align-items: flex-start;
}

.body--editAgent .article.article--success .title {
    font-size: 2.2rem;
}

.body--editAgent .article.article--success .article__header+* {
    margin-top: 1.6rem;
}

.body--editAgent .article--success .article__footer {
    margin-top: 2.4rem;
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--editAgent .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--editAgent .banner--main {
        height: 16.9rem;
        background-position: center center;
    }
}

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--editAgent .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
    }
}

@media (max-width: 1024px) {
    .body--banner-fixed-on-scroll.body--editAgent .main__wrapper {
        padding-top: 4rem;
    }
}

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

    .body--editAgent .grid.grid--dividers.grid--dividers--h {
        --grid--dividers--width--min: var(--content--w--narrow);
        padding-right: 4rem;
    }

    .body--editAgent .article--success {
        --article--width--max: 100%;
    }
}

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

.body--profileEdit .article__header .title {
    font-size: 2.6rem;
    font-weight: 900;
    color: var(--color--black);
}

.body--profileEdit .section__content .form--step1 fieldset.Section:last-of-type {
    background-color: var(--color--background);
    padding: 0;
}

.body--profileEdit .article__content {
    margin-top: 2.4rem;
}

.body--profileEdit .section__content .tc_formTitle {
    color: var(--color--grey--dark);
    font-weight: var(--font--weight--bold);
    font-family: var(--font);
    font-size: 4.5rem;
}

.body--profileEdit .datasetField__button--add a.action::before {
    color: var(--color--buttons);
}

.body--profileEdit .banner__text__title.title.title--hero {
    font-family: var(--font);
    font-weight: normal;
    font-size: var(--font--size);
    margin-bottom: var(--spacer--m);
}

.body--profileEdit .banner__text__title.banner__text__title__phrase {
    font-weight: 300;
    font-size: 5rem;
    text-transform: uppercase;
}

.body--profileEdit .banner__title {
    flex-direction: column;
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--profileEdit .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--profileEdit .banner--main {
        height: 16.9rem;
        background-position: center center;
    }
}

@media (min-width: 1025px) {
    .body--profileEdit .section__content--w--narrow {
        max-width: 74.6rem;
    }
}

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--profileEdit .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
    }

    .body--profileEdit .fieldSpec.datasetField .tc_formField {
        margin-left: var(--spacer--m);
        margin-right: var(--spacer--m);
    }
}

@media (max-width: 1024px) {
    .body--banner-fixed-on-scroll.body--profileEdit .main__wrapper {
        padding-top: 4rem;
    }
}

/* PAGETYPES: Reset Password
   -------------------------------------------------------------------------- */

.body--resetPassword .article__header .title {
    font-weight: var(--font--weight--bold);
    font-family: var(--font);
    color: var(--color--grey--dark);
    font-size: 4.5rem;
}

.body--resetPassword .article__content .paragraph {
    padding-bottom: 0;
    color: var(--color--grey--dark);
}

.body--resetPassword .button-bar__wrap .button {
    min-width: 14rem;
}

.body--resetPassword .form--grid--2 .fieldSpec {
    width: 37%;
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--resetPassword .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--resetPassword .banner--main {
        height: 16.9rem;
        background-position: center center;
    }

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

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--resetPassword .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
    }

    .body--banner-fixed-on-scroll.body--resetPassword .main__wrapper {
        padding-top: 4rem;
    }

    .body--resetPassword .article__header .title {
        font-size: var(--font--size--09);
    }

    .body--resetPassword .form--grid--2 .fieldSpec {
        width: 100%;
    }

    .body--profileEdit .section__content .tc_formTitle {
        font-size: var(--font--size--09);
    }

    .body--profileEdit .banner__text__title.banner__text__title__phrase {
        font-size: 3.6rem;
    }

    .body--profileEdit .banner__text__title.title.title--hero {
        margin-bottom: var(--spacer--s2);
    }
}

@media (min-width: 1025px) {
    .article--password {
        --article--width--max: var(--content--w--narrow);
    }
}

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

.body--profileDelete .article__header .title {
    font-family: var(--font);
    font-size: var(--font--size--09);
    font-weight: var(--font--weight--bold);
    color: var(--color--dark);
}

.body--profileDelete .article__content .paragraph {
    line-height: 1.5;
}

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

.body--profileDelete .button-bar__wrap button {
    width: 15.3rem;
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--profileDelete .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--profileDelete .banner--main {
        height: 16.9rem;
        background-position: center center;
    }

    .body--profileDelete .button-bar--center .button-bar__wrap {
        justify-content: left;
    }
}

@media (min-width: 1025px) {
    .body--profileDelete .article--alert {
        --article--width--max: var(--content--w--narrow);
    }
}

/* PAGETYPES: Withdraw Application
   -------------------------------------------------------------------------- */

.body--withdrawApplication .description.tc_formDescription {
    font-size: 4.5rem;
    font-weight: var(--font--weight--bold);
    color: var(--color--grey--dark);
}

.body--withdrawApplication .button-bar__wrap button.saveButton {
    width: 15rem;
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--withdrawApplication .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--withdrawApplication .banner--main {
        height: 16.9rem;
        background-position: center center;
    }
}

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--withdrawApplication .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
    }

    .body--withdrawApplication .button-bar__wrap.tc_formField {
        display: block;
    }

    .body--withdrawApplication .button-bar__wrap button.saveButton {
        width: 100%;
        margin-top: var(--spacer--m);
    }

    .body--withdrawApplication .button-bar__wrap button.cancelButton {
        width: 100%;
        margin-top: var(--spacer--m);
    }

    .body--withdrawApplication .description.tc_formDescription {
        font-size: var(--font--size--09);
    }

}

@media (max-width: 1024px) {
    .body--banner-fixed-on-scroll.body--withdrawApplication .main__wrapper {
        padding-top: 4rem;
    }
}

/* PAGETYPES: Withdraw Application Success
   -------------------------------------------------------------------------- */

.body--withdrawApplicationSuccess .main__wrapper .section {
    max-width: var(--content--w--narrow);
    margin: 0 auto;
}

.body--withdrawApplicationSuccess .main__wrapper .article--success .article__header {
    align-items: flex-start;
}

.body--withdrawApplicationSuccess .main__wrapper .article--success .article__content {
    text-align: start;
    margin-top: 8rem;
}

.body--withdrawApplicationSuccess .grid--dividers--h {
    --grid--dividers--width--min: var(--content--w--narrow);
}

.body--withdrawApplicationSuccess .article.article--success {
    max-width: 100%;
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--withdrawApplicationSuccess .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--withdrawApplicationSuccess .banner--main {
        height: 16.9rem;
        background-position: center center;
    }
}

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--withdrawApplicationSuccess .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
    }

    .body--withdrawApplicationSuccess .main__wrapper .section {
        width: 100%;
        max-width: 100%
    }

    .body--withdrawApplicationSuccess .article--success .title.title--04 {
        text-align: start;
    }

}

@media (max-width: 1024px) {
    .body--banner-fixed-on-scroll.body--withdrawApplicationSuccess .main__wrapper {
        padding-top: 4rem;
    }
}

/* PAGETYPES: Recommendation Methods
   -------------------------------------------------------------------------- */

.body--recommendationMethods .article_top {
    padding: 4rem 7.6rem;
    background-color: var(--color--brand--sub-1);
    color: var(--color--white);
}

.body--recommendationMethods .article_top .article__content .paragraph {
    font-family: var(--font--alt);
    font-size: 2.2rem;
    font-weight: 900;
    line-height: normal;
    color: var(--color--white);
}

.body--recommendationMethods .article_top .article__content .paragraph a {
    text-decoration: underline;
}

.body--recommendationMethods .article_low {
    padding: 3.2rem 7.6rem 4rem 7.6rem;
    background-color: var(--color--white);
}

.body--recommendationMethods .article_low .article__header__text__title {
    font-family: var(--font--alt);
    font-size: 2.2rem;
    font-weight: 900;
    line-height: normal;
    color: var(--color--black);
}

.body--recommendationMethods .article_low .article__content .paragraph {
    font-family: var(--font);
    font-size: var(--font--size);
    font-weight: normal;
    line-height: 1.5;
    color: var(--color--dark);
}

.body--recommendationMethods .methodButton--file {
    color: var(--color--brand--sub-1);
}

.body--recommendationMethods .form .button-bar button {
    width: 17.7rem;
    text-transform: uppercase;
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--recommendationMethods .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--recommendationMethods .banner--main {
        height: 16.9rem;
        background-position: center center;
    }
}

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--recommendationMethods .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
    }

    .body--recommendationMethods .article_top {
        padding: 2.4rem 1.6rem;
    }

    .body--recommendationMethods .article_top .article__content .paragraph {
        font-size: 1.8rem;
    }

    .body--recommendationMethods .article_low {
        padding: 2.4rem 1.6rem 3.2rem 1.6rem;
    }

    .body--recommendationMethods .article_low .article__header__text__title {
        font-size: 1.8rem;
    }

    .body--recommendationMethods .methodButton--file {
        min-width: 100%;
    }

    .body--recommendationMethods .form .button-bar button {
        width: 100%;
    }

}

@media (min-width: 1025px) {
    .body--recommendationMethods .section__content.section__content--w--narrow {
        max-width: 74.4rem;
    }
}

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

.body--recommendationRegister .section__content fieldset.Section {
    background-color: var(--color--white);
    padding: 2.4rem 7.7rem 2.4rem 7.7rem;
}

.body--recommendationRegister .section__content .form--step1 fieldset.Section:last-of-type {
    background-color: var(--color--background);
    padding: 0;
}

.body--recommendationRegister .section__content .tc_formTitle {
    color: var(--color--black);
    font-weight: 900;
    font-size: 2.6rem;
}

@media (min-width: 751px) {
    .body--banner-fixed-on-scroll.body--recommendationRegister .body__content {
        padding-top: 34.4rem;
    }

    .body--banner-fixed-on-scroll.body--recommendationRegister .banner--main {
        height: 16.9rem;
        background-position: center center;
    }
}

@media (max-width: 750px) {
    .body--banner-fixed-on-scroll.body--recommendationRegister .banner--main {
        height: 11rem;
        min-height: 11rem;
        background-position: center top;
    }

    .body--recommendationRegister .section__content fieldset.Section {
        padding: 1.6rem;
    }

    .body--recommendationRegister .section__content .tc_formTitle {
        font-size: 2rem;
    }
}

@media (min-width: 1025px) {
    .body--recommendationRegister .section__content.section__content--w--narrow {
        max-width: 74.6rem;
    }
}

.list-controls__pagination__item.currentPageLink {
    cursor: pointer;
    background-color: var(--color--brand);
    border-color: var(--color--brand);
    color: var(--color--white);
}

.list-controls__pagination__item.currentPageLink:hover {
    text-decoration: none;
}