/* ==========================================================================
   SPECIFICS
   --------------------------------------------------------------------------
   * LOCAL IMAGES
      : Header logo
      : Language Toggle
      : 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: Header logo
   -------------------------------------------------------------------------- */

   .header__logo {
    background-image: var(--logo--background--image);
}

/* LOCAL IMAGES: Main banner
   -------------------------------------------------------------------------- */

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

@media (max-width: 870px) {
    .banner--main {
        background-position: 74%;
    }
}

@media (max-width: 425px) {
    .banner--main {
        background-position: 74%;
    }
}

.banner__text {
    max-width: 67rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000000;
    width: 70%;
}

@media (max-width: 750px) {
    .banner__text {
        width: 62%;
    }
}

/* LOCAL IMAGES: Mobile menu
   -------------------------------------------------------------------------- */

a[class*="__trigger"] {
    background-image: var(--menu--icon--image);
}

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

.article--login .article__header__text__title {
    background-image: var(--logo--background--image);
}

/* FOOTER
-------------------------------------------------------------------------- */

.footer__content {
    flex-wrap: wrap;
}

.footer__wrapper {
    padding-top: 2.3rem;
    padding-bottom: 3.2rem;
}

.footer__rights {
    align-items: end;
}

.footer__rights__logo {
    height: 3rem;
}

.footer__links {
    flex: 0 0 100%;
    justify-content: flex-start;
    margin-top: 3.2rem;
}

.footer__links__item.link {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}

.footer__links__column + .footer__links__column {
    margin-left: 4rem;
}

@media (max-width: 995px) {
    .footer__content {
        align-items: flex-start;
    }
    .footer__links {
        display: block;
    }
    .footer__links__column {
        display: block;
    }
    .footer__links__column + .footer__links__column {
        margin-left: 0;
    }
    .footer__rights {
        display: flex;
        flex-direction: column;
    }
    .footer__rights__logo {
        margin-bottom: 2.4rem;
    }
    .footer__rights {
        align-items: baseline;
    }
}

@media (min-width: 751px) {
    .footer__social__item+.footer__social__item {
        margin-left: 2.4rem;
    }
}

.banner--footer {
    background-image: var(--banner--footer--image);
    height: 27rem;
    background-size: cover;
}

.footer__link__container + .footer__link__container {
    margin-top: 1.6rem;
}

.secondary--button {
    color: var(--color--white);
    background-color: #001111;
    border: .2rem solid #001111;
    border-radius: 0.9rem;
}

.banner__wrapper__secondary {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
}

.banner__text__secondary {
    display: flex;
    flex-direction: column;
    width: 82.6%;
    margin-top: 3.9rem;
}

.article__header__text__subtitle__secondary {
    margin-bottom: 1.5rem;
}

.footer__social__item__icon--text {
    display: none;
}

.footer__social__item:hover{
    color: var(--color--buttons);
}

.footer__social__item {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
    background-size: contain;
    background-position: center center;
}

.footer__social__item.footer__social__item--twitter{
    background-size: cover;
}

.footer__social__item--facebook {
    background-image: url(../images/social-media--facebook.svg);
}

.footer__social__item--facebook:hover {
    background-image: url(../images/social-media--facebook-hover.svg);
}

.footer__social__item--twitter {
    background-image: url(../images/social-media--twitter.svg);
}

.footer__social__item--twitter:hover {
    background-image: url(../images/social-media--twitter-hover.svg);
}

.footer__social__item--linkedin {
    background-image: url(../images/social-media--linkedin.svg);
}

.footer__social__item--linkedin:hover {
    background-image: url(../images/social-media--linkedin-hover.svg)
}

.footer__social__item--youtube {
    background-image: url(../images/social-media--youtube.svg);
}

.footer__social__item--youtube:hover {
    background-image: url(../images/social-media--youtube-hover.svg);
}

/* TITLE
   -------------------------------------------------------------------------- */

[class$="__title--0"] {
    padding-bottom: 1.5rem;
    font-weight: 600;
}

[class$="__title--5"] {
    font-weight: 400;
}

@media (max-width: 750px) {
    [class*="__title--6"] {
        font-size: 1.6rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
    }
}

/* SECTION CONTENT
   -------------------------------------------------------------------------- */

.button-bar:not([class*=col]) .button:not(.button--medium):not(.button--small), .button-bar:not([class*=col]) button, .button-bar:not([class*=col]) input[type=submit] {
    min-width: 18rem;
}

.button--secondary, .button--secondary:link, .button--secondary:visited, .clearButton, .clearButton:link, .clearButton:visited, .formPreviousButton, .formPreviousButton:link, .formPreviousButton:visited, .homeButton, .homeButton:link, .homeButton:visited, .partialSaveButton, .partialSaveButton:link, .partialSaveButton:visited, .previousButton, .previousButton:link, .previousButton:visited {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    border-radius: 0.9rem;
}

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

.form [class$=Button] {
    border-radius: 0.9rem;
}

.article__content--width {
    width: 70%;
    color: var(--color--gray);
}

/* LANGUAGE TOGGLE
   -------------------------------------------------------------------------- */

   .nav__list--separator-left{
    margin-right: var(--spacer--m);
}

.portalLanguages,
.subnav__list{
    max-height: 75vh;
    min-width: min-content;
    overflow: auto;
}

@media (max-width: 1024px){
    .body--ismobile .nav {
        padding-bottom: 12rem;
    }
    .portalLanguages,
    .subnav__list{
        overflow: visible;
    }

    .nav__item--has-subnav:has(.portalLanguages__item--ar_AE.portalLanguages__item--selected) > .nav__item__link.portalLanguages__placeholder{
        width: 100%;
    }
}

@media (min-width: 1025px) {
    .nav__item--has-subnav:has(.portalLanguages__item--ar_AE.portalLanguages__item--selected),
    .nav__item--has-subnav:has(.portalLanguages__item--pl_PL.portalLanguages__item--selected),
    .nav__item--has-subnav:has(.portalLanguages__item--ja_JP.portalLanguages__item--selected),
    .nav__item--has-subnav:has(.portalLanguages__item--es_ES.portalLanguages__item--selected){
        min-width: 120%;
    }
    .nav__item--has-subnav:has(.portalLanguages__item--fr_FR.portalLanguages__item--selected) > .nav__item__link.portalLanguages__placeholder span{
        display: inline-block;
    }
    .nav__item__link {
        white-space: normal;
        word-wrap: normal;
        text-align: center;
        word-break: normal;
    }
    .nav__item__link>img {
        float: none;
    }

}
/* BANNER
   -------------------------------------------------------------------------- */

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

}

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

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

}

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

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .body--search-jobs .main__wrapper {
        --main--padding--bottom: 0;
    }

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

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {

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

    .banner--footer {
        height: 26rem;
        margin-top: 3.7rem;
    }

}

/* 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 .section__content + .section__content {
        border-radius: var(--boxes--border--radius) var(--boxes--border--radius) 0 0;
    }

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

}

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

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

@media (max-width: 768px) {
    .main__wrapper {
        background-color: var(--color--brand--sub-3);
    }
    .article--result .article__content {
        display: none;
    }
}

.article--result .article__header__text__title a {
    color: #00111f;
}

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

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

.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;
    justify-content: center;
    font-size: 1.4rem;
}

/* Override for an !important in core.css */
@media (max-width: 750px) {
    .list-controls--top .list-controls__pagination {
        display: flex !important;
        margin-left: 1rem;
    }
}

.list-controls__text__legend {
    display: none;
}

.nav__item--active .nav__item__link {
    color: var(--color--buttons);
}

.nav__item--active .nav__item__link:hover {
    color: var(--color--buttons);
}

.shareButton--facebook {
    background-image: url(../images/facebook-negative-black.svg);
}

.shareButton--facebook:hover {
    background-image: url(../images/icon--social--blue.svg);
}

.shareButton--twitter {
    background-image: url(../images/twitter-negative-black.svg);
}

.shareButton--twitter:hover {
    background-image: url(../images/twitter--media--icon.svg);
}

.shareButton--linkedin {
    background-image: url(../images/linkedin-negative-black.svg);
}

.shareButton--linkedin:hover {
    background-image: url(../images/linkedin--media--icon.svg);
}

.shareButton {
    width: 3.5rem;
}

.button-bar .button, .button-bar button, .button-bar input[type=submit] {
    text-decoration: none;
}

/* 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: 2.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: #cccccc;
        padding-top: var(--boxes--padding--inners);
        padding-bottom: var(--boxes--padding--inners);
        text-align: left;
        justify-content: flex-start;
    }

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

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

    [class*="__title--0"] {
        font-size: 2.1rem;
    }

    .banner__wrapper__secondary {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
    }

    .banner--footer {
        background-image: url(../images/footer-bg-mobile.png);
        background-size: cover;
        height: auto;
    }

    .banner__text__secondary {
        margin-top: 0;
    }

    .article__content--width {
        display: none;
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .article--result {
        padding: 4rem;
    }

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

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

}

/* JOB DETAIL
   -------------------------------------------------------------------------- */
   .body--job--detail .banner__text__title {
    font-weight: bold;
    margin-bottom: 4rem;
}

.body--profile .grid--2--sidebar > .grid__item:first-child {
	max-width: 73%;
}

.body--profile .article--details:not(.form-fields-label--inline) .fields-label--block .MultipleDataSetFieldLabel + .MultipleDataSetFieldValue, .article--details:not(.regular-fields-label--inline) .article__content__view__field__label + .article__content__view__field__value, .body--profile {
	overflow-x: auto;
    color: var(--color--gray);
}

.body--profile .tf_jobAlerts .table--jobs thead th:nth-child(3),
.body--profile .tf_jobAlerts .table--jobs thead th:nth-child(4)
 {
    white-space: normal!important;
}

.banner__internal__container__wrapper {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.body--job--detail .banner__title__internal__container , .body--job--applicationsmethods .banner__title__internal__container , .body--job--register .banner__title__internal__container , .body--job--success .banner__title__internal__container ,
.body--job--choosePassword .banner__title__internal__container , .body--job--resetPassword .banner__title__internal__container , .body--job--applicationconfirm .banner__title__internal__container , .body--job--applicationform .banner__title__internal__container , .body--job--agentcreate .banner__title__internal__container , .body--profile .banner__title__internal__container , .body--profileedit .banner__title__internal__container {
    background-color: #fff;
}

.list--view-more .list__item__text__subtitle , .article__content__view {
    color: var(--color--gray);
}

.body--job--detail .article__header__text__title__icon {
    margin-left: 0.1rem;
}

@media all and (min-width: 1025px) {
    .body--aside-fixed-on-scroll .aside {
        z-index: 666;
    }
}

/* HEADER CONTENT
   -------------------------------------------------------------------------- */
.nav__item__link.button--primary {
    border-radius: 0.9rem;
}

@media all and (max-width: 1024px) {
    .nav__item__link.button--primary {
        background-color: transparent;
    }
}

@media (max-width: 750px) {
    [class$="__title--5"] {
        font-size: 1.8rem;
    }
}

@media (min-width: 1025px) {
    .list-controls--bottom {
        margin-top: 0;
        margin-bottom: 4rem;
    }
}

@media (min-width: 751px) {
    [class*=list-controls__]+[class*=list-controls__] {
        font-weight: normal;
        font-style: normal;
    }
}

.list-controls__pagination__item:not(.currentPageLink) {
    color: #999ea2;
}

.list-controls__text__reset {
    font-weight: normal;
    font-style: normal;
    font-size: 1.4rem;
}

.section--collapsible-form-search .section__header__text {
    position: relative;
}

.section--collapsible-form-search .section__header__text::after {
    content: '';
    display: block;
    width: 100%;
    height: .1rem;
    background-color: #979797;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.article--details .article__content__view__field__value a, .link, div[class*=fieldSpec] div[class*=description] a {
    font-weight: normal;
}

.nav__item:not(.nav__item--active) .nav__item__link:hover {
    color: var(--color--buttons);
}

.cookies__info a {
    text-decoration: underline;
}