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

   * ELEMENTS
      : Count (New)

   * COMPONENTS
      : Tables (Override/complement)
      : Cards (Override/complement)
      : Social share bar (Override/complement)
      : Result (New)

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

   * PAGETYPES
      : Dashboard
         : Section (Override/complement)
      : Search jobs
         : Section (Override/complement)
      : Job Detail (Overrride/complement)
      : Success (New)
   ========================================================================== */

/* INVERTING CLICKABLE COLORS: Nav
   -------------------------------------------------------------------------- */

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

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

/* INVERTING CLICKABLE COLORS: Dropdown
   -------------------------------------------------------------------------- */

@font-face {
    font-family: FonterraNewBold;
    src: url(../fonts/FonterraNew-Bold.woff) format("woff"),
        url(../fonts/FonterraNew-Bold.woff2) format("woff2");
    font-weight: bold;
}

@font-face {
    font-family: FonterraNewMedium;
    src: url(../fonts/FonterraNew-Medium.woff) format("woff"),
        url(../fonts/FonterraNew-Medium.woff2) format("woff2");
    font-weight: 500;
}

@font-face {
    font-family: FonterraNewLight;
    src: url(../fonts/FonterraNew-Light.woff) format("woff"),
        url(../fonts/FonterraNew-Light.woff2) format("woff2");
}

@font-face {
    font-family: FonterraNewRegular;
    src: url(../fonts/FonterraNew-Regular.woff) format("woff"),
        url(../fonts/FonterraNew-Regular.woff2) format("woff2");
}

* {
    line-height: 1.5;

}

[class*="__title--"] {
    color: var(--header--clickeable--color);
}

[class*="__title--0"] {
    font-weight: bold;
    font-family: FonterraNewMedium;
}

.header__content {
    font-family: FonterraNewLight;
}

.menu__item:not(.menu__item-active) .menu__link:visited {
    color: var(--header--clickeable--color);
}

.menu__link {
    font-weight: var(--font--weight--bold);
    transition: color .3s;
}

.list-type--none {
    list-style-type: none;
}

.button,
.section__header__text__title.font--specific.section__header__text__title--4,
.RadioButtonListContainer label {
    font-family: FonterraNewRegular;
}

label, 
.table th,
.article__header__text__title--6,
.job-name--style .article__content__view__field__label,
.section--search-people .section__header .section__header__text .section__header__text__title--4,
.section--refer-wizard .section__header__text__title.font--specific.section__header__text__title--4 {
    font-family: FonterraNewMedium;
}

.job-name--style .article__content__view__field__label{
    font-size: 2.2rem;
}

.list-controls__text,
.article__header__text__subtitle,
.errorMessage,
.selectedFile {
    font-family: FonterraNewLight;
}
 

@media (max-width: 750px) {
    [class*="__title--1"] {
        font-size: 2.8rem;
    }
}

.Separator>legend {
    font-size: 2.6rem;
    font-weight: 500;
    color: var(--color--brand);
    font-weight: bold;
}

.alert {
    font-size: 1.4rem;
    padding-left: 2.4rem;
    position: relative;
}

.alert:before {
    content: " ";
    width: .8rem;
    height: 100%;
    position: absolute;
    left: 0;
}

.alert--info {
    background-color: rgba(118, 184, 42, .1);
}

.alert--info:before {
    background-color: var(--color--green);
}

.alert--error {
    color: #da3535;
    background-color: rgba(218, 53, 53, .1);
}

.alert--error:before {
    background-color: #da3535;
}

.alert--error .fa-exclamation-circle {
    display: none;
}

.link.underline,
.list--links--bottom .link {
    line-height: 1;
    border-bottom-color: inherit;
    text-transform: uppercase;
    font-size: 1.4rem;
}

.aside .button-bar__wrap .button,
.aside .button-bar__wrap .submitButton,
.aside .button-bar__wrap .cancelButton,
.aside .button-bar__wrap .gotoButton,
.aside .button-bar__wrap .saveButton,
.aside .button-bar__wrap .previousButton {
    width: 100%;
    margin-bottom: var(--spacer--m);
}

.aside .article__header .article__header__text__title {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.4rem;
}

@media all and (max-width:750px) {

    .button-bar__wrap .button,
    .button-bar__wrap .submitButton,
    .button-bar__wrap .cancelButton,
    .button-bar__wrap .gotoButton,
    .button-bar__wrap .saveButton,
    .button-bar__wrap .previousButton {
        width: 100%;
        margin-bottom: var(--spacer--m);
    }
}

.button-bar:not([class*=col]) button {
    min-width: 13.6rem;
}

.form [class$="Button"],
.button {
    padding-top: var(--spacer--m);
    padding-left: var(--spacer--xl);
    padding-bottom: var(--spacer--m);
    padding-right: var(--spacer--xl);
    min-width: 11.8rem;
    text-transform: uppercase;
    line-height: 1.6rem;
}

.body .gotoButton,
.body .saveButton,
.submitButton {
    min-width: 16.5rem;
}

.cancelButton,
.previousButton {
    min-width: 12.7rem;
}

.submitButton:hover,
.saveButton:hover,
.article__header__actions .button--primary:hover,
.table--cards .button--primary:hover {
    background-color: var(--color--white);
    color: var(--color--buttons);
    border-color: var(--color--buttons);
}
.button--secondary:hover {
    background-color: var(--color--disabled--sub-1);
}

a.button--secondary:disabled,
.article__header__actions .button--primary:disabled,
.table--cards .button--primary:disabled {
    border-color: var(--buttons--secondary--hover--color--border);
    background-color: var(--color--disabled--sub-1);
    color: var(--color--brand--sub-3);
}

[class$="--w--narrow"] {
    max-width: 105.5rem;
}

.button-bar__wrap button {
    margin-right: 1.6rem;
}

.button-bar__wrap button:last-child {
    margin-right: 0;
}

.m--t--24 {
    margin-top: 2.4rem;
}

.m--t--89 {
    margin-top: 8.9rem;
}

.p--b--0 {
    padding-bottom: 0;
}

.no-text-underline {
    border: 0;
}

.font--specific,
.font--specific .link {
    font-family: FonterraNewRegular;
    font-weight: normal;
}

.section__header__text__title.font--specific,
.Separator > legend,
.radio-option-label legend {
        font-family: FonterraNewMedium;
}

.font--arial {
    font-family: arial;
}

.font--fonterra {
    font-family: FonterraNewRegular;
}

.font--medium {
    font-weight: 500;
}

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

.font--normal {
    font-weight: normal;
}

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

.fv {
    vertical-align: middle;
}

.table--default thead th,
.tableField thead th {
    background-color: #e8e8e8;
    color: var(--color--black);
}

.table--default,
.tableField {
    border: 0;
}

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

.fieldSpec>label,
.formfieldSpec>label,
.datasetfieldSpec>label,
.fieldSpec fieldset>legend,
.formfieldSpec fieldset>legend,
.datasetfieldSpec fieldset>legend,
.DateFormField>div>label {
    color: var(--color--brand);
}

div[class*="fieldSpec"] div[class*="description"] {
    font-size: 1.6rem;
    color: var(--color--font);
}

.footer {
    font-size: 1.4rem;
}

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

.footer .link {
    font-weight: normal;
    text-decoration: none;
    border: 0;
}

.footer__content {
    font-family: FonterraNewLight;
}

@media all and (min-width:751px) {
    .footer .link {
        margin-right: 1.6rem;
    }
}

@media all and (max-width:750px) {
    .footer__links {
        display: flex;
        flex-direction: column;
    }

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

    .footer__links__item {
        margin-bottom: 1.2rem;
        text-decoration: none;
        border-bottom: 0;
    }
}

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

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

@media all and (max-width:750px) {
    .count {
        background-color: #e77c22;
    }
}

/* COMPONENTS: Tables (Override/complement)
   -------------------------------------------------------------------------- */

.table--default tbody td:nth-last-of-type(1) {
    display: flex;
    align-items: center;
    gap: var(--spacer--s);
    width: unset;
    white-space: nowrap;
    height: calc(var(--table__td--height) + .2rem);
}

.table--default tbody td:nth-last-of-type(1) .button {
    min-height: calc(var(--buttons--height) * .8 + .2rem);
    padding: var(--spacer--xs) var(--spacer--xs);
    line-height: calc((var(--buttons--height) * .8) - (var(--spacer--xs) * 2) - .2rem);
}

.table--default tbody td:nth-last-of-type(1) .button--primary {
    padding: var(--spacer--xs) var(--spacer--l);
}

@media all and (min-width:1025px) {
    .table--default tbody td:nth-last-of-type(1) {
        display: table-cell;
    }

    .menu__link {
        white-space: nowrap;
    }
}

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

.table--cards tbody td:nth-last-of-type(1) {
    gap: var(--spacer--m);
}

.table--cards tbody td:nth-last-of-type(1) .button--primary {
    min-height: calc(var(--buttons--height) * .8 + .4rem);
    padding: var(--spacer--xs) var(--spacer--l);
    line-height: calc((var(--buttons--height) * .8) - (var(--spacer--xs) * 2) - .2rem);
}

.table--cards tbody td:nth-last-of-type(1) .button--secondary,
.table--cards tbody td:nth-last-of-type(1) .button--tertiary {
    margin-bottom: -.1rem;
    border-radius: unset;
    border: unset;
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    min-height: unset;
    background-color: unset;
    padding: 0;
    font-size: 1.2rem;
    font-family: inherit;
    line-height: 1.4rem;
    font-weight: var(--font--weight--bold);
    text-transform: uppercase;
    color: var(--color--clickeable);
}

.table--cards tbody td:nth-last-of-type(1) .button--secondary:hover,
.table--cards tbody td:nth-last-of-type(1) .button--tertiary:hover {
    border-bottom-color: inherit;
}

.table--cards tbody td:nth-of-type(1) .link {
    font-size: 2rem;
}

.table--cards a.link,
.table--cards td::before {
    font-family: FonterraNewMedium;
}

.table--cards td {
    font-family: fonterraNewLight;
}

/* COMPONENTS: Social share bar (Override/complement)
   -------------------------------------------------------------------------- */

.share--popUp {
    display: inline-flex;
}

/* COMPONENTS: Result (New)
   -------------------------------------------------------------------------- */
.article--result {
    border-bottom: .1rem solid #ccc;
}

.article--result+.article--result {
    margin-top: 2.4rem;
    padding-top: 2.4rem;
}

.article--result .article__header__text__title a {
    color: var(--color--brand);
}

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

.article--result .article__header__actions {
    display: flex;
    align-items: center;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--result {
        border-radius: var(--boxes--border--radius);
        border-width: .1rem;
        border-style: solid;
        border-color: var(--color--brand--sub-3);
    }

    .article--result .article__header {
        flex-direction: column;
        align-items: stretch;
    }

    .article--result .article__header>* {
        width: 100%;
        padding-right: var(--boxes--padding--outers);
        padding-left: var(--boxes--padding--outers);
    }

    .article--result .article__header__text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        min-height: var(--boxes__heading--height);
        padding: var(--boxes--padding--outers) var(--boxes--padding--outers);
    }

    .article--result .article__header__text__title {
        font-size: 2rem;
    }

    .article--result .article__header__text__subtitle {
        font-size: 1.4rem;
    }

    .article--result .article__header__actions {
        border-top-width: .1rem;
        border-top-style: solid;
        border-top-color: #d8d8d8;
        padding-top: var(--boxes--padding--inners);
        padding-bottom: var(--boxes--padding--inners);
    }

    .article--result .article__header__actions>*+* {
        margin-left: var(--boxes--padding--inners);
    }

    .article--result .article__header__actions .button {
        height: auto;
        min-height: 0;
        width: 100%;
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .article--result {
        padding-top: calc(var(--boxes--padding--inners) * .5);
        padding-bottom: calc(var(--boxes--padding--inners) * .5);
    }

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

@media all and (min-width:1025px) {
    .form--search .button-bar__wrap {
        overflow: visible;
    }

    .form--search .submitButton {
        margin-top: -1rem; /* To make up the difference between the normal button height (40px) and the new one */
    }
}

@media all and (max-width:1024px) {

    .section--collapsible-form-search .form--search.form--open .Section,
    .section--collapsible-form-search .form--search .form__toggle:hover,
    .section--collapsible-form-search .form--search .form__toggle:focus,
    .section--collapsible-form-search .form--search.form--open .form__toggle {
        background-color: #cbd5db;
    }

    .grid--2--sidebar>.grid__item {
        padding-bottom: 2rem;
    }
}

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

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

    background-color: var(--banner--background--color);
    color: var(--banner--font--color);
}

.banner--extra .banner__wrapper {
    --banner--padding--top: var(--spacer--xxxl);
    --banner--padding--bottom: var(--spacer--xxxl);

    justify-content: center;
    gap: var(--spacer--m);
}

.banner--refer {
    background-color: #CFF1FF;
}

.banner--refer .banner__wrapper {
    justify-content: center;
    gap: 8rem;
}

.banner--refer .banner__wrapper--text {
    font-size: 2.6rem;
    font-family: FonterraNewMedium;
    font-weight: 500;
    color: var(--color--brand);
    width: max-content;
    margin: auto 0;
    line-height: 2.6rem;
}

.banner--refer .button {
    text-wrap: nowrap;
    min-width: min-content;
}

/* MODULES: Secondary Banner
   -------------------------------------------------------------------------- */
.section__header--banner a {
    background-image: var(--banner--secondary--background--image);
    background-size: cover;
    background-position: center center;
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section__header--banner a {
        min-height: 40rem;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section__header--banner a {
        padding-bottom: 34%;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section__header--banner a {
        padding-bottom: 33%;
    }
}

/* PAGETYPES: Dashboard: Section (Override/complement)
   -------------------------------------------------------------------------- */
.section--dashboard .section__header__count {
    margin-right: var(--spacer--s);
}

.section--dashboard .section__header__count+.section__header__text .section__header__text__title {
    margin-right: 1.2rem;
}

.section--dashboard .section__header__text__title+.link {
    font-size: 1.4rem;
}

.section--dashboard .section__header {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.section--dashboard .section--referarole, .section__header--text {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.section--referafriend .section__header--text p {
    font-size: 2.4rem;
}

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

@media all and (min-width:751px) {
    .section--dashboard .section__header__text {
        display: flex;
        align-items: baseline;
        gap: var(--spacer--s);
    }

    .section--dashboard .section__header__count+.section__header__text .section__header__text__title {
        color: var(--color--brand);
    }
}

@media all and (max-width:750px) {
    .section--dashboard .section__header__text__title {
        display: block;
    }

    .section--dashboard:nth-child(n+2) .section__header {
        position: relative;
        padding-bottom: 3.2rem;
    }

    .section--dashboard .section__header__count+.section__header__text .section__header__text__title {
        color: var(--color--black);
    }

    .section--dashboard .section__header__text__title+.link {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .banner--refer .banner__wrapper {
        height: 16.3rem;
        flex-direction: column;
        gap: 3rem;
    }

    .section--dashboard .section--referafriend .section--referarole, .section__header--text {
        flex-direction: column;
    }
}

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

.section--search-jobs .article--result .article__content {
    font-family: Helvetica;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--search-jobs .section__header {
        display: none;
    }

    .section--search-jobs .section__header+.section__content {
        margin-top: 0;
    }

    .section--search-jobs .list-controls--top {
        padding-top: 1.6rem;
        border-top: .1rem solid var(--dividers--border--color);
    }

    .section--search-people .section__header {
        padding-bottom: 3rem;
        border-bottom: .1rem solid var(--color--disabled--sub-2);
    }
}

@media all and (max-width:750px) {
    .section--search-jobs .article--result .article__content {
        display: none;
    }
}

.methodButton--later,
.methodButton--file,
.methodButton--paste,
.methodButton--dropbox {
    border-radius: .4rem;
    border-color: #1063ba;
    color: #1063ba;
    min-width: 17.5rem;
    max-width: 17.5rem;
    font-size: 1.4rem;
}

.methodButton--later,
.methodButton--file,
.methodButton--paste {
    padding-left: 4rem;
    background-position-x: 0.7rem;
}

@media all and (min-width:751px) {
    .article--actions .button--primary {
        min-width: 22.8rem;
    }
}

.body--login .article__header {
    padding: 0.8rem 1.6rem;
}

.body--login .article__footer {
    padding: 1.1rem 2.6rem 1.7rem;
    background-color: #f2f2f2;
}

.body--login .article__content {
    padding: 3.2rem 1.6rem;
}

.nav__item__link,
.menu__link {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
}

@media all and (min-width: 751px) {
    .banner--main {
        height: auto;
        padding-top: 20%;
    }
}

@media all and (max-width: 750px) {
    .banner--main {
        margin-top: -.1rem;
    }

    .section__header__actions .button {
        font-size: 1.6rem;
    }
}

.dropdown__placeholder {
    height: 4rem;
    padding-left: 1.2rem;
}

.section__header--title {
    font-weight: 500;
    font-family: FonterraNewMedium;
    color: var(--color--brand);
}

@media all and (max-width:750px) {
    .section__header--banner + .section--title {
        margin-top: var(--spacer--xxl);
    }
}

@media all and (min-width:751px) {
    .section__header--banner + .section--title {
        margin-top: 8rem;
    }
}

.section--title--candidate {
    display: flex;
    align-items: center;
}

.article--view-more--aside .article__footer {
    margin-top: 1.8rem;
}

.table--default.table--people tbody td:nth-of-type(1) img {
    left: 0;
}

.list--view-more.fluid-cols .list__item__image img {
    width: 4.5rem;
    height: 4.5rem;
}

.list--view-more:not(.fluid-cols) .list__item__image img {
    width: 3.6rem;
    height: 3.6rem;
}

.table--default.table--people tbody td:nth-of-type(1) img {
    width: 2.9rem;
}

.article--view-more--aside .article__header {
    border-color: #b2bfd4;
}

.article--view-more--aside .article__header .article__header__text__title {
    color: var(--color--font);
}

.nav__item--has-subnav:hover .subnav__item:not(.subnav__item--active) .subnav__item__link:hover,
.nav__item--has-subnav:hover .subnav__item:not(.subnav__item--active) .subnav__item__link:focus,
.nav__item--has-subnav:hover .subnav__item:not(.subnav__item--active) .subnav__item__link:active,
.portalLanguages__item:not(.portalLanguages__item--selected) .portalLanguages__link:hover,
.portalLanguages__item:not(.portalLanguages__item--selected) .portalLanguages__link:focus,
.portalLanguages__item:not(.portalLanguages__item--selected) .portalLanguages__link:active {
    background: none;
}

@media (max-width: 1024px) {
    .nav {
        padding: 2.4rem 1.6rem 3.7rem 1.6rem;
        background-color: var(--color--brand);
    }

    .body .nav__item .nav__item__link,
    .body .nav__item .nav__item__link:link,
    .body .nav__item .nav__item__link:visited,
    .body .menu__item .menu__link,
    .body .menu__item .menu__link:link,
    .body .menu__item .menu__link:visited,
    .body .subnav__item__link,
    .body .subnav__item .subnav__item__link,
    .body .subnav__item .subnav__item__link:link,
    .body .subnav__item:not(.subnav__item--active) .subnav__item__link,
    .body .subnav__item:not(.subnav__item--active) .subnav__item__link:link,
    .body .subnav__item:not(.subnav__item--active) .subnav__item__link:visited,
    .body .portalLanguages__item:not(.portalLanguages__item--selected) .portalLanguages__link,
    .body .portalLanguages__item:not(.portalLanguages__item--selected) .portalLanguages__link:link,
    .body .portalLanguages__item:not(.portalLanguages__item--selected) .portalLanguages__link:visited,
    .nav__item--has-subnav .nav__item__link:before {
        color: var(--color--white);
    }

    .nav__list {
        padding: 0;
    }

    .nav__item,
    .menu__item {
        border-top-color: var(--color--white);
    }

    .menu__item {
        border-top-width: 0.6rem;
        border-top-style: solid;
    }

    .nav__item__link,
    .menu__link {
        padding-top: 2.6rem;
        padding-bottom: 3rem;
    }

}

@media all and (min-width:1025px) {
    .nav__item:not(.nav__item--active) .nav__item__link:hover,
    .menu__item:not(.menu__item--active) .menu__link:hover {
        background: transparent;
    }

    .header__content {
        justify-content: flex-end;
    }

    .nav__item--has-subnav {
        margin-bottom: 0;
    }

    .nav__item--has-subnav--with-arrow .nav__item__link:before,
    .menu__item--has-subnav--with-arrow .menu__link:before {
        transform: translateY(calc(-50%));
        border-top-color: var(--header--clickeable--color);
    }

    .nav__item--has-subnav--with-arrow .nav__item__link {
        padding-top: 0;
        padding-bottom: 0;
    }

    .nav__item__link,
    .menu__link {
        padding-top: 0;
        padding-bottom: 0;
    }

    .nav__item--has-subnav:hover .subnav__list {
        width: 20.2rem;
        padding: 1.6rem 2.4rem;
        box-shadow: 0 0.2rem 0.4rem 0 rgb(51 51 51 / 15%), 0 0.2rem 0.4rem 0 rgb(0 0 0 / 50%);
        background-color: #02223a;
        left: 50%;
        top: 3.7rem;
        transform: translatex(-50%);
        border: 0;
        border-radius: 1rem;
        overflow: inherit;
    }

    .nav__item--has-subnav:hover .subnav__list:before {
        position: absolute;
        border: 1.6rem solid transparent;
        border-bottom-color: #02223a;
        left: 50%;
        top: -2.6rem;
        transform: translateX(-1.6rem);
    }

    .nav__item--has-subnav:hover .subnav__item__link {
        padding: 0;
        padding-bottom: 1.8rem;
        font-weight: normal;
        font-size: 1.4rem;
        color: var(--color--white);
    }

    .nav__item--has-subnav:hover .subnav__item:last-child .subnav__item__link {
        padding-bottom: 0;
    }

    .nav__item--has-subnav:hover .nav__item__link,
    .menu__item--has-subnav:hover .menu__link {
        border-color: transparent;
    }

    .nav__item--has-subnav:hover .subnav__item+.subnav__item {
        border: 0;
    }

    .nav__item--has-subnav:hover a.nav__item__link,
    .menu__item--has-subnav:hover a.menu__link {
        background: none;
        box-shadow: none;
    }

    .subnav__item:not(.subnav__item--active) .subnav__item__link,
    .subnav__item:not(.subnav__item--active) .subnav__item__link:link,
    .subnav__item:not(.subnav__item--active) .subnav__item__link:visited {
        color: var(--color--white);
    }

    .nav__item--has-subnav .nav__item__link {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }

    .nav__item--has-subnav--with-arrow .nav__item__link {
        padding-right: 2.4rem;
    }

    .nav__item--has-subnav--overflows-right .subnav__item__link {
        white-space: inherit;
    }
}

@media all and (max-width:1024px) {

    .subnav__item__link,
    .portalLanguages__link {
        padding-left: 1.8rem;
        text-decoration: underline;

    }

    .nav__item__link,
    .menu__link {
        padding-left: 0;
    }
}

@media all and (max-width:750px) {

    .table--cards tbody tr,
    .table--cards tbody td:nth-last-of-type(1):not(:nth-of-type(1)) {
        border-color: var(--color--brand--sub-3);
    }

    .table--cards tbody tr {
        margin-top: 1.5rem;
    }

    .table--cards tbody tr:nth-child(1) {
        margin-top: 2.5rem;
    }

    .section--dashboard .section--referarole, .section__header--text {
        flex-direction: column;
    }
}

.list-controls__pagination__item {
    margin-left: 1.2rem;
}

.list-controls__pagination__item:not(.currentPageLink) {
    border-bottom-color: inherit;
}

.list-controls__pagination__item.currentPageLink {
    cursor: pointer;
    font-weight: bold;
}

.list--attachments .link:not(:last-child) {
    margin-right: 1rem;
}

.list--attachments .link:not(:first-child) {
    margin-left: 1rem;
}

.list--attachments .downloadAttachmentsButton {
    margin-top: 2.4rem;
}

.article--details .MultipleDataSetFieldLabel,
.article--details .MultipleDataSetFieldValue {
    display: inline;
}

@media all and (max-width:750px){
    .list-controls--bottom .list-controls__text {
        display: none;
    }

    .list-controls--bottom .list-controls__pagination {
        width: 100%;
        text-align: center;
        display: block;
    }

    .tabs__list__active--item {
        display: inline-block;
        max-width: 18rem;
    }

    .article__header__actions .link {
        display: block;
    }
}

.banner__text__subtitle {
    text-transform: none;
    color: var(--color--brand);
}

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

@media all and (min-width:1025px) {
    .grid--2--sidebar>.grid__item--aside-right {
        flex: 0 0 38.5rem;
        max-width: 38.5rem;
        padding-left: 10.1rem;
    }
}

@media all and (max-width:750px) {
    *+.section {
        margin-top: 2.4rem;
    }

    .table--cards tbody td:nth-of-type(2) {
        padding-top: 0.4rem;
    }

    .section--collapsible-form-search .section__header__text__title {
        font-size: 1.6rem;
        color: var(--color--font);
        font-weight: normal;
    }

    .section--registered .section__header,
    .section--methods .section__header,
    .section--refer-wizard .section__header {
        text-align: left;
    }

    .section--registered .section__header__text__title,
    .section--methods .section__header__text__title,
    .section--refer-wizard .section__header__text__title {
        font-weight: normal;
    }

    .section--refer-wizard .section__header .link {
        display: block;
        font-weight: normal;
    }

    .Separator>legend {
        font-size: 2rem;
    }
}

.article--details .table--default tbody td:nth-last-of-type(1) {
    display: table-cell;
}

.downloadAttachmentsForm {
    margin-top: 2.4rem;
}

.downloadAttachmentsButton,
.downloadAttachmentsButton:link,
.downloadAttachmentsButton:visited {
    border-color: var(--buttons--secondary--default--color--border);
    background-color: var(--buttons--secondary--default--color--background);
    color: var(--buttons--secondary--default--color--font);
}

.downloadAttachmentsButton:hover {
    border-color: var(--buttons--secondary--hover--color--border);
    background-color: var(--buttons--secondary--hover--color--background);
    color: var(--buttons--secondary--hover--color--font);
}

.downloadAttachmentsButton:focus,
.downloadAttachmentsButton:active {
    border-color: var(--buttons--secondary--focus--color--border);
    background-color: var(--buttons--secondary--focus--color--background);
    color: var(--buttons--secondary--focus--color--font);
}

@media all and (max-width:1024px) {
    .body--job-detail .main__wrapper {
        padding-bottom: 0;
    }
}

div[class*="fieldSpec"].FileField div[id*="fileInput_"] input[type="file"] {
    width: 100%;
}

/* Case 992328 - add extra banner on dashboard page */

.section--paidreferrals .section__header--content {
    background-color: var(--color--brand);
    display: flex;
    flex-direction: column;
    padding: 7rem 10rem;
}

.section--paidreferrals .section__header--content .section__header--noresults {
    color: var(--color--white);
    font-size: 2.6rem;
}

.section--paidreferrals .section__header--content .section__list--noresults {
    color: var(--color--white);
    font-size: 2.6rem;
    max-width: 69rem;
    margin: 0 auto;
}

.section--paidreferrals .section__header {
    flex-direction: column;
    justify-content: center;
    row-gap: 2rem;
}

.section--paidreferrals .section__header--wrapper {
    padding-bottom: var(--spacer--xxl);
}

.section--paidreferrals .section__header--content .section__header__text__title {
    font-size: 3.6rem;
    padding-bottom: var(--spacer--s2);
}

.section--paidreferrals .section__header--content .section__header__text__title + .section__header__text__title {
    font-size: 3.2rem;
}

.section--paidreferrals .section__header--content .section__header__text__subtitle {
    font-size: 2.8rem;
}

.section--paidreferrals, .section--referafriend .section .paragraph:not(:last-of-type) {
    padding-bottom: var(--spacer--xxl);
}

.section--paidreferrals .section--referafriend,
.section__header__actions .button {
    font-weight: 600;
    padding: 1.6rem;
    min-width: 23rem;
}

.section__header--text-paidreferrals {
    padding-top: var(--spacer--xxl);
    justify-content: space-between;
}

.paragraph {
    font-size: 2.2rem;
    padding-top: var(--spacer--m)
}

.paragraph-highlight {
    font-size: 2.8rem;
}

.paragraph--paidreferrals {
    padding-top: 0;
}

.section--referarole {
    margin-bottom: 3.2rem;
}

.t--u {
    border-bottom-color: inherit;
}

.section--search-jobs .position__header {
    font-size: 2.6rem;
    font-weight: 500;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--paidreferrals {
        font-size: 2.2rem;
    }

    .section--paidreferrals .section__header__actions .button {
        padding: 1.2rem;
    }

    .section--paidreferrals .section--referafriend, .section__header__actions .button {
        margin-top: 2.4rem;
        width: 34.3rem;
        height: 5rem;
    }

    .section--paidreferrals .section__header--content {
        margin-left: -1.6rem;
        margin-right: -1.6rem;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    .section--paidreferrals .section__header--content .section__list--noresults {
        padding: 2rem 1rem;
    }

    .section--paidreferrals .section__header--content .section__list--noresults .section__header__text__title {
        font-size: 2.8rem;
    }

    .section--paidreferrals .section__header--content .section__list--noresults .section__header__text__subtitle {
        font-size: 2.4rem;
    }

}

/* PAGETYPES: Job Detail (Override/complement)
   -------------------------------------------------------------------------- */

.body--job-detail .article--details:not(.regular-fields--cols-2Z) .article__content__view__field .article__content__view__field__label{
    color: var(--color--brand);
    line-height: 2.4rem;
}

/* PAGETYPES: Success (New)
   -------------------------------------------------------------------------- */

.section--friend--success .section__header {
    flex-direction: column;
    text-align: center;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--success .section__header__text__title,
    .section--friend--success .section__header__text__title {
        font-weight: normal;
    }

    .section--friend--success .section__footer {
        margin-top: 18.9rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--success .section__header__text__title>small,
    .section--friend--success .section__header__text__title>small{
        font-size: 2.4rem;
    }

    .section--friend--success .section__footer {
        margin-top: 20.3rem;
    }

    .section--friend--success .section__footer .list--links--bottom {
        padding-bottom: 2rem;
    }
}

/* Case 1094764 */
.body--refer-candidate .Separator>legend,
.body--refer-friend .section__header__text__title,
.body--refer-friend .tc_formTitle {
    font-weight: 500;
}

.body--dashboard .section__header__text__title.font--specific {
    font-weight: 500;
    font-family: FonterraNewMedium;
}