/* ==========================================================================
   SPECIFICS
   --------------------------------------------------------------------------
   * LOCAL IMAGES
      : Header logo
      : Main banner
      : Mobile menu
      : Dataset
      : File upload
      : Photo upload
      : Blocking lo: MAIN
   * INVERTING CLICKABLE COLORS (commented and ready to use)
      : Nav
      : Tabs
      : Switcher
      : Dropdown
   * WRAPPER
   * BANNER
   * SEARCH JOBS
      : Section
      : Article
   * ATTACHMENT UPLOAD
   * STEPS BAR
   * LOGIN AND SUCCESS
   ========================================================================== */

/* LOCAL IMAGES: Dataset
   -------------------------------------------------------------------------- */

.removeDatasetRow {
    background-image: var(--dataset--icon--remove);
}

.addDatasetRow {
    background-image: var(--dataset--icon--add);
}

/* LOCAL IMAGES: File upload
   -------------------------------------------------------------------------- */

div[class*="fieldSpec"].FileField .removeFile,
div[class*="fieldSpec"].FileField .removeFile:link,
div[class*="fieldSpec"].FileField .removeFile:visited,
div[class*="fieldSpec"].FileField .removeFile:hover,
div[class*="fieldSpec"].FileField .removeFile:active,
div[class*="fieldSpec"].FileField .removeFile:focus {
    background-image: var(--file--icon--remove);
}

/* LOCAL IMAGES: Photo upload
   -------------------------------------------------------------------------- */

div[class*="fieldSpec"].FileField div[id*="fileInputContainer_"] .photoInputPreviewWrapper .photoInputPreviewContainer.photoPreviewUnselected {
    background-image: var(--photo--upload--icon--user);
}

div[class*="fieldSpec"].FileField .fileInputCancelButton,
div[class*="fieldSpec"].FileField .fileInputCancelButton:link,
div[class*="fieldSpec"].FileField .fileInputCancelButton:visited,
div[class*="fieldSpec"].FileField .fileInputCancelButton:hover,
div[class*="fieldSpec"].FileField .fileInputCancelButton:active,
div[class*="fieldSpec"].FileField .fileInputCancelButton:focus {
    background-image: var(--photo--upload--icon--remove);
}

/* LOCAL IMAGES: Blocking login
   -------------------------------------------------------------------------- */

.body--login {
    background-image: var(--login__body--background--image);
}

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

/* TO BE DELETED - when library changes to 1.3 or 2
in lines 120, 129 and 153, fallback var(--color--clickeable) */

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

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

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

/* NAV
   -------------------------------------------------------------------------- */

.nav__item__link {
    font-size: 1.8rem;
    font-weight: 400;
}
.nav__item:not(.nav__item--active) .nav__item__link,
.nav__item:not(.nav__item--active) .nav__item__link:link,
.nav__item:not(.nav__item--active) .nav__item__link:visited {
    color: var(--color--shadow);
}

.nav__item:not(.nav__item--active) .nav__item__link:hover {
    color: #26890d;
}

.nav__item--active .nav__item__link,
.nav__item--active .nav__item__link:link,
.nav__item--active .nav__item__link:visited,
.nav__item--active .nav__item__link:hover,
.nav__item--active .nav__item__link:focus,
.nav__item--active .nav__item__link:active {
    color: var(--color--clickeable--header, var(--color--shadow));
}

.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,
.portalLanguages__item:not(.portalLanguages__item--selected) .portalLanguages__link,
.portalLanguages__item:not(.portalLanguages__item--selected) .portalLanguages__link:link,
.portalLanguages__item:not(.portalLanguages__item--selected) .portalLanguages__link:visited {
    color: var(--color--shadow);
}

.subnav__item--active .subnav__item__link,
.subnav__item--active .subnav__item__link:link,
.subnav__item--active .subnav__item__link:visited,
.subnav__item--active .subnav__item__link:hover,
.subnav__item--active .subnav__item__link:focus,
.subnav__item--active .subnav__item__link:active,
.portalLanguages__item--selected .portalLanguages__link,
.portalLanguages__item--selected .portalLanguages__link:link,
.portalLanguages__item--selected .portalLanguages__link:visited,
.portalLanguages__item--selected .portalLanguages__link:hover,
.portalLanguages__item--selected .portalLanguages__link:focus,
.portalLanguages__item--selected .portalLanguages__link:active {
    color: var(--color--shadow);
}

/* NAV - DESKTOP
   -------------------------------------------------------------------------- */

@media all and (min-width: 1025px) {
    .nav {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .nav__list {
        float: none;
        order: 2;
        -webkit-box-align: end;
        align-items: flex-end;
    }
    .nav__item {
        display: inline-block;
    }
    .nav__item__link {
        border-width: .1rem;
        border-style: solid;
        border-color: transparent;
        padding: .5rem 1rem;
        white-space: nowrap;
    }
    .nav__item--has-subnav .nav__item__link {
        padding: .5rem 1rem;
    }
    .nav__list--user {
        order: 1;
    }
    .nav__list--user .nav__item {
        position: relative;
    }
    .nav__list--user .nav__item__link {
        font-size: 1.3rem;
        padding: .3rem 0;
    }
    .nav__item__link>img {
        margin-right: 1rem;
    }
    .nav__item--has-subnav:hover .nav__item__link {
        box-shadow: none;
        border-radius: 0;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        background-color: transparent;
    }
    .nav__item--has-subnav--with-arrow .nav__item__link {
        padding: .8rem 2.7rem 1.6rem 0;
        position: relative;
    }
    .nav__item .nav__item__link:hover {
        color: var(--color--brand--sub-7);
    }
    .nav__item--has-subnav--with-arrow:hover .nav__item__link{
        border-bottom: .3rem solid var(--color--brand--sub-7);
    }
    .nav__item--has-subnav--with-arrow .nav__item__link:before {
        content: "\f107";
        position: absolute;
        top: calc(50% - 1.2rem);
        right: 0;
        font-family: 'FontAwesome';
        line-height: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        transition: all .3s;
        border: none;
    }
    .nav__item--has-subnav--with-arrow:hover .nav__item__link:before {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transition: all .3s;
        color: var(--color--brand--sub-7);
    }

    .subnav__list,
    .portalLanguages {
        box-shadow: none;
        background-color: var(--color--buttons--sub-5);
        overflow: hidden;
        border-width: 0;
        top: 100%;
        z-index: 9999;
    }

    .subnav__item + .subnav__item {
        border-top-width: 0;
    }

    .subnav__item__link,
    .portalLanguages__link {
        font-weight: normal
    }
    .subnav__item--active .subnav__item__link {
        font-weight: 700
    }
    .nav__list--user .nav__item__link {
        display: inline-block;
    }
    .nav__list--user .nav__item__link + .nav__item__link:before {
        content: "|";
        color: var(--color--shadow);
    }
}

/* MOBILE MENU
   -------------------------------------------------------------------------- */
   a[class*="__trigger"] {
    display: none;
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .nav {
        min-height: 100%;
        padding: 0;
        background-color: rgba(100,100,100,.8);
    }
    html[class*="__open"] > .body {
        overflow: hidden;
    }

    .header__wrapper {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
    }
    .header__content {
        flex-direction: column;
        align-items: flex-start;
    }
    .logo--header {
        width: 14.2rem;
        height: 2.8rem;
        margin-left: 5rem;
    }

    a[class*="__trigger"] {
        display: block;
        position: absolute;
        top: 2rem;
        z-index: 2;
        outline: none;
        height: 3.9rem;
        padding: 0;
        cursor: pointer;
        background-image: none;
        line-height: 3.5rem;
        border: .2rem solid #666;
        border-radius: 50%;
        left: 1rem;
        width: 3.9rem;
        text-align: center;
    }
    a[class*="__trigger"].open:before {
        display: none;
    }

    span.stripe {
        display: block;
        width: 2rem;
        height: .2rem;
        background-color: #97999b;
        position: absolute;
        top: 1rem;
        left: calc(50% - 1.1rem);
        transition: all .5s
    }
    span.stripe.first {top: 1rem;}
    span.stripe.middle {top: 1.6rem;}
    span.stripe.last {top: 2.2rem;}

    .open span.stripe {
        transition: all .5s
    }
    .open span.stripe.first,
    .open span.stripe.middle {
        transform: rotate(45deg);
        top: 1.6rem;
    }
    .open span.stripe.last {
        transform: rotate(-45deg);
        top: 1.6rem;
    }

    .nav__list {
        padding: 0;
        background-color: var(--color--brand--sub-5);
    }
    .nav__list--user {
        background-color: var(--color--brand--sub-5);
    }

    .nav__item {
        border-top-width: .1rem;
        border-top-style: solid;
        border-top-color: var(--color--shadow);
    }

    .nav__item__link {
        padding: 2.4rem 2rem;
        font-weight: 400;
        font-size: 1.6rem
    }

    .nav__item--has-subnav .nav__item__link:before {
        content: "\f107";
        float: right;
        margin-left: .6rem;
        font: normal normal normal 2.4rem/2.4rem FontAwesome;
        color: var(--color--shadow);
    }

    .nav__item--has-subnav--open .nav__item__link:before,
    .nav__item--has-subnav.nav__item--active .nav__item__link:before {
        content: "\f106";
    }

    .subnav__list,
    .portalLanguages {
        display: none;
        padding: 0 0 1.2rem;
    }

    .nav__item--has-subnav--open .subnav__list,
    .nav__item--has-subnav--open .portalLanguages,
    .nav__item--has-subnav.nav__item--active .subnav__list,
    .nav__item--has-subnav.nav__item--active .portalLanguages {
        display: block;
        position: relative;
        z-index: 9
    }

    .subnav__item__link,
    .portalLanguages__link {
        padding: .5rem 1rem .5rem 3rem;
    }

    .body__content {
        -webkit-transition: -webkit-transform 200ms ease-out 0s;
        -ms-transition: transform 200ms ease-out 0s;
        transition: transform 200ms ease-out 0s;
    }

    .tpt_mobile-menu--from-top--moves-pushing {
        position: absolute;
        left: 0;
        right: 0;
        top: 7.5rem;
        height: 0;
        background-color: rgba(0,0,0,.7);
        overflow:hidden;
        transition: height 1s;
        display: block;
    }

    .tpt_mobile-menu--from-top--moves-pushing.open {
        height: calc(100vh - 7.6rem);
        transition: height 1s;
    }
}

/* HEADER OVERRIDE
   -------------------------------------------------------------------------- */

.header {
    border-bottom: .1rem solid var(--color--buttons--sub-5);
}

.body--header-fixed-on-scroll .header--scrolling {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* FOOTER
   -------------------------------------------------------------------------- */
.footer {
    background-color: var(--color--brand--sub-4);
    text-align: center;
    font-size: 1.2rem;
}
.footer__links {
    padding: 5rem 0;
}

.footer__links__item--link {
    margin-right: 1.8rem;
    margin-left: 1.8rem;
    border-bottom: .1rem solid transparent;
    color: #333333;
}
.footer__links__item--link:hover {
    border-bottom-color: inherit;
}

.footer__links__divider {
    color: #97999b;
}

.footer__copy-rights{
    background-color: var(--color--white);
    display: flex;
    justify-content: center;
}

.footer__copy-rights .footer__disclaimer {
    width: 100%;
    max-width: 120rem;
    text-align: initial;
}

.footer__disclaimer .link {
    text-decoration: underline;
}

.footer__disclaimer .link.link--footer {
    padding: 0 .4rem;
}

.footer__disclaimer p + p {
    margin-top: var(--spacer--m);
}

/* WRAPPER
   -------------------------------------------------------------------------- */

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    [class*="__wrapper"] {
        --content--w--full: calc(.875 * var(--grid--columns--1) * var(--grid--columns--amount) + ((.875 * var(--grid--columns--amount)) - 1) * var(--grid--columns--gap));
    }

}

/* BANNER
   -------------------------------------------------------------------------- */
.banner--main {
    border-bottom: .6rem solid #0d8390;
}

.banner--main .banner__wrapper {
    background-image: var(--banner--search-jobs--background--image);
    background-size: auto 100%;
    background-position: right center;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.banner__text__subtitle {
    font-size: 1.8rem;
    text-transform: inherit;
    font-weight: normal;
    line-height: 1.3;
    color: var(--color--font--sub-1);
}

.banner__text__title + .banner__text__title {
    color: var(--color--font--sub-1);
}

@media all and (min-width:751px) {
    .banner--main {
        min-height: 34.2rem;
    }
    .banner--main .banner__wrapper {
        align-items: center;
    }
    .banner__text {
        max-width: calc(100% - 36rem);
    }
    .banner__text__title {
        margin-bottom: 2.4rem;
    }
    .body--banner-fixed-on-scroll .banner--main {
        position: relative;
        top: 0;
        margin-top: var(--header--height);
    }
    .body--banner-fixed-on-scroll .body__content {
        padding-top: 0;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--main .banner__wrapper {
        padding-right: 1.6rem;
        background-size: auto 21rem;
        background-position: 50% 4rem;
        padding-top: 28rem;
        padding-bottom: 3rem;
    }
    .banner__text__subtitle {
        font-size: 1.8rem;
        padding-top: 1.4rem;
    }

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

    .list-item-location, .list-item-ref {
        font-size: 1.2rem;
    }

    .body--search-jobs .separator {
        font-size: .8rem;
    }

}

@media (min-width: 751px){
    .body--banner-fixed-on-scroll .banner--main.banner--scrolling .banner__text__title--4 {
        font-size: 2.6rem;
    }
    .body--banner-fixed-on-scroll .banner--main.banner--scrolling .banner__text__title--1 {
        font-size: 3.2rem;
    }

}

/* SEARCH JOBS
   -------------------------------------------------------------------------- */

@media all and (min-width:1025px) {
    .form--grid .fieldSpec.c-all {
        float: none;
    }

    .form--grid--5 .fieldSpec:nth-child(5n+1).c-none {
        clear: none;
    }
}

@media screen and (max-width:1024px) {
    .section--collapsible-form-search .form--search .Section {
        background-color: var(--color--grey-lightest);
    }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .body--search-jobs .main {
        --main--background--color: var(--color--brand--sub-6);
    }

    .main--boxed {
        padding: var(--spacer--xxxl);
    }

    .body--search-jobs .main--boxed {
        flex-grow: 2;
        padding: var(--spacer--m) var(--spacer--xxxl);
    }
}

/* SEARCH JOBS: Section
   -------------------------------------------------------------------------- */

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--search-jobs .section__content__results {
        padding: var(--spacer--m) 0;
        border-bottom-width: .1rem;
        border-bottom-style: solid;
        border-bottom-color: var(--dividers--border--color);
    }
    .article--result .article__header {
        align-items: flex-start;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section--search-jobs {
        border-radius: var(--boxes--border--radius) var(--boxes--border--radius) 0 0;
        background-color: var(--color--white);
        padding: var(--spacer--l) var(--spacer--l)
    }

    .section--search-jobs.section--collapsible-form-search .form--search {
        top: var(--spacer--l);
    }

    .section--search-jobs.section--collapsible-form-search .form--search .form__toggle {
        right: var(--spacer--l);
    }

}

.section--search-jobs .section__content + .section__content {
    border-radius: var(--boxes--border--radius);
    background-color: var(--color--white);
    padding: var(--spacer--xl) var(--spacer--xxxl);
}

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

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

    .section--search-jobs .section__content + .section__content {
        padding: var(--spacer--xl) var(--spacer--xxxl);
    }

    .section--search-jobs .section__content__results {
        border-top-width: .1rem;
        border-top-style: solid;
        border-top-color: var(--dividers--border--color);
    }

}
@media all and (max-width:750px) {
    .section--search-jobs .section__content + .section__content {
        padding: var(--spacer--m);
    }
}

@media all and (max-width:1024px) {
    .section--collapsible-form-search .form--search .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: var(--color--brand--sub-2);
    }
}

/* SEARCH JOBS: Article
   -------------------------------------------------------------------------- */

.article--result + .article--result {
    margin-top: 1.4rem;
    border-top: .1rem solid var(--color--borders);
    padding-top: 1.8rem;
}

.article--result .article__header__text__title a {
    color: var(--color--clickeable);
    font-weight: normal;
}

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

.article--result .article__header__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-controls__text__reset {
    font-style: normal;
}

/* 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(--boxes--border--color);
    }

    .article--result .article__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        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: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        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.2rem;
    }

    .article--result .article__header__actions {
        border-top-width: .1rem;
        border-top-style: solid;
        border-top-color: var(--boxes--border--color);
        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 {
        display: block;
        min-height: 0;
        border-radius: 0;
        border-top-width: 0;
        border-right-width: 0;
        border-bottom-color: transparent;
        border-left-width: 0;
        background-color: transparent;
        padding: 0;
        font-size: 1.2rem;
        text-transform: uppercase;
        line-height: 1.4rem;
        color: var(--color--clickeable);
    }

    .article--result .article__header__actions .button:hover {
        background-color: transparent;
        border-bottom-color: var(--color--clickeable);
    }

    .article--result .social-share--open .social-share__popup {
        bottom: calc(100% + var(--spacer--s));
        left: calc(-1 * var(--spacer--xs));
    }

    .article--result .article__header__text {
        display: block;
    }
}

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

}

/* ATTACHMENT UPLOAD
   -------------------------------------------------------------------------- */

.article--attachments-upload {
    border-radius: var(--boxes--border--radius);
    border-width: .1rem;
    border-style: dashed;
    border-color: var(--boxes--border--color);
    background-color: var(--color--white);
    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;
}

/* BOTTOM BREADCRUMS
   -------------------------------------------------------------------------- */

.breadcrumbs--bottom .link {
    font-weight: 600;
}

/* STEPS BAR
   -------------------------------------------------------------------------- */

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .list--steps .list__item__text__subtitle {
        margin-bottom: -.6rem;
        width: 1.6rem;
        height: 1.6rem;
        text-indent: -999rem;
        overflow: hidden;
    }

}

/* LOGIN AND SUCCESS
   -------------------------------------------------------------------------- */

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .grid--2--divider > .grid__item {
        max-width: none;
    }

    .grid--2--divider > .grid__item:nth-of-type(odd) {
        flex: 0 0 calc(.375 * var(--grid--columns--1) * var(--grid--columns--amount) + ((.375 * var(--grid--columns--amount)) - 1) * var(--grid--columns--gap));
    }

    .grid--2--divider > .grid__item:nth-of-type(even) {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .grid--2--divider > .grid__item:nth-of-type(even) {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

/* JOB DETAILS
   -------------------------------------------------------------------------- */

.body--job-details .main [class*="__title--"] {
    font-weight: normal;
}

.aside .social-share__text,
.list--view-more .list__item__text__subtitle {
    font-size: 1.2rem;
    font-style: normal;
}

.social-share__popup {
    margin-top: 1rem;
}

.article__footer {
    padding-top: 1rem;
}

.list--view-more a .list__item__text__title {
    font-size: 1.6rem;
    font-weight: 400;
}

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

.shareButton--email {
    background-image: var(--share--button--icon--email);
}

.already-applied {
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    outline: 0;
    border-radius: var(--buttons--border--radius);
    border-width: .2rem;
    border-style: solid;
    min-height: var(--buttons--height);
    padding: var(--spacer--s) var(--spacer--m);
    font-family: var(--font--alt);
    font-size: var(--buttons--font--size);
    line-height: calc(var(--buttons--height) - ( var(--spacer--s) * 2) - .2rem);
    font-weight: var(--font--weight--bold);
    text-transform: initial;
    text-decoration: none;
    text-align: center;
    vertical-align: baseline;
    margin-bottom: var(--spacer--m);
    width: 100%;
}

@media (min-width: 751px){
    .grid > .grid__item--aside {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 24rem;
        -ms-flex: 0 0 24rem;
        flex: 0 0 24rem;
        max-width: 24rem;
    }
    .grid + .grid {
        margin-top: 2rem;
    }
    .grid + .grid > .grid__item {
        padding-top: 0;
    }
}

.field--rich-text .block__field--wide-rich-text{
    width: auto !important;
}

/* PROFILE EDIT
   -------------------------------------------------------------------------- */
.body--profile-edit .button-bar__wrap .saveButton {
    margin-right: 2.4rem;
}

.body--profile-edit .button-bar__wrap .saveButton,
.body--profile-edit .button-bar__wrap .cancelButton {
    min-width: 16.5rem;
}

@media all and (min-width:750px) and (max-width:1025px) {
    .already-applied {
        width: auto;
    }
}

@media (max-width: 1024px) {
    .article--view-more--aside {
        background-color: var(--color--grey-lightest);
    }
}

/* LOGIN
   -------------------------------------------------------------------------- */

.body--login--external .main [class*="__title--"] {
    font-weight: normal;
}

.body--login--external .article__footer {
    padding-top: 0;
    margin-top: 1.6rem;
    margin-bottom: 3.2rem;
}

.body--login--external .social-login__text {
    margin-bottom: 1.9rem;
}

.body--login--external .list--social-login .list__item {
    margin-right: 2.8rem;
}

.body--login--external .breadcrumbs--bottom {
    margin-top: 0;
}

@media all and (min-width:1025px){
    .body--login--external .fieldSpec-80 {
        width: 80%;
    }
}

@media all and (min-width:751px){
    .body--login--external .button--large {
        width: 20.7rem;
    }
}

/* APPLICATION METHODS
   -------------------------------------------------------------------------- */
.list--steps .list__item__text__title,
.list--steps .list__item__text__subtitle {
    font-weight: 700;
    text-transform: uppercase;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .list--steps:after{
        border-bottom-color: var(--color--brand--sub-4);
    }
    .list--steps .list__item .list__item__text {
        display: flex;
        flex-direction: column;
    }
    .list--steps .list__item__text__subtitle {
        margin-bottom: .5rem;
        width: 2rem;
        height: 2rem;
        text-indent: -99999rem;
        background-color: var(--color--brand--sub-4);
    }
    .list--steps .list__item__text__title {
        font-size: 1.4rem;
        order: 2;
    }
    .list--steps .list__item .list__item__text:after {
        top: 1.5rem;
        bottom: inherit;
    }
    .list--steps:after {
        top: 1.5rem;
        z-index: 1;
        width: 100%;
        bottom: inherit;
    }
}

@media all and (max-width: 750px) {
    .list--steps .list__item .list__item__text {
        margin-bottom: 0;
        margin-top: var(--spacer--m);
    }
    .list--steps:after,
    .list--steps .list__item .list__item__text:after {
        bottom: inherit;
        top: 0;
    }
}

@media all and (min-width: 751px) {
    .grid--methods {
        justify-content: center;
    }
    .button-bar--methods .button {
        margin-bottom: var(--spacer--s);
    }
}
@media all and (max-width: 750px) {
    .article--registered {
        background-color: transparent;
    }
}

.section--methods [class*="__title--"],
.section--registered [class*="__title--"] {
    font-weight: normal;
}

.section--registered .link {
    font-weight: normal;
}

.section--methods .section__header__text__title {
    padding-bottom: var(--spacer--m);
}

.methodButton--file,
.methodButton--later,
.methodButton--paste {
    border-color: var(--color--brand);
    color: var(--color--font);
    background-image: none;
    position: relative;
    font-size: 1.2rem;
    min-width: 17.6rem;
}

.methodButton--file:before,
.methodButton--later:before,
.methodButton--paste:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 3.8rem;
    height: 3.8rem;
    font-family: 'FontVoutique';
    font-size: 2.2rem;
    font-weight: normal;
    text-align: center;
    line-height: 1.8;
    color: var(--color--brand);
}
.methodButton--paste:before {content: 'c';}
.methodButton--file:before {content: 'd';}
.methodButton--later:before {content: 'b';}

/* WIZARDS
   -------------------------------------------------------------------------- */
@media all and (min-width:1025px) {
    .Separator > legend {
        font-size: 2.4rem;
    }
}

[class*="__title--"], .Separator > legend {
    font-weight: normal;
}

@media all and (min-width:1025px){
    .button-bar .saveButton,
    .button-bar .cancelButton {
        width: 16.5rem;
    }
}

.partialSaveButton {
    border-color: var(--color--buttons);
    background-color: var(--color--buttons);
}

[class*="--center"] {
    text-align: center;
}

/* PROFILE
   -------------------------------------------------------------------------- */

.table--default thead th, .tableField thead th {
    background-color: var(--color--font);
    color: var(--color--shadow);
}

.article__content.noResults{
    padding-bottom: var(--spacer--l);
}

@media all and (min-width:1025px){
    .table--default tbody td, .tableField tbody td{
        border-bottom: .1rem solid var(--color--borders--sub-1);
    }
}

.downloadAttachmentsButton,
.downloadAttachmentsButton:link,
.downloadAttachmentsButton:visited {
    border-color: var(--buttons--primary--default--color--border);
    background-color: var(--buttons--primary--default--color--background);
    color: var(--buttons--primary--default--color--font);
    padding: var(--spacer--s) var(--spacer--m);
}

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

.downloadAttachmentsButton:hover {
    border-color: var(--buttons--primary--hover--color--border);
    background-color: var(--buttons--primary--hover--color--background);
    color: var(--buttons--primary--hover--color--font);
    text-decoration: none;
}