/* ==========================================================================
   SPECIFICS
   --------------------------------------------------------------------------
   * INVERTING CLICKABLE COLORS (commented and ready to use)
      : Tabs
      : Switcher
   * FONTS
      : Font (Override)
   * STRUCTURE
      : Content layouts: 2 even column, with a divider (50%) (Override/complement)
   * ELEMENTS
      : Buttons (Override)
      : Duplicate warning message (Override - to be deleted)
      : Fields (New)
      : Matching pill (New)
      : Section with action next to title (New)
      : Tabs profile section
   * COMPONENTS
      : Steps bar (Override/complement)
      : Result (New)
      : Attachment upload box (New)
      : Swiper (New)
      : Tabs (Override/complement)
      : Applications Methods (Override)
      : Search (Override)
      : Sidebar filters (Override)
      : Article card (Override)
      : Article result (Override)
      : Article Actions (Override)
    * MODULES
      : Banner home (New)
      : Banner secondary (New)
      : Banner Search (New)
      : Section (Override)
      : Form (Override)
      : Section Banner (New)
      : Footer (Override)
      : Cookies consent (Override)
   * PAGETYPES
      : Search jobs: Results as list (Override/complement)
      : Reg/App methods: Article
      : Talent Community Register
      : Profile delete
   * UTILITIES
      : XXX
   ========================================================================== */
/* INVERTING CLICKABLE COLORS: Tabs
   -------------------------------------------------------------------------- */
/* INVERTING CLICKABLE COLORS: Switcher
   -------------------------------------------------------------------------- */
/* INVERTING CLICKABLE COLORS: Dropdown
   -------------------------------------------------------------------------- */
/* FONTS: Font (override)
   -------------------------------------------------------------------------- */
* {
    line-height: calc(.2rem + 2.2ex + .2rem);
}

/* STRUCTURE: Main (override)
   -------------------------------------------------------------------------- */
.body--home .main__wrapper{
    padding-bottom: unset;
}

.body--home .banner--main,
.body--talent-community .banner--main {
    background-image: var(--home__banner--background--image);
}

.body--header-fixed-on-scroll .header {
    z-index: 999;
}

.main__wrapper, .main,
.body--register .section__wrapper,
.body--app-confirmation .section__wrapper {
    padding-bottom:var(--spacer--5xl);
}

.body--home .main,
.body--talent-community .main,
.body--extraLogin .main,
.body--register .main,
.body--app-confirmation .main,
.success--page .main,
.body--profile .main,
.body--profile--job--applications .main,
.body--profile--job--alerts .main,
.body--agentCreate .main,
.body--agentEdit .main,
.body--profileDelete .main {
    padding-bottom: unset;
}

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

@media (min-width: 1025px) {
    .section--search-jobs {
        max-width: calc(var(--grid--laterals) + var(--content--w--full) + var(--grid--laterals));
        margin: 0 auto;
        width: 100%;
        padding-right: var(--grid--laterals);
        padding-left: var(--grid--laterals);
    }

}

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

/* STRUCTURE: Content layouts: 2 even column, with a divider (50%) (Override/complement)
   -------------------------------------------------------------------------- */
/* Media query to target only desktop */

@media all and (min-width:1025px) {
    .grid--2--divider--smaller-col>.grid__item {
        max-width: none
    }

    .grid--2--divider--smaller-col>.grid__item:nth-of-type(odd) {
        flex-basis: calc(var(--content--w--narrowest) + var(--spacer--xxl));
    }

    .grid--2--divider--smaller-col>.grid__item:nth-of-type(even) {
        flex-grow: 1;
    }
}

/* Media query to target only tablet */

@media (min-width: 751px) and (max-width: 1024px) {
    .grid--2--divider--smaller-col {
        max-width: 100%;
    }
}

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

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

/* ELEMENTS: Matching pill
   -------------------------------------------------------------------------- */
.pill {
    display: inline;
    border-top-left-radius: var(--spacer--m2);
    border-top-right-radius: var(--spacer--m2);
    border-bottom-left-radius: var(--spacer--m2);
    border-bottom-right-radius: var(--spacer--m2);
    font-size: 1.2rem;
    padding: var(--spacer--xs) var(--spacer--s);
    padding-bottom: var(--spacer--xxs);
    background-color: var(--matching--background--color);
    font-weight: 400;
    vertical-align: middle;
}

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

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

.pill--good {
    --matching--background--color: var(--matching--color--good);
}

/* Inside a card next to title */
.article:not(.article--full-pill) .pill+* {
    margin-left: var(--spacer--s);
}

/* Inside a card but 100% wide */

.article--full-pill .pill {
    position: absolute;
    width: 100%;
    left: var(--spacer--0);
    top: var(--spacer--0);
    border-top-right-radius: var(--card--border--radius);
    border-top-left-radius: var(--card--border--radius);
    border-bottom-left-radius: var(--spacer--0);
    border-bottom-right-radius: var(--spacer--0);
}

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

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .pill {
        display: block;
        max-width: fit-content;
        margin-bottom: 0.8rem;
        padding: auto;
        text-align: center;
    }
}

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

/* ELEMENTS: Tabs profile section
   -------------------------------------------------------------------------- */

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

@media all and (max-width:750px) {
    .tabs__placeholder {
        border-bottom-color: var(--color--buttons);
    }
}

/* 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: -.86rem;
        width: var(--spacer--m2);
        height: var(--spacer--m2);
        text-indent: -.05rem;
        line-height: var(--spacer--m);
        overflow: hidden;
    }

    .list--steps .list__item--current .list__item__text__subtitle,
    .list--steps .list__item--filled .list__item__text__subtitle {
        background-color: var(--color--disabled);
        border-color: var(--color--disabled);
    }

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

    .list--steps .list__item__text__subtitle {
        background-color: var(--color--grey--medium);
        color: var(--color--white);
        border-color: var(--color--grey--medium);
    }

}

.list--steps:after {
    border-bottom-color:var(--color--grey--medium);
}

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

.list--steps .list__item__text__title {
    text-transform: none;
    margin-bottom: 2.5rem;
}
@media (max-width: 750px){
    .list--steps .list__item--current .list__item__text::after {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: space-between;
    width: 100%;
    }
    .list--steps .list__item__text__title {
        margin-bottom: unset;
    }
    .alert--error {
        margin-top: 1rem;
    }
}

/* COMPONENTS: Attachment upload box (New)
   -------------------------------------------------------------------------- */
.article--attachments-upload {
    border-radius: var(--boxes--border--radius);
    border-width: var(--border--width);
    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: var(--border--width);
    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: var(--spacer--l);
}

.slider {
    position: relative;
}

.swiper-container {
    width: calc(100% - (var(--swiper__slide--gap)*2) - var(--swiper-navigation-size));
}

.swiper-slide {
    height: calc(var(--spacer--xxl)*3);
}

.swiper-slide img {
    border-radius: var(--boxes--border--radius);
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.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-theme-color: #78bf26;
}

.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: var(--spacer--0);
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: var(--spacer--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: var(--spacer--xl);
}

/* COMPONENTS: Applications Methods (Override)
   -------------------------------------------------------------------------- */
.body--application .grid--methods {
    margin-top: calc(-1 * var(--grid--columns--gap));
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--methods {
        max-width: var(--content--w--narrow);
    }
}

@media (max-width: 750px){
    .body--application .section .paragraph {
        text-align: start;
    }
    .article--card .share--popUp .share__popup, .table--cards .share--popUp .share__popup {
        left: calc(-1 * 12rem);
    }
    .article--card .share--popUp .share__popup::before, .table--cards .share--popUp .share__popup::before {
        left: 12rem;
    }
    .body--application .grid--methods {
        margin-top: 2.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: Sidebar (Override)
   ------------------------------------------------------------------------------ */
/* Media query to target only desktop */
@media (min-width: 1025px) {
    .grid--2--sidebar--filters>.grid__item--filters {
        flex: 0 0 30.4rem;
        max-width: 30.4rem;
        max-width: 30.4rem;
        padding-top:var(--spacer--3);
    }

    .results--listed {
        border-top-width: var(--spacer--0);
        border-bottom-width: var(--spacer--0);

    }

    .article__header,
    .list__item__header {
        width: unset;
        flex: 1;
    }

    .article__header+*:not(.article__content--button) {
        flex: inherit
    }
    .body--search-jobs .banner__text__title {
        padding-top: var(--spacer--s);
        padding-bottom: 1.8rem;
    }

}

/* COMPONENTS: Article card (Override)
   -------------------------------------------------------------------------- */
.article--card .button--secondary,
.article--card .button--tertiary,
.article--card .button--share {
    --buttons--font--size: initial;
}

.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);
    margin-right: var(--spacer--l);
}

/* COMPONENTS: Article and List__item result (Override)
   -------------------------------------------------------------------------- */
@media all and (min-width:1025px) {
    .article--result,
    .list__item__content {
        display: flex;
        justify-content: space-between;
    }
}

.section__footer__actions {
    text-align: center;
    margin-top: var(--spacer--xl);
}

.article--result .separator {
    height: var(--spacer--s);
    width: var(--spacer--s);
    background-color: var(--color--brand--2);
    color: var(--color--font--brand--2);
    border-radius: 50%;
    margin: .6rem;
    margin-bottom: .2rem;
    display: inline-block;
}

.article--result .button.button--secondary,
.list__item__result .button.button--secondary {
    --buttons--padding--h: calc(var(--spacer--xl) + .4rem);
}

.submitButton {
    width: 100%;
}

.list-controls__sort {
    float: left;
}

.list-item-type{
    font-weight: bold;
}

@media (max-width: 1024px){
    .list-controls__text__legend, .list-controls__text__reset {
        width: unset;
        padding-right: var(--spacer--m);
        padding-left: var(--spacer--m);
    }
    .list-controls {
        justify-content: flex-end;
    }
    .body--search-jobs .banner__text__title.visibility--mobile-and-tablet,
    .body--recommendation-list .banner__text__title.visibility--mobile-and-tablet {
        text-align: center;
        width: 100%;
        padding-top: var(--spacer--xxxl);
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
    .list-item-location {
        display: block;
    }
    .list-controls__pagination {
        padding-right: var(--spacer--m);
    }
}

@media (min-width: 751px) and (max-width: 1024px) {
    .list--view-more {
        display: unset;
        flex-wrap: unset;
        margin-top: unset;
        margin-right: unset;
        margin-bottom: unset;
        margin-left: unset;
    }

    .list--view-more .list__item {
        flex: unset;
        max-width: unset;
        padding-top: unset;
        padding-right: unset;
        padding-bottom: unset;
        padding-left: unset;
    }
}

.section--search-jobs .list-controls--bottom+.list-controls__text {
    justify-content: space-between;
}

.section--search-jobs .dropdown__placeholder {
    --fields--padding--v: .6rem;
    --fields--padding--h: var(--spacer--s);
    --fields--icon--width: var(--spacer--s2);
    --fields--border--color: transparent;
    background-position: right calc(-1 * 1rem) center;
    margin-right: 1.1rem;
}

.section--search-jobs .list-controls__text__reset {
    font-style: normal;
    flex-grow: 1;
}

.list-controls--top .list-controls__text {
    flex-grow: var(--spacer--0);
}

.list-controls--top .list-controls {
    width: 100%;
}

.list-controls--bottom .list-controls {
    flex-grow: 1;
}

.list--view-more a {
    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));
}

.article--view-more--aside .article__footer {
    margin-top: var(--spacer--xl);
    text-align: center;
}

@media (min-width: 751px) {

    .section--search-jobs [class*=list-controls__]+[class*=list-controls__],
    .section--search-jobs .list-controls__text__reset {
        padding-top: calc(var(--fields--padding--v) - var(--fields--border--width));
        line-height: calc(var(--fields--height) - (var(--fields--padding--v) * 2));
        margin-left: unset;
    }
}

@media (min-width: 1025px) {
    .section--search-jobs .results--listed {
        padding: var(--spacer--0);
    }

    .list-controls--bottom {
        justify-content: space-between;
    }
}

@media (max-width: 751px) {
    .article--result .article__footer,
    .list__item__footer {
        width: 21.7rem;
    }
}

@media (max-width: 1024px) {
    .section__recommendations__wrapper .article--result {
        padding: unset;
    }
    .section__recommendations__wrapper .article--result .article__container,
    .section__recommendations__wrapper .article--result .article__footer {
        padding-top: var(--result--padding--outers--v);
        padding-right: var(--result--padding--outers--h);
        padding-bottom: var(--result--padding--outers--v);
        padding-left: var(--result--padding--outers--h);
    }
    .section__recommendations__wrapper .article--result .article__footer {
        border-top-width: var(--border--width);
        border-top-style: solid;
        border-top-color: var(--color--grey--medium);
        flex-direction: row-reverse;
    }
    .article--result .article__footer,
    .list__item__footer {
        width: unset;
    }
    .article--card .article__footer {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
    .results--grided .button.button--secondary {
        width: 14rem;
        margin-left: unset;
        margin-right: var(--spacer--l);
    }
    .section__content__results {
        padding-right: var(--spacer--m);
        padding-left: var(--spacer--m);
      }
}

/* COMPONENTS: Article actions (Override)
   -------------------------------------------------------------------------- */
.article.article--actions {
    height: 12.6rem;
    background-color: var(--color--brand--1);
    color: var(--color--font--brand--1);
    box-shadow: 0 var(--spacer--s) var(--spacer--m) 0 var(--color--shadow);
    margin-top: 8.1rem;
    margin-bottom:var(--spacer--5xl);
    position: sticky;
    bottom: var(--spacer--0);
    border-top-width: var(--border--width);
    border-top-style: solid;
    border-top-color: var(--color--grey--medium);
}

.article.article--actions .article__content--w--narrow {
    display: flex;
    align-items: end;
    height: 100%;
    flex-direction: row;
    padding-bottom: var(--spacer--xl);
}

.article__content+.article__content {
    margin-top: unset;
}

.article.article--actions .button.button--primary {
    margin-right: 4rem;
}

.article--view-more--aside .article__header {
    border-bottom-width: var(--spacer--0);
    margin-top: 2.9rem;
}

.list__item__content {
    position: relative;
    border-radius: var(--result--border--radius);
    border-width: var(--result--border--width);
    border-style: solid;
    border-color: var(--result--border--color);
    background-color: var(--result--background--color);
    padding-top: var(--result--padding--outers--v);
    padding-right: var(--result--padding--outers--h);
    padding-bottom: var(--result--padding--outers--v);
    padding-left: var(--result--padding--outers--h);
    margin-top: var(--spacer--m);
}

.list__item__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--result--padding--inners--v);
}

/* MODULES: Banner home (New)
   -------------------------------------------------------------------------- */
.banner--main--home .banner__wrapper {
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
.body--home .banner__search .section--search-jobs {
    padding-left: unset;
    padding-right: unset;
    margin-top: var(--spacer--l);
}

.banner--main--home .banner__wrapper>* {
    width: 100%;
}
@media all and (min-width:751px) {
.banner--main--home .banner__form {
    margin-top: var(--spacer--m);
}
}

@media (max-width: 750px) {
    .button-bar__wrap {
        flex-direction: column;
        width: 100%;
        gap: var(--spacer--l);
    }

    .banner--secondary--top .section__header__text__subtitle {
        align-items: center;
        max-width: auto;
        margin-bottom: var(--spacer--xxxl);
        padding: 1rem;
    }

    .section.section__home--quotes .article__container,
    .section.section__talent--quotes .article__container {
        display: unset;
    }
    .banner__search.banner--main--home .banner__wrapper {
        padding: unset;
    }
    .section.section__home--quotes .img__img,
    .section.section__talent--quotes .img__img {
        margin-bottom: var(--spacer--l);
    }
    .body--home .banner__search .section--search-jobs {
        margin-top: unset;
    }
}

@media (min-width: 751px) {
    .banner--main--home {
        min-height: 20rem;
    }
}

/* MODULES: Banner secondary & Banner secondary top (New)
   -------------------------------------------------------------------------- */
.banner--secondary {
    background-color: var(--color--brand--1);
    color: var(--color--font--brand--1);
    --color--font: #333333;
}

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

.banner--secondary--top .banner__wrapper {
    flex-direction: column;
}

.banner--secondary--top .button-bar__wrap {
    margin-top: var(--spacer--l);
    align-items: center;
}

.banner--secondary--top .section__header__text__subtitle {
    align-items: center;
    max-width: 59.2rem;
    margin-bottom: var(--spacer--xxxl);

}

@media (min-width: 751px) {
    .banner--secondary--top .button-bar__wrap .button {
        margin-left: var(--spacer--m);
        margin-right: var(--spacer--m);
    }
}

@media (max-width: 750px) {

    .button.button--primary,
    .button.button--secondary {
        width: 100%;
    }
    .banner--secondary .banner__text__title {
        font-size: var(--font--size--04);
    }
}

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

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

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

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

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

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

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

    .banner--secondary .banner__text__title .banner__text__title__phrase {
        display: block;
        margin-bottom: var(--spacer--l);
    }

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

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

    .banner--secondary .banner__text__title .button+.banner__text__title__conjunction,
    .banner--secondary .banner__text__title .banner__text__title__conjunction+.button {
        margin-left: var(--spacer--m);
    }

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

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

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

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

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

/* MODULES: Banner Search (New - Override)
   -------------------------------------------------------------------------- */
.form--search .Section {
    display: flex;
    flex-wrap: wrap;

}

.form--search .Section .fieldSpec {
    width: unset;
    flex: 1 1 26.9rem
}

.placeInputLabel.WizardSubFieldLabel {
    display: none;
}

.form--search .Section .fieldSpec.LocationField--inline {
    flex: 2 0 auto
}

.form--search .Section .fieldSpec.button-bar {
    flex: 0 1 0
}

@media all and (max-width:750px) {
.form--search .Section .fieldSpec.button-bar {
    flex: 0 1 100%;
}
}

/* ELEMENTS: Fields (Override)
   -------------------------------------------------------------------------- */
.postalCodeWrapper {
    padding-bottom: 1rem;
}

.LocationField [class*=content],
.datasetfieldSpec:not(.ArithmeticField, .CountryField, .DateFormField, .NumberField)>div:not([class*=description], .formContainer, .multipleDatasetWrapper, .ui-widget, [id$="-accessibleContainer"], [id^=fileInput_], [class$="_graphicContainer"], .tox, [id$="_sourceAndCategory"], .schedulerWidget),
.fieldSpec--in-dataset.hasErrors:not(.ArithmeticField, .CountryField, .DateFormField, .NumberField)>div:not([class], [id])>div:not([class*=description], .formContainer, .multipleDatasetWrapper, .ui-widget, [id$="-accessibleContainer"], [id^=fileInput_], [class$="_graphicContainer"], .tox, [id$="_sourceAndCategory"], .schedulerWidget),
.fieldSpec--in-dataset:not(.hasErrors, .ArithmeticField, .CountryField, .DateFormField, .NumberField)>div:not([class*=description], .formContainer, .multipleDatasetWrapper, .ui-widget, [id$="-accessibleContainer"], [id^=fileInput_], [class$="_graphicContainer"], .tox, [id$="_sourceAndCategory"], .schedulerWidget),
.fieldSpec.hasErrors:not(.AcceptCheckboxField, .CheckBoxListFormField, .DateFormField, .RadioButtonListFormField, .SelectFormField)>fieldset>div:not([class], [id])>div:not([class]),
.fieldSpec:not(.fieldSpec--in-dataset, .hasErrors, .AcceptCheckboxField, .CheckBoxListFormField, .DateFormField, .RadioButtonListFormField, .SelectFormField)>fieldset>div:not([class*=description], .button-bar__wrap),
.formfieldSpec.hasErrors:not(.CheckBoxListFormField, .DateFormField, .RadioButtonListFormField)>fieldset>div:not([class], [id])>div:not([class]),
.formfieldSpec:not(.hasErrors, .CheckBoxListFormField, .DateFormField, .RadioButtonListFormField)>fieldset>div:not([class*=description]) {
    display: unset;
    flex-direction: inherit;
}

.fieldSpec:not(.fieldSpec--in-dataset, .hasErrors, .AcceptCheckboxField,
    .CheckBoxListFormField, .DateFormField, .RadioButtonListFormField,
    .SelectFormField)>fieldset>div:not([class*=description], .button-bar__wrap) {
    flex-direction: inherit;

}

.useMyCurrentLocation {
    margin-top: var(--spacer--s2);
}

@media all and (min-width: 401px) {
    .form--grid .Section {
        margin-left: calc(-1 * var(--grid--columns--gap));
        margin-bottom: calc(-1 * var(--fieldSpec--padding--outers))
    }

    .form--grid .fieldSpec {
        float: left;
        padding-left: var(--grid--columns--gap);
        clear: none
    }

}

@media all and (max-width: 445px) {
    .form--search .Section .fieldSpec {
        width: 100%;
        padding: var(--spacer--m);
    }
}

/* MODULES: Section Carousel (New - Override)
   -------------------------------------------------------------------------- */
.section--carousel-content .section__wrapper {
    display: flex;
}

.section--carousel-content .section__wrapper {
    padding-right: var(--grid--laterals);
    padding-left: var(--grid--laterals);
}

.section--carousel-content [aria-controls] {
    cursor: pointer;
    align-items: end;
    display: flex;
    height: 14rem;
}

.section--carousel-content .swipper__title {
    text-align: center;
    padding-bottom: var(--spacer--xl);
}

/* MODULES: Section Quotes (New - Override)
   -------------------------------------------------------------------------- */
.section.section__home--quotes,
.body--home .section.section__talent--quotes {
    height: 36rem;
    background-color: var(--color--brand--1);
    color: var(--color--font--brand--1);
    margin-top: unset;
}

.section.section__home--quotes .section__wrapper .article__container,
.section.section__talent--quotes .section__wrapper .article__container {
    margin-top: var(--spacer--xxxl);
    margin-bottom: 4.4rem;
}

.section.section__home--quotes .article__container,
.section.section__talent--quotes .article__container {
    display: flex;
    justify-content: center;
    gap: var(--spacer--m2);
}

.section.section__home--quotes .img__description,
.section.section__talent--quotes .img__description {
    width: 65.2rem;
    margin: auto;
}

.section.section__home--quotes .img__wrap,
.section.section__talent--quotes .img__wrap {
    width: 12rem;
    cursor: pointer;
}

@media all and (max-width:750px) {
    .section__home--quotes,
    .section__talent--quotes {
        padding-top: 3.5rem;
        padding-bottom: 3.2rem;
    }

    .section.section__home--quotes .img__container,
    .section.section__talent--quotes .img__container {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        justify-content: center;
    }

    .section.section__home--quotes .article__container,
    .section.section__talent--quotes .article__container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        align-content: center;
    }

    .section.section__home--quotes,
    .section.section__talent--quotes {
        height: unset;
        padding-top: unset;
    }

    .section.section__home--quotes .img__container.hide,
    .section.section__talent--quotes .img__container.hide {
        display: none;
    }

    .section__home--quotes .link,
    .section__talent--quotes .link {
        width: 100%;
        text-align: end;
    }
    .section__home--quotes .link, .section__talent--quotes .link:hover {
        border-bottom-width: 0;
      }
}

/* MODULES: Section Icons (New - Override)
   -------------------------------------------------------------------------- */
.section__talent--items .title {
    text-align: center;
    margin-bottom: var(--spacer--l);
}

.section__talent--items .list__item--left {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.section--list .list__item--right .list__item__icon {
    margin-right: var(--spacer--l);
}

.list__item__icon>img {
    width: 5.3rem;
}
@media all and (max-width:750px) {
    .section--list .list__item--right .list__item__icon {
        margin-right: unset;
    }
    .section__talent--items .title {
        width: 100%;
    }
    .list__item__icon>img {
        width: var(--spacer--xxl);
    }
    .section__talent--joinus .title {
        font-size: unset;
    }
    .list__item__text {
        padding-left: var(--spacer--m);
        padding-right: var(--spacer--m);
    }
    .section__relatedJobs__wrapper .list__item__text {
        padding-right: var(--spacer--m);
    }

    .section__home--quotes .toggle {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    .section__home--quotes .toggle .toggle__icon:after {
        content: "\f107";
    }

    .section__home--quotes .toggle__icon {
        flex-shrink: 0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: var(--toggle__icon--width);
        height: var(--toggle__icon--height);
        font-family: FontAwesome;
        font-size: 2.4rem;
        line-height: inherit;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        color: var(--toggle--font--color);
        transition: all .3s ease;
    }
}

/* MODULES: Section Join Us (New - Override)
   -------------------------------------------------------------------------- */
.body--talent-community .footer {
    margin-top: unset;
}

.section__talent--joinus {
    height: 12.6rem;
    background-color: var(--color--brand--1);
    color: var(--color--font--brand--1);
    margin-top: unset;
    margin-bottom: rem;
    position: sticky;
    bottom: var(--spacer--0);
    display: flex;
    gap: var(--spacer--l)
}

.section__talent--joinus .title {
    padding-right: var(--spacer--l);
}

/* MODULES: Section (Override)
   -------------------------------------------------------------------------- */
@media all and (min-width:751px) {
    .section,
    *+.section,
    .banner--secondary--top,
    .section__talent--quotes {
        margin-top: var(--spacer--5xl);
    }
    .section__delete--action {
        margin-bottom: var(--spacer--5xl);
    }
}

.section.js_views,
.section.section__pipelineDetail--contact,
.body--talent-community .section__talent--joinus {
    margin-top: unset;
}
.body--talent-community .section__talent--joinus {
    border-top-width: var(--border--width);
    border-top-style: solid;
    border-top-color: var(--color--grey--medium);
    box-shadow: 0 var(--spacer--s) var(--spacer--m) 0 var(--color--shadow);
}

.section__relatedJobs__wrapper, .section__home--join, .section__recommendations__wrapper {
    margin-bottom:var(--spacer--5xl);
}

.section.section--w--narrow:nth-child(2) {
    margin-top:var(--spacer--68);
}

.section.section--w--narrow .Separator3>legend,
.section.section--w--narrow .Separator8>legend {
    font-size: var(--font--size--05);
}

.form--step2 .Section:not(:first-of-type) {
    margin-top: var(--spacer--xl);
}

.form--step2 .Section:not(:first-of-type, :last-child) {
    padding-bottom: var(--spacer--xl2);
    border-bottom-width: var(--border--width);
    border-bottom-color: var(--color--grey--medium);
    border-bottom-style: solid;
}

.form--step2:not(.title, .subtitle) .Separator>legend {
    font-size: var(--spacer--m);
}

.form--step3 .FormHeader .WizardFieldLabel {
    font-size: var(--font--size--04);
    margin-bottom: var(--spacer--m2);
}

@media all and (max-width:1024px) {
    .body--pipeline .article.article--details:first-of-type {
        padding-right: var(--spacer--m);
        padding-left: var(--spacer--m);
        padding-bottom: 2.8rem;
    }
    .body--pipeline .article.article--details:not(:first-of-type) {
        padding-top: 3.2rem;
        padding-bottom: 4.8rem;
        padding-right: var(--spacer--m);
        padding-left: var(--spacer--m);
    }
    .article__content {
        width: 100%;
    }
    .article__content.article__content--2cols {
        width: auto;
    }
    .article.article--actions .article__content--w--narrow {
        flex-direction: column;
        gap: 2.2rem;
    }
    .share.share--inline.share--inline-- {
        flex-direction: column;
        align-items: start;
        gap: var(--spacer--m);
    }
    article.article.article--actions {
        height: unset;
        margin-top: 4.8rem;
        margin-bottom: unset;
    }
    .list__item__footer {
        flex-direction: row-reverse;
    }
    .body--pipeline .list__item__result .button.button--secondary {
        width: unset;
    }
    .list__item__header > a {
        padding: var(--spacer--0);
    }
    .body--pipeline .list__item__text {
        padding: unset;
    }
}

/* MODULES: Form (Override)
   -------------------------------------------------------------------------- */
.form .Separator:not(.title, .subtitle)>legend {
    font-size: var(--font--size--04);
}

.multipleDatasetWrapper div[id*=multipleDatasetEntry_] {
    background-color: var(--color--brand--1);
    color: var(--color--font--brand--1);
}

.form:not(.form--grid) .fieldSpec+.button-bar {
    padding-top: var(--spacer--m);
}

.form .ButtonBarField:not([class*=button-bar--cols]) [class*=Button],
.button-bar:not([class*=button-bar--cols]) [class*=Button] {
    min-width: 13rem;
}
@media all and (max-width:750px) {

    .form .ButtonBarField:not([class*=button-bar--cols]) [class*=Button],
    .button-bar:not([class*=button-bar--cols]) [class*=Button] {
        width: 100%;
    }
    .body--app-confirmation .title {
        margin-bottom: var(--spacer--l);
    }
}

.form input[type=file] {
    height: auto;
}

/* MODULES: Section Banner (New)
   -------------------------------------------------------------------------- */
.section__home--contact,
.section__home--learn,
.section__talent--contact {
    margin-top: unset;
}

.section__home--contact,
.section__home--learn,
.section__searchJobs--learn,
.section__recommendation--learn,
.section__talent--contact {
    display: flex;
    align-items: center;
}

.section__home--contact,
.section__talent--contact {
    height: 19.6rem;
    background: rgb(204, 204, 204);
    background: var(--color--brand--2);
    color: var(--color--font--brand--2);
}

.section__home--learn {
    height: 12.5rem;
    font-size: var(--font--size--05);
}

.section__searchJobs--learn,
.section__recommendation--learn {
    background-color: var(--color--brand--1);
    color: var(--color--font--brand--1);
    height: 15.7rem;
}

.section__searchJobs--contact,
.section__recommendation--contact,
.section__pipelineDetail--contact {
    max-width: 59.2rem;
}

.section .banner {
    background-color: unset;
}

.section .banner__wrapper {
    justify-content: center;
}

.section__home--contact .banner__wrapper,
.section__talent--contact .banner__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacer--m2);
}

.section__home--learn .banner__wrapper .title {
    padding-right: .8rem;
}

.section__searchJobs--learn .link,
.section__recommendation--learn .link {
    border-bottom-color: var(--color--clickeable); /* templatebuilder .main - to be deleted on basePortalCloner */
}

@media (max-width: 1024px) {
    .button-bar__wrap {
        align-items: center;
        gap: var(--spacer--m);
    }
    .section[search-type=toggleable] .section__header__actions {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        margin-left: var(--spacer--0);
        height: calc(var(--spacer--4xl)-.3rem);
    }
    .section.section--search-jobs,
    .section.section__home--contact,
    .section.section__home--learn,
    .section.section__talent--contact {
        margin-top: unset;
    }
    .section, *+.section {
        /*margin-top: var(--spacer--xl);*/
        margin-top: 4.8rem;
    }
    .banner--secondary--top,
    .section.section__home--join {
        margin-top: var(--spacer--xxxl);
    }
    .article__content--image {
        width: 100%;
        height: 18.7rem;
        padding: var(--spacer--m);
    }
    .section__header__title.title {
        margin-left: var(--spacer--m);
        border-bottom-width: 0.2rem;
        border-bottom-style: solid;
        border-bottom-color: var(--color--grey--medium);
        width: 100%;
        color: var(--color--black);
    }
    .search--toggleable .search__panel {
        margin-right: var(--spacer--m);
        margin-left: var(--spacer--m);
        border-bottom-width: 0.2rem;
        border-bottom-style: solid;
        border-bottom-color: #cccccc;
    }
    .toggle--search {
        width: 100%;
    }
    .toggle--search .toggle__icon {
        height: var(--spacer--4xl);
        width:calc(var(--spacing--basis)*11);
        padding:var(--spacer--ss);
        margin-right: var(--spacer--m);
        background-color: var(--color--brand--1);
        color: var(--color--font--brand--1);
    }
    .toggle.toggle--search {
        background-color: var(--color--white);

    }
    .toggle.toggle--search {
        background-color: var(--color--brand--1);
        color: var(--color--font--brand--1);
        justify-content: space-between;
        padding-left: var(--spacer--m);
    }
    .section.section__home--quotes .section__wrapper .article__container,
    .section.section__talent--quotes .section__wrapper .article__container {
        margin-bottom: unset;
        margin-top: unset;
        padding-top: var(--spacer--xl2);
    }

    .section__header__title {
        width: 100%;
        border-bottom-width: 0.2rem;
        border-bottom-style: solid;
        border-bottom-color: var(--color--grey--medium);
        text-align: initial;
    }
    .section__recommendation--contact .paragraph{
        text-align: start;
    }
    .section__searchJobs--learn, .section__recommendation--learn {
        height: 12.8rem;
    }
    .footer {
        margin-top: unset;
    }
}

@media (min-width: 1025px) {
    .section--search-jobs.section{
        margin-top: var(--spacer--xxl);
    }
}

/* MODULES: Footer (Override)
   -------------------------------------------------------------------------- */
.footer {
    border-top-width: var(--border--footer--width);
}

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

.body--home .footer {
    margin-top: unset;
}

@media (max-width: 1024px) {
    .section .banner__wrapper {
        justify-content: center;
        flex-direction: column;
        gap: 0.8rem;
    }

    .footer__links {
        flex-direction: column;
    }

    .footer__links__item.link {
        margin-bottom: 1rem;
    }
}

/* PAGETYPES: Search jobs: Results as list (Override/complement)
   -------------------------------------------------------------------------- */
.body--home .section--search-jobs .article--result {
    --result--border--radius: var(--spacer--0);
    --result--padding--outers--h: var(--spacer--0);
}

.body--home .section--search-jobs .article--result+.article--result {
    margin-top: var(--spacer--0);
}

.body--home .section--search-jobs .article--result+.article--result:before {
    content: '';
    position: absolute;
    top: var(--spacer--0);
    right: var(--spacer--0);
    left: var(--spacer--0);
    border-top-width: var(--border--width);
    border-top-style: solid;
    border-top-color: var(--dividers--border--color);
}

/* PAGETYPES: Reg/App methods: Article
   -------------------------------------------------------------------------- */
/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--registered {
        padding: var(--spacer--0);
        margin: var(--spacer--0);
        background-color: var(--color--white);
    }
}

.body--application .article--methods .paragraph {
    max-width: 59.2rem;
    margin: auto;
    text-align: center;
}

.body--application .article--methods .article__content:first-of-type {
    border-bottom-width: var(--border--width);
    border-bottom-style: solid;
    border-bottom-color: var(--color--grey--medium);
    padding-bottom: var(--spacer--xxxl);
}

@media (min-width: 751px) {
    .body--application .article--methods .article__content {
        margin-right: -3.4rem;
        margin-left: -3.4rem;
    }
}

.body--application .article--methods .article__content .grid {
    padding-left: 4.6rem;
    padding-right: 4.6rem;
}

.manualRegisterMethodExtra.Section {
    border-top-width: var(--border--width);
    border-top-style: solid;
    border-top-color: var(--color--grey--medium);
    padding-top: var(--spacer--xxxl);
    padding-left: var(--spacer--xl2);
    padding-right: var(--spacer--xl2);
    margin-top: 3.2rem;
}

.form--methods .fieldSpec+.button-bar {
    display: flex;
    justify-content: center;

}

.form--methods .fieldSpec>label.requiredField {
    padding-bottom: var(--spacer--m);
}

.form--methods div[class*=fieldSpec] .selectedFile {
    padding-top: var(--spacer--m);
}

.body--application .article__content>.paragraph:first-of-type{
    padding-top: var(--spacer--0);
}

/* PAGETYPES: Talent Community Register
   -------------------------------------------------------------------------- */
.article__content--image>img {
    width: 57.3rem;
}

.article__content>.paragraph:first-of-type {
    padding-top: var(--spacer--l);
}

.body--talent-community-register .form .Separator:not(.title, .subtitle)>legend {
    font-size: var(--font--size--05)
}
.section__talent--quotes {
    margin-bottom: var(--spacer--5xl);
}
.section__talent--items {
    margin-top: unset;
}

/* PAGETYPES: Profile Delete
   -------------------------------------------------------------------------- */
.body--profileDelete .section__content.section__content--w--narrower {
    text-align: center;
}
.body--profileDelete .button-bar__wrap {
    justify-content: center;
}
/* UTILITIES
   -------------------------------------------------------------------------- */
/* STRUCTURE: Image and text 2 columns (Expertise)
   -------------------------------------------------------------------------- */
.article__content--2cols,
.article__content--1cols {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    margin-top: calc(-1 * var(--grid--columns--gap));
    margin-right: var(--spacer--0);
    margin-bottom: var(--spacer--0);
    margin-left: calc(-1 * var(--grid--columns--gap));
}

.article__content--1cols {
    margin-left: var(--spacer--0);
    flex-direction: column-reverse;
}

.article__content--2cols.img-left {
    flex-direction: row-reverse;
}

.body--home .article__header+*:not(.article__content--button) {
    margin-top: var(--spacer--l);
    flex: 1;
}

.article__content--header,
.article__content--button {
    margin-top: var(--spacer--m);
}

@media (max-width:750px) {
    .article__content--2cols.img-left {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .article__content--header, .article__content--button {
        text-align: center;
    }
}

.article__content--2cols .article__content--image,
.article__content--1cols .article__content--image,
.article__content--2cols .article__content--description--2,
.article__content--1cols .article__content--description--2 {
    border-radius: .6rem;
    overflow: hidden;
}

.article__content--2cols .article__content--image,
.article__content--2cols .article__content--description,
.article__content--1cols .article__content--image,
.article__content--1cols .article__content--description,
.article__content--2cols .article__content--description--2,
.article__content--1cols .article__content--description--2 {
    padding-top: var(--grid--columns--gap);
    padding-right: var(--spacer--0);
    padding-bottom: var(--spacer--0);
    padding-left: var(--grid--columns--gap);
}

.article__content--1cols .article__content--image,
.article__content--1cols .article__content--description,
.article__content--1cols .article__content--description--2 {
    padding-left: var(--spacer--0);
}

@media all and (min-width: 751px) {

    .article__content--2cols.img-right>.article__content--description,
    .article__content--2cols.img-right>.article__content--image {
        width: 50%;
        display: flex;
        flex-direction: column;
    }

    .article__content--2cols.img-right>.article__content--description--2 {
        display: flex;
        flex-direction: column;
    }

    .article__content--2cols .article__content--image {
        height: 32.3rem;
        object-fit: cover;
        object-position: bottom;
    }
}

.article__content--2cols .article__content--image img,
.article__content--1cols .article__content--image img {
    border-radius: var(--boxes--border--radius);
    object-fit: cover;
    object-position: top;
    width: 100%;
}

/* Swiper Classes for Image Carousel */
.swiper-button-next--images.swiper-button-disabled,
.swiper-button-prev--images.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next--images:after,
.swiper-button-prev--images:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    letter-spacing: var(--spacer--0);
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    color: var(--color--clickeable);
}

.swiper-button-prev--images:after,
.swiper-container-rtl .swiper-button-next--images:after {
    content: 'prev'
}

.swiper-button-next--images:after,
.swiper-container-rtl .swiper-button-prev--images:after {
    content: 'next'
}

/* Helper Classes */

.display--none {
    display: none;
}

/* Talent Community Items */
.section--list .list__item {
    display: flex;
    flex-direction: row;
    margin-bottom: var(--spacer--xxxl);
}

.section--list .list__item__icon {
    min-width: 7rem;
    margin-right: var(--spacer--xl);
}

.section--list .list__item__text {
    line-height: normal;
}

@media all and (max-width:750px) {
    .section--list .list__item {
        flex-direction: column;
    }

    .section--list .list__item__icon {
        margin-bottom: var(--spacer--m);
        margin-right: var(--spacer--0);
        text-align: center;
    }
}

/* LOGIN PAGE */

.body--extraLogin .article__header {
    display: flex;
    align-items: flex-start;
    width: 100%;
    flex-direction: column;
}

.body--extraLogin {
    padding-top: var(--spacer--0);
}

.body--extraLogin .section__flex {
    display: flex;
}

.body--extraLogin .body__content {
    padding-top: var(--spacer--0);
}

.body--extraLogin .section__flex {
    display: flex;
    margin-top: var(--spacer--0);
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-direction: row;
}

.body--extraLogin .section__content {
    margin-top: var(--spacer--0);
}

.body--extraLogin .section__form {
    width: 59.2rem;
}

.body--extraLogin .article__form {
    width: 43.8rem;
    margin: var(--spacer--0);
}

.body--extraLogin .footer {
    margin-top: var(--spacer--0);
}

.body--extraLogin .section__content--image {
    background-image: var(--login__body--background--image);
    background-size: cover;
    background-position: bottom;
    width: 100%;
    height: 100%;
}

.body--extraLogin .section__image {
    margin-top: var(--spacer--0);
    width: 50vw;
    height: 100%;
}

@media all and (min-width:751px) and (max-width:1150px) {
    .body--extraLogin .article__form {
        width: 30.8rem;
    }
}

.body--extraLogin .section .button.button--primary {
    --buttons--padding--h: unset;
    margin-right: var(--spacer--m2);
}

.body--extraLogin .button-bar__wrap>* {
    width: 12rem;
}

.body--extraLogin .button-bar__wrap {
    display: block;
}

.logo.logo--login img {
    object-fit: contain;
}

.logo.logo--login {
    width: 17.2rem;
    height: 10rem;
    margin-top: var(--spacer--xxl);
}

.body--extraLogin .article__header__text__title {
    margin-top: 1rem;
}

.body--extraLogin .list--links--bottom {
    margin-bottom: var(--spacer--xxl);
}
@media all and (max-width:1024px) {
    .body--extraLogin .article__form,
    .body--extraLogin .section__form {
        width: unset;
    }
    .body--extraLogin .section__image {
        display: none;
    }
    .body--extraLogin .article__header {
        align-items: center;
    }
    .body--extraLogin .list--links--bottom {
        margin-bottom: var(--spacer--l);
        margin-top: var(--spacer--l);
        justify-content: center;
    }
    .body--extraLogin .article__header__text__title {
        margin-top: 2rem;
        width: 100%;
    }
    .body--extraLogin .article.article--divider--top {
        text-align: center;
    }
    .body--extraLogin [class*="--divider--top"] {
        border-top-width: var(--spacer--0);
    }
    .body--extraLogin .footer * {
        line-height:175%
    }

    .body--extraLogin .footer__content {
        flex-direction: column
    }

    .body--extraLogin .footer__content>*+* {
        margin-top: var(--spacer--m)
    }

    .body--extraLogin .footer__social__item+.footer__social__item {
        margin-left: var(--spacer--l)
    }
}

/* REGISTRATION STEPS STATICS ON JOB APPLICATION PAGE */

.app--steps {
    display: flex;
    justify-content: space-between;
}

.app--steps .number {
    background: var(--color--grey--medium--sub-1);
    width: 2.6rem;
    text-align: center;
    border-radius: var(--spacer--m2);
    color: var(--color--white);
    font-weight: bold;
    padding-top: .25rem;
    z-index: 20;
    height: 2.6rem;
}

.line {
    background: var(--color--grey--medium);
    width: calc(100% - calc(var(--grid--laterals) * 2.6));
    height: .3rem;
    position: relative;
    margin: 0 auto;
    top: -4.7rem;
}

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

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

    .app--steps {
        flex-direction: column;
    }

    .line {
        display: none;
    }
}

/* PILLS OF SKILLS ON DETAIL PAGES */

.tf_skills .article__content__view__field__value {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.tf_skills .pills {
    background-color: var(--color--brand--2);
    color: var(--color--font--brand--2);
    padding: .5rem 1.1rem;
    border-radius: 1.7rem;
    margin: 0.5rem var(--spacer--m2) 1rem var(--spacer--0);
    white-space: nowrap;
}

/* PROFILE JOB APPLICATIONS PAGE */

.body--profile--job--applications .article--result .article__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.body--profile--job--applications .article--result {
    flex-direction: column;
    padding: var(--spacer--0);
}

.body--profile--job--applications .article__header__pipelineType {
    background: var(--color--grey--lighter--sub-3);
    font-weight: 600;
    flex-grow: 1;
    padding: 1rem 2.3rem;
    height: 4.2rem;
}

.body--profile--job--applications .article__header__status {
    background: var(--color--grey--dark--sub-2);
    color: var(--color--white);
    font-weight: 600;
    padding: 1rem 4rem;
}

.body--profile--job--applications .article--result .article__content {
    padding: 0 2.3rem;
}

.body--profile--job--applications .article--result .article__footer {
    width: 100%;
    padding: 0 2.3rem 2.5rem;
    align-items: flex-end;
}

.body--profile--job--applications .article__header__text__title {
    margin-bottom: .8rem;
}

.body--profile--job--applications .article__header__text__primary__title {
    margin-bottom:var(--spacer--3);
    margin-top: 6rem;
}

.body--profile--job--applications .section {
    margin-top: var(--spacer--4xl);
}

.body--profile--job--applications .banner.banner--profile--job--applications {
    height: 19.6rem;
    background: var(--color--brand--1);
    color: var(--color--font--brand--1);
}

.body--profile--job--applications .section__profile--positions {
    display: flex;
    align-items: center;
}

.body--profile--job--applications .section__profile--positions .banner__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacer--m2);
}

.body--profile--job--applications .section__profile--positions .title {
    --title--font--size: var(--font--size--05);
}

.body--profile--job--applications .footer {
    margin-top: var(--spacer--0);
}

.body--profile--job--applications .section__header,
.body--profile--job--applications .article__header {
    align-items: flex-start;
}

.body--profile--job--applications .article__content>.paragraph:first-of-type {
    padding-top: var(--spacer--0);
}

@media (max-width: 750px){
   .tabs__placeholder {
        width: 100%;
        justify-content: space-between;
        border-bottom-width: 0.2rem;
        border-bottom-style: solid;
        border-bottom-color: var(--color--brand);
        font-size: 1.6rem;
        font-weight: normal;
        padding-bottom: 1.3rem;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }
    .article.article--actions .button.button--primary {
        margin-right: unset;
    }
    .article__content.article__wrapper {
        padding-right: unset;
        padding-left: unset;
    }
    .article__content__title.title.title--04 {
        width: 100%;
        text-align: center;
    }
    .body--profile--job--applications .article--result .article__header {
        flex-direction: column;
    }
    .body--profile--job--applications .article__header__pipelineType,
    .body--profile--job--applications .article__header__status {
        width: 100%;
    }
    .body--profile--job--applications .article__content.article__wrapper {
        padding-right: var(--grid--laterals);
        padding-left: var(--grid--laterals);
    }
    .body--profile--job--applications .article--result .article__footer {
        display: unset;
    }
    .body--profile--job--applications .article__footer__data,
    .body--profile--job--applications .button-bar,
    .body--agentEdit .section,
    .body--agentCreate .section,
    .section--error {
        padding-right: var(--spacer--m);
        padding-left: var(--spacer--m);
    }
    .body--profile--job--applications .article__header__text__primary__title {
        margin-bottom: var(-spacer--s);
        margin-top: var(--spacer--xxxl);
    }
    .body--profile--job--applications .article__header__status{
        padding: 1rem 2.3rem;
    }
    .body--profile--job--applications .container:not(:last-child) {
        margin-bottom: 3rem;
    }
    .body--profile--job--applications .section {
        margin-top: var(--spacer--xxxl);
    }
    .table--cards tbody tr td:nth-last-child(1) .link {
        font-size: var(--font--size--01);
        text-transform: uppercase;
    }
    .body--profile--job--alerts .article__header+* {
        margin-top: var(--spacer--xl);
    }
    .body--agentEdit .form .ButtonBarField:not([class*=button-bar--cols]) [class*=Button] ,
    .body--agentCreate .form .ButtonBarField:not([class*=button-bar--cols]) [class*=Button]{
        width: 100%;
    }
    .section--error {
        flex-direction: column;
    }
    .body--agentCreate .article__content__title.title.title--04,
    .body--agentEdit .article__content__title.title.title--04 {
        padding-bottom: var(--spacer--l);
    }
    .body--agentCreate .article__footer,
    .body--agentEdit .article__footer {
        margin-top: var(--spacer--xxxl);
    }
    .tabs__list__item {
        text-transform: capitalize;
    }
    .tabs__list.clearfix {
        width: 100%;
    }
}

/* PROFILE JOB ALERTS PAGES */

.body--profile--job--alerts .banner.banner--job--alerts {
    height: 19.6rem;
    background: var(--color--brand--1);
    color: var(--color--font--brand--1);
}

.body--profile--job--alerts .section__profile--jobAlerts {
    display: flex;
    align-items: flex-end;
}

.body--profile--job--alerts .section__profile--jobAlerts .banner__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacer--m2);
}

.body--profile--job--alerts .footer {
    margin-top: var(--spacer--0);
}

.body--profile--job--alerts .article__header.article__wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top:var(--spacer--5);
    margin-bottom:var(--spacer--5);
    gap: 1rem;
}

.body--profile--job--alerts .table--default tbody tr>:nth-child(1) {
    font-weight: 600;
}

.body--profile--job--alerts .table--default tbody tr td:nth-last-child(1) {
    display: flex;
    gap: 1rem;
    width: auto;
    align-items: center;
}

/* AGENT CREATE PAGE */

.body--agentCreate .submitButton {
    width: auto;
    margin-top: var(--spacer--m2);
}

.body--agentCreate .article__content>.paragraph:first-of-type {
    padding-top: var(--spacer--0);
}
.body--agentCreate .list--links--bottom,
.body--agentEdit .list--links--bottom {
    margin-bottom: var(--spacer--5xl);
}
.table--default.table--fixed-column.table--fixed-column--first tbody tr>:nth-child(1),.table--default.table--fixed-column.table--fixed-column--first-and-last tbody tr td:nth-last-child(1),.table--default.table--fixed-column.table--fixed-column--first-and-last tbody tr>:nth-child(1),.table--default.table--fixed-column.table--fixed-column--last tbody tr td:nth-last-child(1) {
    backdrop-filter: unset;
    -webkit-backdrop-filter: unset;
}
.datasetField__row {
    background-color: var(--color--brand--1);
    color: var(--color--font--brand--1);
}

/* AGENT EDIT PAGE */

.body--agentEdit .submitButton {
    width: auto;
    margin-top: var(--spacer--m2);
}

.body--agentEdit .article__content>.paragraph:first-of-type {
    padding-top: var(--spacer--0);
}

/* ERROR PAGE */

.section--error {
    display: flex;
    justify-content: flex-start;
    text-align: center;
    align-items: center;
}

.section--error .section__content {
    margin-top: var(--spacer--0);
    margin-bottom: 6rem;
}

/* PROFILE PAGE */

.body--profile .article__header {
    margin-bottom: var(--spacer--0);
    border-bottom-width: var(--border--width);
    border-bottom-style: solid;
    border-bottom-color: var(--dividers--border--color);
    padding-bottom: 1.4rem;
}

.body--profile .article--details+.article--details {
    border-top: none;
}

.body--profile .banner.banner--profile {
    height: 19.6rem;
    background: var(--color--brand--1);
    color: var(--color--font--brand--1);
}

.body--profile.section__profile--contact {
    display: flex;
    align-items: flex-end;
}

.body--profile .section__profile--contact .banner__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacer--m2);
}

.body--profile .section__profile--contact .banner__text__title.title {
    --title--font--size: var(--font--size--05);
}

.body--profile .footer {
    margin-top: var(--spacer--0);
}

.body--profile .button-bar__wrap {
    justify-content: center;
    align-items: center;
}

.body--profile .article.article--actions {
    margin-bottom: var(--spacer--0);
    display: flex;
    align-items: center;
    z-index: 5;
}

.body--profile .section.section__profile--contact.t--c {
    margin-top: var(--spacer--0);
}

.body--profile .section.section__delete.t--c {
    background: var(--color--brand--1);
    color: var(--color--font--brand--1);
    padding-top: var(--spacer--m);
    padding-bottom: var(--spacer--m);
    margin-top: var(--spacer--0);
}

.body--profile .section__header__text__title.title {
    margin-top: var(--spacer--xxl);
}

.body--profile .section.js_views {
    margin-top:var(--spacer--0);
}

.body--profile .article--details:last-child {
    border-bottom:var(--spacer--0);
}

.body--profile .section__header {
    align-items: flex-start;
}

/* SUCCES PAGES */

.success--page .article__header__text__subtitle {
    font-size: 2.0rem;
    margin-bottom: 1rem;
}

.success--page .article--view-more--aside .article__header {
    margin-top: 6.9rem;
}

.success--page .section__success--cards .article__content--description,
.success--page .section__success--cards .article__content--description--2 {
    background: var(--color--brand--1);
    color: var(--color--font--brand--1);
    width: 49%;
    border-radius: var(--spacer--0);
    padding: 2.5rem;
}

.success--page .section__success--cards .article__header__text__title {
    font-size: 2.2rem;
}

.section__success--cards .article__content--2cols {
    margin-left: var(--spacer--0);
}

.section__success--cards .article__content--description--text {
    margin-bottom: var(--spacer--m2);
}

.success--page .footer,
.body--talent-succes .footer {
    margin-top: var(--spacer--0);
}
.success--page .article__content--header {
    text-align: center;
    text-align: start;
}
@media (max-width: 1024px){
    .success--page .article__content--header {
        text-align: center;
        text-align: start;
    }
    .success--page .article__content--2cols {
        flex-direction: column;
        gap: 3.2rem;
    }
    .success--page .section__success--cards .article__content--description, .success--page .section__success--cards .article__content--description--2 {
        width: 100%;
    }
    .success--page .article--view-more--aside {
        background-color: var(--color--white);
    }
    .section__relatedJobs__wrapper .article__content .button.button--secondary {
        width: 14rem;
    }
    .success--page .list__item__footer {
        justify-content: flex-end;;
    }
    .success--page .article--view-more--aside .article__header {
        margin-top: 4.8rem;
    }

}

/* TALENT SUCCES PAGES */

.body--talent-succes .article__header__text__subtitle.title {
    font-size: var(--spacer--m2);
    margin-bottom: 1rem;
}

/* REGISTRATION METHODS PAGES */

.registration--methods--page .grid--methods {
    margin-top: calc(-1 * var(--grid--columns--gap));
}

.registration--methods--page .article--methods .paragraph {
    max-width: 59.2rem;
    margin: auto;
    text-align: center;
}

.registration--methods--page .article--methods .article__content:first-of-type {
    margin-bottom: 3.8rem;
    border-bottom-width: var(--border--width);
    border-bottom-style: solid;
    border-bottom-color: var(--color--grey--medium);
    padding-bottom: 4.2rem;
}

/* TABLES */

.table--default.table--fixed-column.table--fixed-column--first tbody tr>:nth-child(1),
.table--default.table--fixed-column.table--fixed-column--first thead tr th:nth-child(1),
.table--default.table--fixed-column.table--fixed-column--first-and-last tbody tr>:nth-child(1),
.table--default.table--fixed-column.table--fixed-column--first-and-last thead tr th:nth-child(1) {
    box-shadow: unset;
}

.table--default.table--fixed-column.table--fixed-column--first tbody tr>:nth-child(1),
.table--default.table--fixed-column.table--fixed-column--first-and-last tbody tr td:nth-last-child(1),
.table--default.table--fixed-column.table--fixed-column--first-and-last tbody tr>:nth-child(1),
.table--default.table--fixed-column.table--fixed-column--last tbody tr td:nth-last-child(1),
.table--default.table--fixed-column.table--fixed-column--first tbody tr>:nth-child(1):before,
.table--default.table--fixed-column.table--fixed-column--first-and-last tbody tr td:nth-last-child(1):before,
.table--default.table--fixed-column.table--fixed-column--first-and-last tbody tr>:nth-child(1):before,
.table--default.table--fixed-column.table--fixed-column--last tbody tr td:nth-last-child(1):before {
    background-color: transparent;
}

.table--default.table--fixed-column.table--fixed-column--first tbody tr>:nth-child(1),
.table--default.table--fixed-column.table--fixed-column--first thead tr th:nth-child(1),
.table--default.table--fixed-column.table--fixed-column--first-and-last tbody tr>:nth-child(1),
.table--default.table--fixed-column.table--fixed-column--first-and-last thead tr th:nth-child(1) {
    border-right-width: var(--spacer--0);
}

.table__wrap {
    border-width: var(--spacer--0);
}

/* PIPELINE DETAIL PAGE */

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

.body--pipeline .article.article--details:not(:first-of-type) {
    padding-top: var(--spacer--xxl);
    padding-bottom: var(--spacer--xxl);
}

.alert--applied {
    height: 7.4rem;
    background: var(--color--brand--2);
    color: var(--color--font--brand--2);
    font-size: var(--font--size--04);
    font-weight: bold;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-bottom: 7rem;
}

.section.section--applied{
    margin-top: var(--spacer--0);
}

/* RECOMMENDATION LIST PAGE */

.body--recommendation-list .article--result .article__header__text__title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.body--recommendation-list .article:not(.article--full-pill) .pill+* {
    margin-left: var(--spacer--0);
}

/* RESET PASSWORD PAGE */

.body--reset .article__content>.paragraph:first-of-type{
    padding-top: var(--spacer--0);
}

.body--reset .button__wrap--reset {
    display: flex;
    justify-content: center;
    margin-top:var(--spacer--3);
}

.body--reset .fieldSpec.button-bar {
    width: auto;
}

@media all and (min-width:751px) {

.body--reset .form.form--grid--2 .fieldSpec:not(.button-bar) {
    width: 68%;
}
}
/* REGISTER PAGE */

.body--register *+.form,
.body--app-confirmation *+.form {
    margin-top: var(--spacer--0);
}

.body--register .form--step2.form .Separator:not(.title, .subtitle)>legend {
    font-size: var(--font--size--09);
}

.share--popUp .share__button {
    margin-right: 1rem;
}