/* ==========================================================================
    LAYOUTS
    -------------------------------------------------------------------------
    Section
      : Action next to title (Override/complement)
      : Tabs in header (Override/complement)

    ELEMENTS
    -------------------------------------------------------------------------
    Fonts
      : Custom font FonterraNew
    Buttons
      : Main
        : Primary (Override/complement)
    Indicators
      : Pills (New)
        : Good (New)
        : Great (New)
        : Skills (New)
        : Strong (New)

    COMPONENTS
    -------------------------------------------------------------------------
    Cards
      : Table as cards (Override/complement)
      : Articles as cards (Override/complement)
    Lists
      : Skills (New)
        : Within WIDGETS/Details
        : Within WIDGETS/Skills
    Navigation
      : Steps bar (Override/complement)
      : Tabs (Override/complement)
    Cookie

    WIDGETS
    -------------------------------------------------------------------------
    Attachment upload (New)
    Registered
      : Article (Override/complement)
    Search
      : Visible (Override/complement)

    MODULES
    -------------------------------------------------------------------------
    Header
    Banner
      : Main
      : Secondary (New)
    Slider (New)
    Main
    Footer
    Table
    List-controls (New)

    PAGETYPES
    -------------------------------------------------------------------------
    Search jobs
      : list
        : Result (Override/complement)
      : Cards
        : Result (Override/complement)
    Open positions
      : Results without toggle (Override/complement)
    Job detail
    Application method
    Register
    Success
    Job alerts
    Profile Job Alerts
    Login
    TalentCommunity
    Profile
    Custom pages
      : Home
        : Job slider
        : Explore Careers
        : Video section
        : Stay connected
        : Stories news
      : Careers
        : Banner
        : Development
        : Job families

    UTILITIES
    -------------------------------------------------------------------------
    XXX
========================================================================== */

/*
    LAYOUTS/Section: Action next to title (Override/complement)
*/

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

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

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

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

}

/*
    LAYOUTS/Section: Tabs in header (Override/complement)
*/

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

/*
    ELEMENTS/Fonts: Custom font FonterraNew
*/

@font-face {
    font-family: 'FonterraNew';
    src: url('../fonts/FonterraNew-Light.woff') format("woff"),
        url('../fonts/FonterraNew-Light.woff2') format("woff2");
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'FonterraNew';
    src: url('../fonts/FonterraNew-Regular.woff') format("woff"),
        url('../fonts/FonterraNew-Regular.woff2') format("woff2");
    font-weight: 400;
    font-display: swap;
}

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

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

/*
    ELEMENTS/Buttons: Main: Primary (Override/complement)
    ↳ to be deleted when we get the Application Flow wizard properly configured
*/

.submitButton,
.disabledSubmitButtonGray,
.cookies .cookiesButtonAccept,
.cookies .cookiesButtonReject,
.cookies .cookiesButtonSettingsText,
.cookies .cookiesButtonSettingsIcon,
.cookies .cookiesButtonSave,
.ui-dialog .ui-button,
.button{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: unset;
    outline-width: var(--buttons--outline--width);
    outline-style: solid;
    outline-color: var(--buttons--outline--color);
    border-radius: var(--buttons--border--radius);
    border-width: var(--buttons--border--width);
    border-style: solid;
    border-color: var(--buttons--border--color);
    width: auto;
    height: auto;
    min-height: var(--buttons--height);
    background-color: var(--buttons--background--color);
    background-image: unset;
    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));
    font-family: var(--buttons--font);
    font-size: var(--buttons--font--size);
    line-height: calc(var(--buttons--height) -(var(--buttons--padding--v)* 2));
    font-weight: var(--font--weight--bold);
    font-style: normal;
    text-transform: initial;
    text-decoration: none;
    text-align: center;
    vertical-align: baseline;
    color: var(--buttons--font--color);
    cursor: pointer;
    text-transform: uppercase;
}

.ButtonBarField .tc_formButton,
.TIN_display_Button[id*=TIN_display_Button].TIN_display_CloserButton_NotificationAndDialog,
.TIN_display_Button[id*=TIN_display_Button].TIN_input_button_Cancel,
.TIN_display_Button[id*=TIN_display_Button].TIN_input_button_Primary,
.TIN_display_Button[id*=TIN_display_Button].autoschedule_editor_availability_header_Container_HeaderButton,
.autoschedule_Availability .TIN_display_Anchor,
.button,
.greyButtonBar .tc_formButton {
    text-transform: uppercase;
}

@media all and (max-width:750px) {
    .ButtonBarField .tc_formButton,
    .TIN_display_Button[id*=TIN_display_Button].TIN_display_CloserButton_NotificationAndDialog,
    .TIN_display_Button[id*=TIN_display_Button].TIN_input_button_Cancel,
    .TIN_display_Button[id*=TIN_display_Button].TIN_input_button_Primary,
    .TIN_display_Button[id*=TIN_display_Button].autoschedule_editor_availability_header_Container_HeaderButton,
    .autoschedule_Availability .TIN_display_Anchor,
    .button:not(.button--tertiary),
    .greyButtonBar .tc_formButton {
        width: 100%;
    }
}

/*
    ELEMENTS/Indicators: Pills (New)
*/

:root {
    --matching--color--strong: #001B66;
    --matching--color--great: #013799;
    --matching--color--good: #75D6FF;
    --border--color--skills: var(--color--brand);
}

.pill,
.list--pills .list .list__item span {
    display: inline;
    border-top-left-radius: 4.5rem;
    border-top-right-radius: 4.5rem;
    border-bottom-left-radius: 4.5rem;
    border-bottom-right-radius: 4.5rem;
    font-size: 1.4rem;
    padding: 0.4rem 0.8rem;
    background-color: var(--matching--background--color);
    font-weight: 400;
    vertical-align: middle;
}

.pill--box {
    line-height: 1;
    margin-bottom: 1rem;
}

.list--pills .list .list__item span {
    background-color: var(--color--brand);
    color: var(--color--white);
}

/*
    ELEMENTS/Indicators: Pills (Within COMPONENTS/Cards: Articles as cards)
*/

/* 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: 0;
    top: 0;
    border-top-right-radius: var(--card--border--radius);
    border-top-left-radius: var(--card--border--radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

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

/*
    ELEMENTS/Indicators: Pills: Good (New)
*/

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

/*
    ELEMENTS/Indicators: Pills: Great (New)
*/

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

/*
    ELEMENTS/Indicators: Pills: Skills (New)
*/

.pill--skills,
.list--pills .list .list__item span {
    --matching--background--color: var(--color--white);
    border: .1rem solid var(--border--color--skills);
}

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

/*
    ELEMENTS/Indicators: Pills: Strong (New)
*/

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

/*
    COMPONENTS/Cards: Table as cards (Override/complement)
*/
.table--cards{
    --grid--columns--gap: var(--spacer--l)
}

.table--cards.table--cards--with-no-subtitle tbody tr>:first-child {
    line-height: 1;
    font-size: 2rem;
}

.table--cards.table--cards--with-no-subtitle tbody tr td:nth-child(2){
    border-top: 0;
}

.table--cards tbody tr>* {
    font-size: 1.6rem;
}

.table--cards tbody tr td:last-child:not(:first-child){
    border-top: 0;
}

.table--cards .button--secondary, .table--cards .button--share, .table--cards .button--tertiary{
    padding: 1.4rem 1.6rem;
    --buttons--font--size: 1.6rem;
}
/*
    COMPONENTS/Cards: Articles as cards (Override/complement)
*/

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

.article--card .article__content .paragraph {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.article--card .button--secondary {
    --buttons--border--radius: 3.2rem;
    --buttons--border--width: .2rem;
    --buttons--padding--v: var(--spacer--xs);
    --buttons--padding--h: var(--spacer--l);
}

.article--card .button .button__icon,
.article--card .button .fa,
.article--card .button .fv {
    display: initial;
}

.article--card .popup--share {
    position: relative;
}

.article--card .popup--share .popup__content {
    bottom: 150%;
}

/* Media query to target only mobile */
@media all and (max-width: 750px) {
    .article--card .button {
        width: initial;
    }
}

/*
    COMPONENTS/Lists: Skills (New)
*/

.list--pills .list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacer--s);
}

.list--skills .list__item,
.list--pills .list .list__item {
    display: inline-flex;
}

/*
    COMPONENTS/Lists: Skills (Within WIDGETS/Details)
*/

.article--details .article__content__view__field__value .list--pills .list {
    margin-left: 0;
    padding-left: 0;
}

.article--details .article__content__view__field__value .list--pills .list li+li {
    margin-top: 0;
}

/*
    COMPONENTS/Lists: Skills (Within WIDGETS/Skills)
*/

.skills .list--skills:not(.list--skills--active) {
    display: none;
}

.skills .list--skills .list__item {
    margin-bottom: var(--spacer--s);
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .skills .list--skills {
        overflow-x: scroll;
        white-space: nowrap;
    }

    .skills .list--skills::-webkit-scrollbar {
        display: none;
    }
}

/*
    COMPONENTS/Navigation: Steps bar (Override/complement)
*/
.list--steps .list__item__text__title {
    text-transform: none;
}

/* 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;
        border: 0;
    }

}

@media all and (max-width:750px) {
    .list--steps {
        margin-bottom: var(--spacer-l);
    }
}

/*
    COMPONENTS: Application method (Override/complement)
*/
.methodButton--dropbox,
.methodButton--file,
.methodButton--later,
.methodButton--paste {
    text-transform: uppercase;
}

.methodButton--later:before,
.methodButton--paste:before {
    width: 1.8rem;
    height: 1.8rem;
    margin: 1.4rem 0.8rem;
}

.methodButton--later {
    --buttons__icon--background--image: var(--icon--without-resume);
}

.methodButton--paste {
    --buttons__icon--background--image: var(--icon--copy);
}

@media all and (min-width:1025px) {
    .grid--methods>.grid__item:nth-child(n+4) {
        padding-top: 2rem;
    }

}

@media (max-width: 750px) {
    .grid--methods>.grid__item>:not(.grid) {
        width: 100%;
        max-width: 100%;
        justify-content: center;
    }
}

/*
    COMPONENTS/Navigation: Tabs (Inverting clickable colors - commented and ready to use)
*/

/*
.tabs__list__item:not(.tabs__list__item--active),
.tabs__list__item:not(.tabs__list__item--active):link,
.tabs__list__item:not(.tabs__list__item--active):visited {
    color: inherit;
}

.tabs__list__item:not(.tabs__list__item--active):hover,
.tabs__list__item:not(.tabs__list__item--active):focus,
.tabs__list__item:not(.tabs__list__item--active):active {
    color: var(--color--clickeable);
}

.tabs__list__item--active,
.tabs__list__item--active:link,
.tabs__list__item--active:visited,
.tabs__list__item--active:hover,
.tabs__list__item--active:focus,
.tabs__list__item--active:active {
    color: var(--color--clickeable);
}

+TBD+
*/
.tabs__list__item {
    text-transform: none;
    font-weight: var(--font--weight--bolder);
}

@media (min-width: 1025px) {
    .tabs__list__item--active {
        border-bottom-color: #59B836;
    }

    .tabs__list__item {
        padding: 0.8rem 1.6rem 0.8rem;
        line-height: 1;
    }
}

@media all and (max-width:1024px) {
    .tabs__placeholder {
        justify-content: space-between;
        border-bottom: 0.1rem solid var(--dividers--border--color);
        padding-left: var(--spacer--m);
        font-size: 1.6rem;
    }

    .tabs__placeholder:after {
        margin-right: var(--spacer--m);
    }

    .tabs__list {
        width: 100%;
        border: 0;
    }

    .tabs__list .tabs__list__item{
        font-weight: var(--font--weight--bold);
        line-height: 1;
        padding-top: 0;
        padding-bottom: 0;
    }

    .tabs__list .tabs__list__item a,.tabs__list .tabs__list__item h2{
        display: block;
        width: 100%;
        padding-top: 1rem;
        padding-bottom: 1.2rem;
    }

    .tabs__list .tabs__list__item:hover,
    .tabs__list__item--active {
        color: var(--color--font);
        background-color: var(--color--grey--lighter);
    }
}

/* Components: Cookie
   -------------------------------------------------------------------------- */
.cookies .cookiesButtonSettingsIcon {
    --buttons--background--color: var(--color--white);
    color: var(--color--brand);
    padding-left: 1.4rem;
    padding-right: 1.4rem;
}

.cookies .cookiesButtonSettingsIcon [class*=avaicon]:before,
.cookies .avaicon-icon-settings {
    font-size: 2rem;
    line-height: 1;
}

.cookies .cookiesButtonReject,
.cookies .cookiesButtonSave {
    border-color: var(--color--white)!important;
    color: var(--color--white)!important;
}

.cookies .cookiesButtonAccept:active,
.cookies .cookiesButtonAccept:focus,
.cookies .cookiesButtonAccept:hover,
.cookies .cookiesButtonReject:active,
.cookies .cookiesButtonReject:focus,
.cookies .cookiesButtonReject:hover,
.cookies .cookiesButtonSettings:active,
.cookies .cookiesButtonSettings:focus,
.cookies .cookiesButtonSettings:hover {
    opacity: 1;
}

.cookies .cookiesButtonSettingsText:hover,
.cookies .cookiesButtonAccept:hover{
    border-color: var(--color--buttons--sub-1)!important;
    background-color: var(--color--buttons--sub-1)!important;
    color: var(--color--brand)!important;
}

.cookies .cookiesButtonAccept:focus,
.cookies .cookiesButtonAccept:active {
    border-color: var(--color--black)!important;
    background-color: var(--color--buttons--sub-1)!important;
    color: var(--color--brand)!important;
}

@media (min-width: 751px) {
    .cookies .cookiesButton+.cookiesButton {
        margin-left: var(--spacer--s);
    }
}

@media all and (max-width: 750px) {
    .cookies .cookiesButtonAccept,
    .cookies .cookiesButtonReject,
    .cookies .cookiesButtonSettingsText,
    .cookies .cookiesButtonSettingsIcon,
    .cookies .cookiesButtonSave {
        width: 100%;
    }

    .cookies .cookiesButton+.cookiesButton {
        margin-top: var(--spacer--s);
    }

    .cookies .cookies__settings__option{
        margin:0;
        padding: var(--spacer--m);
    }

    .cookies .cookies__settings__option + .cookies__settings__option{
        margin-top: 1rem;
    }
}

/*
    WIDGETS/Attachment upload (New)
*/

.article--attachments-upload {
    border-radius: var(--boxes--border--radius);
    border-width: .1rem;
    border-style: dashed;
    border-color: var(--boxes--border--color);
    background-color: var(--boxes--background--color);
    padding: var(--boxes--padding--outers) var(--boxes--padding--outers);
}

.article--attachments-upload .article__header {
    margin-bottom: var(--boxes--padding--outers);
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: var(--dividers--border--color);
    padding-bottom: var(--boxes--padding--outers);
}

.article--attachments-upload .article__header .fv {
    vertical-align: middle;
}

/*
    WIDGETS/Registered: Article (Override/complement)
*/

/* Media query to target only mobile */

@media (min-width: 1025px) {
    .body--application-method .article--registered,
    .body--recommend-method .article--registered {
        --article--width--max: var(--content--w--sidebar);
    }
}

@media all and (max-width:750px) {
    .article--registered {
        margin: 0;
        background-color: unset;
        padding: 0;
    }
}

/*
    WIDGETS/Search: Visible (Override/complement)
*/

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

/*
    MODULES/Header
*/
.body--header-fixed-on-scroll .header {
    z-index: 11;
}

.menu--visible .menu__item+.menu__item {
    margin-right: 0.8rem;
}

.menu--visible .menu__item--custom {
    position: inherit;
}

.menu--visible .menu__item--custom .submenu__list {
    columns: 4;
    border: 0;
}

.menu--visible .menu__item--custom .submenu__link,
.menu--visible .menu__item--custom .submenu__item {
    border: 0;
}

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

.menu--visible .menu__item.menu__item--custom:hover .menu__link[aria-haspopup=true]+.submenu__list--overflows-not,
.menu--visible .menu__item--custom .menu__link[aria-haspopup=true][aria-expanded=true]+.submenu__list--overflows-not {
    width: var(--content--w--full);
    left: 50%;
    transform: translateX(-50%);
    top: 10rem;
    border-top-left-radius: var(--menu__link--border--radius);
    border-top-right-radius: var(--menu__link--border--radius);
}

.menu--visible .menu__item.menu__item--custom:hover:before {
    content: " ";
    width: var(--content--w--full);
    height: var(--spacer--xl);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 6.8rem;
    background-color: transparent;
}

.menu--toggleable .menu__panel {
    padding-left: 0;
    padding-right: 0;
    padding-top: var(--spacer--s);
}

.menu--toggleable .menu__item {
    border: 0;
}

.menu--toggleable .submenu__list {
    padding-left: 0;
    padding-bottom: var(--spacer--s2);
}

.menu--toggleable .menu__link {
    padding: var(--spacer--s) var(--spacer--m);
}

.menu--toggleable .menu__text {
    line-height: 1;
}

.menu--toggleable .submenu__link {
    font-weight: 300;
    padding: var(--spacer--s) var(--spacer--m2) var(--spacer--s) var(--spacer--m2);
}

.menu--toggleable .menu__item:not([aria-current="page"]):hover .menu__link{
    background-color: var(--color--grey--lighter);
    color: #757575;
}

/*
    MODULES/Banner
*/
.body--search-jobs .banner--main {
    background-image: var(--banner--background--image--search-job);
}

.banner__wrapper {
    align-items: flex-end;
    width: 100%;
    justify-content: center;
}

.title--banner {
    line-height: 1;
}

.banner__text__title {
    font-weight: var(--font--weight--bolder);
}

.banner__text__subtitle {
    font-weight: var(--font--weight--bold);
    font-size: var(--font--size--04);
    text-align: center;
    margin-top: var(--spacer--m);
    text-transform: none;
    line-height: 1;
}

.banner__text {
    text-align: center;
}

/* banner video */
.body--home .banner--main--video {
    background-image: none;
    position: relative;
    display: flex;
    width: 100%;
    height: 86rem;
    max-height: 96vh;
    overflow: hidden;
}

.body--home .banner--main--video .banner__video {
    position: absolute;
    width: 100%;
    height: 100%;
}

.body--home .banner--main--video .banner__video video {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 6%);
    transform: translate(-50%, 6%);
    min-width: 100%;
    min-height: 100%;
}

.body--home .banner--main--video .banner__wrapper {
    position: absolute;
    left: 0;
    right: 0;
}

@media all and (max-width: 750px) {
    .banner__wrapper {
        padding-bottom: 29%;
    }

    .banner__text__subtitle {
        margin-top: var(--spacer--l);
    }
}

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

.banner--secondary {
    background-color: var(--color--brand);
}

.banner--secondary--bottom {
    background-color: var(--color--white);
    color: var(--color--brand);
}

.body--search-jobs .banner--secondary--bottom {
    background-color: var(--color--brand--sub-2);
    color: var(--color--white);
}

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

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

.banner--secondary .banner__text__title__conjunction {
    font-weight: var(--font--weight--bolder);
    font-size: var(--font--size--01);
}

/* 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+* {
        margin-top: var(--spacer--xl);
    }

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

    .banner--secondary .banner__text__title {
        display: flex;
        align-items: center;
    }

}

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

/*
    MODULES/Slider (New)
*/

:root {
    --swiper__slide--gap: var(--grid--columns--gap);
    --swiper-navigation-size: 2.4rem;
}

.slider {
    position: relative;
}

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

.swiper-slide {
    height: auto;
}

.swiper-slide .article--card {
    box-sizing: border-box;
    height: 100%;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    --swiper-theme-color: var(--color--black);
}

.swiper-button-next,
.swiper-button-prev {
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: var(--slider--icon--arrow--right--blue);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.swiper-button-prev:after {
    background-image: var(--slider--icon--arrow--left--blue);
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 0;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 0;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .swiper-container {
        width: calc(100% - (var(--swiper__slide--gap)*3) - var(--swiper-navigation-size));
    }
}

/*
    MODULES/Main
*/
.alert,
.duplicateWarningMessage {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    border-radius: var(--border--radius);
}

.alert--info {
    --alert--background--color: #E6E6E6;
    --alert__icon--font--color: var(--color--font);
    border-radius: 0.4rem;
    padding-left: 3rem;
    background-image: var(--icon--error);
    background-position: 0.4rem center;
    background-repeat: no-repeat;
}

a:hover,
.link:hover {
    text-decoration-color: transparent;
}

a:not(.button):not(.methodButton):focus {
    outline: 0;
    color: var(--color--grey--darkest);
}

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

:root {
    --button-bar--rows--gap: var(--spacer--m);
}

* {
    line-height: 1.5
}

.title {
    line-height: 1.1;
}

.article--details .article__header__text__title,
.title,
.line-height-1 {
    line-height: 1.1;
}

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

.color--brand {
    color: var(--color--brand);
}

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

.article--methods.tpt_registrationMethods textarea {
    width: 99%;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    * {
        line-height: 1.375
    }

    .grid>.grid__item+.grid__item {
        margin-top: var(--spacer--m);
    }
    .grid.grid--methods>.grid__item{
        margin-top: 0;
        padding-top: 2rem;
    }
    :has(> .grid--dividers){
        overflow: visible;
    }

    *+.section {
        margin-top: var(--spacer--l);
    }

    .Section+.Section {
        margin-top: var(--spacer--l);
    }
}

/*
    MODULES/Footer
*/
.footer {
    font-size: var(--font--size--00);
    line-height: 100%;
    border-top-width: 0;
}

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

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

.footer__header__links__content ul {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: var(--spacer--xs);
    margin-left: var(--spacer--m);
}

.footer__header__links__content li {
    padding-left: var(--spacer--xs);
}

.footer__header__links__content+.footer__header__links__content {
    margin-top: var(--spacer--l);
}

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

.footer__header {
    columns: 1;
}

.footer__content,
.footer .logo,
.footer__links {
    align-items: flex-start;
    justify-content: flex-start;
    display: block;
}

.footer__links,
.footer__rights {
    margin-top: var(--spacer--m);
}

.footer__links__divider {
    margin-left: var(--spacer--s2);
    margin-right: var(--spacer--s2);
}

@media all and (max-width:1024px) {
    .footer__header__links+.footer__header__links {
        margin-top: var(--spacer--l);
    }
}

@media all and (max-width:750px) {
    .footer__header__links+.footer__header__links {
        margin-top: var(--spacer--l);
    }

    .footer__wrapper {
        padding-top: var(--spacer--xxxl);
    }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
    .footer__header {
        columns: 2;
    }

    .footer__header__links {
        padding-right: var(--spacer--s2);
    }
}

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

    .footer__header__links {
        flex: 1;
    }

    .footer__header__links__content ul {
        padding-left: var(--spacer--xs);
    }

    .footer__content {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

/*
    MODULES/table
*/
.table--default td[data-th]:before,
.table--default thead tr th,
.tableField thead tr th {
    font-weight: normal;
}

.table--default thead tr th {
    color: var(--color--white);
}

.table--default td {
    color: #000000;
}

/*
    MODULES/list-controls (New)
*/

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

.list-controls__text__legend strong {
    font-weight: var(--font--weight--bolder);
}

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

.dropdown__placeholder {
    border-color: #91A7B3;
    border-radius: 0.4rem;
    padding-right: 2.8rem;
}

[class*=list-controls__]+[class*=list-controls__] {
    margin-left: var(--spacer--s);
}

[class*=list-controls__]+.paginationNextLink {
    margin-left: var(--spacer--m);
}

@media (min-width: 1025px) {

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

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

    .list-controls__text__reset,
    .list-controls__text__reset .link {
        font-weight: var(--font--weight--bolder);
    }
}

@media all and (max-width:1024px){
    .list-controls__text__legend + .list-controls__text__reset{
        margin-left: 0;
    }
}

/*
    PAGETYPES/Search jobs: list: Result (Override/complement)
*/
.search--toggleable .search__panel {
    background-color: #B3C3E0;
}

.toggle--search .toggle__icon {
    font-size: 2rem;
}

.results--listed {
    padding-top: 0;
}

.results--listed .article__header__text {
    position: relative;
}

.results--listed .article__header__logo {
    width: 10rem;
}

.results--listed .article__header__logo .job__logo {
    max-width: 10rem;
    min-width: 10rem;
}

.results--listed .article__header__text__title {
    padding-top: var(--spacer--s);
    font-weight: var(--font--weight--bold);
}

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

.results--listed .article__header__text__subtitle {
    color: var(--color--grey--darkest);
    margin-top: var(--spacer--s2);
    font-size: var(--font--size--01);
}

.results--listed .article__header__text__subtitle [class^="list-item"] {
    font-weight: var(--font--weight--bold);
}

.results--listed .article__header__text__subtitle .separator {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
}

.results--listed .article__footer .button {
    min-width: 12rem;
}

.results--listed .article--result .article__footer {
    margin-top: var(--spacer--xl);
    margin-bottom: var(--spacer--s);
}

.results--listed .article--result .button--share {
    color: #1F4D00;
    font-weight: var(--font--weight--bold);
}

.section__content__without-results {
    --dividers--border--color: #ccc;
    border-top: var(--dividers--border--color);
    border-top-width: .1rem;
    border-top-style: solid;
    padding-top: var(--spacer--l);
    padding-bottom: var(--spacer--l);
    border-bottom: var(--dividers--border--color);
    border-bottom-width: .1rem;
    border-bottom-style: solid;
}

@media (max-width: 1024px) {
    .list-controls--top {
        margin-bottom: var(--spacer--l);
    }
}

@media all and (max-width:750px) {
    .section--search-jobs .grid--2--sidebar>.grid__item {
        padding-top: 6rem;
    }
}

/*
    PAGETYPES/Search jobs: Cards: Result (Override/complement)
*/

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

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

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

.article--card .article__header__text {
    padding-bottom: 0;
}

.article--card .button:hover{
    text-decoration-color: transparent;
}

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

.section--search-jobs .article--result+.article--result {
    margin-top: 0;
}

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

.section--search-jobs .article--card .article__header__text__title {
    padding-bottom: var(--spacer--m);
    font-size: 2rem;
}

.section--search-jobs .article--card .article__header__text__subtitle {
    padding-top: var(--spacer--s);
    margin-top: 0;
    font-size: 1.6rem;
}

.section--search-jobs .article--card .article__header__text__subtitle .list-item {
    margin-bottom: var(--card--padding--inners);
    display: block;
}

.section--search-jobs .list-item--label {
    font-weight: var(--font--weight--bold);
    font-style: normal;
    padding-right: 0.4rem;
    text-transform: capitalize;
}

.section--search-jobs .article--card .separator {
    display: none;
}

.article--card .button--secondary {
    --buttons--border--radius: 3.2rem;
    --buttons--border--width: 0.2rem;
    --buttons--border--color: var(--color--buttons);
    --buttons--padding--v: var(--spacer--s);
    --buttons--padding--h: var(--spacer--l);
}

.article--card .button .button__icon,
.article--card .button .fa,
.article--card .button .fv {
    display: block;
}

@media all and (max-width:751px) {
    .article--card+.article--card {
        margin-top: var(--spacer--l);
    }

}

/* PAGETYPES: Open positions: Results without toggle (Override/complement)
   -------------------------------------------------------------------------- */

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .article--result.article--non-toggle .article__content {
        max-height: unset;
        visibility: visible;
        margin-top: var(--result--padding--inners--v);
        width: 88%;
    }

    .article--non-toggle .article__header__actions {
        display: none;
    }
}

/* Media query to target only mobile */
@media all and (max-width: 750px) {
    .article--card .article__header__actions .toggle {
        --toggle--height: 3.2rem;
    }

    .article--card .article__header__logo {
        width: 8rem;
    }

    .article--card .article__header__logo .job__logo {
        max-width: 8rem;
        min-width: 8rem;
    }

    .article--card .article__content {
        border-bottom: .1rem solid var(--card--border--color);
    }
}

/*
    PAGETYPES/Job detail
*/

.article--details:not(:last-of-type) {
    padding-bottom: var(--spacer--l)
}

.body--job-detail .article--details+.article--details {
    border-top: 0;
}

.body--job-detail .job__logo__box {
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacer--m);
}

.body--job-detail .job__logo__box .job__logo {
    max-width: 14rem;
}

.article--details .MultipleDataSetFieldLabel,
.article--details .article__content__view__field__label {
    font-weight: var(--font--weight--bold);
    line-height: 1.2;
}

.article--details .MultipleDataSetFieldLabel,
.article--details .article__content__view__field__value {
    line-height: 1.2;
}

.list--share .shareButton {
    width: 2.8rem;
    height: 2.8rem;
    margin-left: var(--spacer--xs);
}

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

.body--job-detail .article--view-more--aside {
    border-radius: 1.2rem;
    background-color: #757575;
    padding: var(--spacer--l) var(--spacer--m);
    color: var(--color--white)
}

.body--job-detail .list--view-more a {
    padding: var(--spacer--s2) 0;
}

.body--job-detail .article--view-more--aside .article__footer .link {
    text-transform: uppercase;
    color: var(--color--white);
    padding-right: 2.6rem;
    background: var(--view--more) right center no-repeat
}

.aside *+.article__footer {
    margin-top: var(--spacer--xs);
}

.body--job-detail .list--view-more a .list__item:hover .list__item__text__title,
.list--view-more a .list__item__text__title {
    color: var(--color--white);
}

.body--job-detail .section__header+.section__header {
    margin-top: var(--spacer--m2);
}

/* Employee Stories */
.body--job-detail *+.main__section {
    margin-top: var(--spacer--xxl);
}

.body--job-detail .main__section__wrapper {
    padding-top: var(--main--padding--top);
    padding-bottom: var(--main--padding--bottom);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--job-detail .js_views *+.section__content {
        margin-top: 6.4rem;
    }

}

/* Media query to target tablet and desktop */
@media (min-width: 751px) {
    .article--details.regular-fields--cols-2Z .article__content__view__field {
        padding-bottom: var(--spacer--s2);
        padding-left: var(--grid--columns--gap);
    }
}

@media all and (max-width:1024px){
    .body--job-detail .article--actions{
        bottom: 8rem;
        box-shadow: none;
        z-index: 999;
    }
    .body--job-detail .article--actions + .article{
        position: fixed;
        bottom: 0;
        left: 0;
        margin-top: 0;
        padding-left: var(--grid--laterals);
        padding-right: var(--grid--laterals);
        padding-bottom: var(--spacer--m);
        padding-top: var(--spacer--m);
        background-color: var(--color--background);
        z-index: 999;
    }
}
/*
    PAGETYPES/Application method
*/
.form--login .comment {
    font-size: var(--font--size--01);
    font-weight: var(--font--weight--bold);
}

@media all and (min-width:1025px) {
    .grid--dividers--v>.grid__item:not(:first-of-type):before {
        border-left-width: 0.2rem;
        border-left-color: #E6E6E6;
    }
}

@media all and (min-width:751px) {
    .article--method-tip {
        text-align: center;
    }
}

/* Components: Form
   -------------------------------------------------------------------------- */
.tc_formTitle {
    font-size: var(--font--size--09);
}

.MultipleDatasetEntryFormField .tc_formField div[id*=multipleDatasetEntry_] {
    background: none;
}

.addDatasetRow {
    float: right;
}

.MultipleDatasetEntryFormField>.tc_formField {
    position: relative;
    padding-bottom: 11rem;
}

.MultipleDatasetEntryFormField .tc_formField .removeDatasetRow {
    position: absolute;
    left: 0;
    color: #333333;
}

.MultipleDatasetEntryFormField .tc_formField .addDatasetRow {
    position: absolute;
    right: 0;
    bottom: 0;
    font-weight: var(--font--weight--bolder);
}

.AcceptCheckboxField--inline .tc_formField {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    column-gap: var(--spacer--s);
}

.AcceptCheckboxField--inline .tc_formField .tc_formSublabel {
    padding-bottom: 0;
    font-weight: var(--font--weight--bold);
}

.datasetfieldSpec .errorMessage,
.datasetfieldSpec .warningMessage,
.fieldSpec .errorMessage,
.fieldSpec .warningMessage,
.formfieldSpec .errorMessage,
.formfieldSpec .warningMessage {
    font-size: var(--font--size--00);
}

.removeDatasetRow {
    bottom: 6.8rem;
    font-weight: var(--font--weight--bolder);
}

.select2-container--default .select2-dropdown {
    z-index: 10;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    border-radius:1.6rem;
    font-weight: var(--font--weight--bold);
    font-size:1.4rem;
    line-height:1;
    padding-right: 0.9rem;
    padding-left:0.8rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    margin-left:0.4rem
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered{
    gap:0.4rem
}

.select2-container--classic .select2-results>.select2-results__options, .select2-container--default .select2-results>.select2-results__options{
    border: 0.1rem solid var(--color--font);
}

.select2-container--default .select2-results__option{
    font-size:1.4rem;
    font-weight:normal;
    padding: 1.3rem 1.2rem;
    line-height:1;
}

.RadioButtonListFormField .tc_formField .cb input[type=radio],.CheckBoxListFormField .tc_formField .cb-a11y input[type=checkbox]{
    margin:0;
}

input[type="radio"] {
    appearance: none;
    width: 1.6rem;
    height: 1.6rem;
    border: 0.1rem solid var(--color--grey--darke);
    border-radius: 50%;
    background-color: var(--color--white);
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.8rem;
    position: relative;
}

input[type="radio"]:checked {
    border-color: var(--color--brand);
    background-color: var(--color--white);
}

input[type="radio"]:checked::after {
    content: '';
    width: 0.8rem;
    height: 0.8rem;
    background-color: var(--color--brand);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

input[type="radio"]:focus {
    outline: 0.2rem solid var(--color--black);
    border: 0.2rem solid var(--color--brand);
}

input[type="radio"]:disabled {
    border-color: var(--color--disabled);
    background-color: var(--color--disabled--sub-1);
    cursor: not-allowed;
    opacity: 0.6;
    outline: 0;
    border-width: 0.1rem;
}

input[type="checkbox"] {
    appearance: none;
    width: 1.6rem;
    height: 1.6rem;
    border: 0.1rem solid var(--color--grey--darke);
    border-radius: 0.2rem;
    background-color: var(--color--white);
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.8rem;
    position: relative;
}

input[type="checkbox"]:checked {
    border-color: var(--color--brand);
    background-color: var(--color--brand);
}

input[type="checkbox"]:checked::after {
    content: '';
    width: 0.5rem;
    height: 0.8rem;
    border: 0.1rem solid var(--color--white);
    border-width: 0 0.1rem 0.1rem 0;
    transform: rotate(0deg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

input[type="checkbox"]:focus {
    outline: 0.2rem solid var(--color--black);
    border: 0.2rem solid var(--color--brand);

}

input[type="checkbox"]:disabled {
   border-color: var(--color--disabled);
    background-color: var(--color--disabled--sub-1);
    cursor: not-allowed;
    opacity: 0.6;
}

.RadioButtonListFormField .tc_formField .cb label {
    font-size: 1.4rem;
    line-height: 1;
    color: var(--color--font);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
}

input[type="checkbox"]:disabled + label {
    color: var(--color--disabled);
    cursor: not-allowed;
}

@media all and (min-width:1025px) {
    .form .Section+.Section {
        margin-top: 2.8rem;
    }
}

/* PAGETYPES: Register
   -------------------------------------------------------------------------- */
@media all and (min-width:1025px) {
    .page--register .AcceptCheckboxField {
        margin-top: 2.8rem
    }
}

/* PAGETYPES: Success
   -------------------------------------------------------------------------- */
.body--success .grid--dividers--h {
    --grid--dividers--width--min: var(--content--w--narrow);
}

.article--password .list--bullet li {
    margin-top: 0;
}

.body--success .article--password .article__header {
    display: block;
}

@media all and (min-width:1025px) {
    .body--success .article--password {
        display: flex;
        column-gap: var(--spacer--l);
    }

    .article--password {
        --article--width--max: var(--content--w--between-narrow-narrower);
    }

    .body--success .article--password .article__header+.article__content {
        margin-top: 0;
    }
}

@media all and (min-width:751px) {
    .body--success .form--grid--1 .Section {
        margin-bottom: 0;
    }
}

/* PAGETYPES: Job alerts
   -------------------------------------------------------------------------- */

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

    .article--success {
        --article--width--max: var(--content--w--narrower);
    }

    .body--agent-delete .article--alert {
        --article--width--max: var(--content--w--narrow);
    }
}

/* PAGETYPES: Profile Job Alerts
   -------------------------------------------------------------------------- */
.link--edit,
.link--delete {
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    text-indent: -999em;
}

.link--edit {
    background: var(--icon--edit) center center no-repeat;
}

.link--delete {
    margin-left: var(--spacer--s);
    background: var(--icon--delete) center center no-repeat;
}

.body--profile-job-alerts .table--default tbody tr td:last-child .link {
    clear: none;
}

.body--profile .downloadAttachmentsButton {
    text-align: left;
    font-weight: var(--font--weight--bold);
}

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

.body--log-in .grid--dividers--h>.grid__item:not(:first-of-type):before {
    top: var(--spacer--s2);

}

/* PAGETYPES: TalentCommunity
   -------------------------------------------------------------------------- */

@media all and (min-width:1025px) {
    .body--talent-community .grid {
        --grid--columns--gap: 13rem;
    }
}

@media all and (max-width:750px) {
    .body--talent-community .grid {
        flex-direction: column-reverse;
    }

    .body--talent-community .grid__item--main {
        padding-top: 4rem;
    }
}

/* PAGETYPES: Profile
   -------------------------------------------------------------------------- */
.list--attachments .list__item__text__title,
.list--attachments .list__item__actions .link {
    font-weight: normal;
}

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

.body--profile .table--fields .article__content__view__field__label {
    padding-bottom: 2.8rem;
    font-size: var(--font--size--03);
}

.body--profile .table--fields+.table--fields {
    margin-top: var(--spacer--xxl);
}

.body--profile .tf_skills .article__content__view__field__label {
    display: none;
}

/*
    PAGETYPES/Custom pages: Home
*/
.body--custom-pages .main__wrapper {
    max-width: 100%;
    padding: 0;
}

.body--custom-pages *+.main__section,
.body--custom-pages .main__section *+.section {
    margin-top: var(--spacer--xxxxl);
}

.body--custom-pages .main__section__wrapper {
    padding-top: var(--main--padding--top);
    padding-bottom: var(--main--padding--bottom);
}

/* search form */
.body--custom-pages .search__form {
    margin-top: var(--spacer--xxxl);
}

/* Job slider */
.section--jobs-slider:not(.section--jobs-slider--browsing-history) {
    background-color: var(--color--brand--sub-2);
    padding: var(--spacer--l);
    border-radius: 1rem;
}

.section--jobs-slider:not(.section--jobs-slider--browsing-history) .swiper-button-next:after {
    background-image: var(--slider--icon--arrow--right--white);
}

.section--jobs-slider:not(.section--jobs-slider--browsing-history) .swiper-button-prev:after {
    background-image: var(--slider--icon--arrow--left--white);
}

.section--jobs-slider:not(.section--jobs-slider--browsing-history) .section__header {
    padding: 0 4.4rem;
    flex-direction: column;
    align-items: baseline;
}

.section--jobs-slider:not(.section--jobs-slider--browsing-history) .section__header .section__header__text__title {
    display: inline-block;
    margin-right: 2rem;
}

.section--jobs-slider:not(.section--jobs-slider--browsing-history) .section__header,
.section--jobs-slider:not(.section--jobs-slider--browsing-history) .section__header .link {
    color: var(--color--white);
}

.section--jobs-slider:not(.section--jobs-slider--browsing-history) .section__header .section__header__text+.section__header__text {
    margin-top: var(--spacer--m);
}

/* Media query to target only mobile */
@media all and (max-width: 750px) {
    .section--jobs-slider:not(.section--jobs-slider--browsing-history) .section__header {
        padding: 0;
    }

    .body--custom-pages .search__form {
        margin-top: var(--spacer--s);
    }
}

/* Article pagecard */
.article--pagecard .article__footer__link .link {
    text-transform: uppercase;
    padding-right: 2rem;
    background-image: var(--link--icon--arrow--blue);
    background-size: auto;
    background-position: center right;
}

.article--pagecard {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.article--pagecard .article__content {
    flex-grow: 1;
}

/* Explore Careers */
.article--pagecard--explore--careers .article__header {
    justify-content: center;
}

.swiper-pagination--explore--careers {
    position: relative;
}

.swiper-pagination--explore--careers .swiper-pagination-bullet {
    margin: 0 .4rem;
}

/* Video section */
.body--custom-pages .main__section--meet-people {
    background-color: var(--color--brand);
}

.body--custom-pages .main__section--meet-people .section--video-slider,
.body--custom-pages .main__section--meet-people .section--video-slider .link {
    color: var(--color--white);
}

.body--custom-pages .main__section--meet-people .section--video-slider .article--pagecard .article__footer__link .link {
    background-image: var(--link--icon--arrow--white);
}

.body--custom-pages .main__section--meet-people .section--video-slider .swiper-button-next:after {
    background-image: var(--slider--icon--arrow--right--white);
}

.body--custom-pages .main__section--meet-people .section--video-slider .swiper-button-prev:after {
    background-image: var(--slider--icon--arrow--left--white);
}

.body--custom-pages .article__header.portrait--video {
    height: 54.4rem;
    border-radius: 1.2rem;
    padding-bottom: 0;
}

/* Stay connected */
.section--stay-connected .banner--secondary .banner__wrapper {
    padding: 0 0 var(--spacer--xxxl) 0;
}

.article--pagecard--stay--connected {
    background-color: var(--color--brand);
    color: var(--color--white);
    border-radius: 1.2rem;
}

.article--pagecard--stay--connected .link {
    color: var(--color--white);
}

.article--pagecard--stay--connected .article__header {
    align-items: baseline;
    max-height: 15rem;
}

.article--pagecard--stay--connected .article__header .article__header__bg {
    width: 100%;
    object-fit: cover;
    object-position: center top;
    border-top-left-radius: 1.2rem;
    border-top-right-radius: 1.2rem;
}

.article--pagecard--stay--connected .article__content {
    margin-top: var(--spacer--s);
    padding: var(--spacer--xs) var(--spacer--l);
}

.article--pagecard--stay--connected .article__footer {
    margin-top: 0;
    padding: var(--spacer--m) var(--spacer--l);
}

.article--pagecard--stay--connected .article__footer__link .link {
    background-image: var(--link--icon--arrow--white);
}

/* Stories news */
.main__section--news {
    background-color: var(--color--grey--blue);
}

/*
    PAGETYPES/Careers: banner
*/
.body--careers .banner--main {
    background-image: var(--banner--background--image--careers);
}

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

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

.body--admin-office-support .banner--main {
    background-image: var(--banner--background--image--admin-office-support);
}

.body--call-centre-customer-service .banner--main {
    background-image: var(--banner--background--image--call-centre-customer-service);
}

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

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

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

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

.body--general-management-executive .banner--main {
    background-image: var(--banner--background--image--general-management-executive);
}

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

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

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

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

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

.body--people-culture-hr .banner--main {
    background-image: var(--banner--background--image--people-culture-hr);
}

.body--process-packing-operators .banner--main {
    background-image: var(--banner--background--image--process-packing-operators);
}

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

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

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

.body--science-technology-rd .banner--main {
    background-image: var(--banner--background--image--science-technology-rd);
}

.body--strategy-project-management .banner--main {
    background-image: var(--banner--background--image--strategy-project-management);
}

.body--supply-chain-logistics .banner--main {
    background-image: var(--banner--background--image--supply-chain-logistics);
}

.body--tanker-operators-drivers .banner--main {
    background-image: var(--banner--background--image--tanker-operators-drivers);
}

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

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--careers .banner--main,
    .body--success .banner--main,
    .body--job-detail:not(.body--job-detail-applied) .banner--main,
    .body--application-method .banner--main,
    .body--register .banner--main {
        min-height: 73rem;
    }
}

/*
    PAGETYPES/Careers: development
*/
.main__section--career-development {
    background-position: center center;
    background-size: cover;
    color: var(--color--white);
}

.main__section--career-development.Careers {
    background-image: var(--careers-career-development-pathways--background--image);
}

.main__section--career-development.AccountingCommercial {
    background-image: var(--accounting-commercial-career-development-pathways--background--image);
}

.main__section--career-development.AdminOfficeSupport {
    background-image: var(--admin-office-support-career-development-pathways--background--image);
}
.main__section--career-development.CallCentreCustomerService {
    background-image: var(--call-centre-customer-service-career-development-pathways--background--image);
}
.main__section--career-development.EarlyCareers {
    background-image: var(--early-careers-career-development-pathways--background--image);
}
.main__section--career-development.EnergyCentre {
    background-image: var(--energy-centre-career-development-pathways--background--image);
}
.main__section--career-development.Engineering {
    background-image: var(--engineering-career-development-pathways--background--image);
}
.main__section--career-development.Farming {
    background-image: var(--farming-career-development-pathways--background--image);
}
.main__section--career-development.ForkliftOperators {
    background-image: var(--forklift-operators-career-development-pathways--background--image);
}
.main__section--career-development.GeneralManagementExecutive {
    background-image: var(--general-management-executive-career-development-pathways--background--image);
}
.main__section--career-development.InformationTechnology {
    background-image: var(--information-technology-career-development-pathways--background--image);
}
.main__section--career-development.LabTechnicians {
    background-image: var(--lab-technicians-career-development-pathways--background--image);
}
.main__section--career-development.Legal {
    background-image: var(--legal-career-development-pathways--background--image);
}
.main__section--career-development.Manufacturing {
    background-image: var(--manufacturing-career-development-pathways--background--image);
}
.main__section--career-development.MarketingComms {
    background-image: var(--marketing-comms-career-development-pathways--background--image);
}
.main__section--career-development.PeopleCultureHR {
    background-image: var(--people-culture-hr-career-development-pathways--background--image);
}
.main__section--career-development.ProcessPackingOperators {
    background-image: var(--process-packing-operators-career-development-pathways--background--image);
}
.main__section--career-development.QualitySafety {
    background-image: var(--quality-safety-career-development-pathways--background--image);
}
.main__section--career-development.RetailSales {
    background-image: var(--retail-sales-career-development-pathways--background--image);
}
.main__section--career-development.Sales {
    background-image: var(--sales-career-development-pathways--background--image);
}
.main__section--career-development.ScienceTechnologyRD {
    background-image: var(--science-technology-rd-career-development-pathways--background--image);
}
.main__section--career-development.SupplyChainLogistics {
    background-image: var(--supply-chain-logistics-career-development-pathways--background--image);
}
.main__section--career-development.TankerOperatorsDrivers {
    background-image: var(--tanker-operators-drivers-career-development-pathways--background--image);
}
.main__section--career-development.TradesServices {
    background-image: var(--trades-services-career-development-pathways--background--image);
}

.section--career-development {
    padding: 10rem 0;
}

.section--career-development .section__header {
    align-items: baseline;
    flex-direction: column;
    width: 45%;
}

/* Media query to target only mobile */
@media all and (max-width: 750px) {
    .section--career-development {
        padding: 5rem 0;
    }

    .section--career-development .section__header,
    .section--career-development .section__header .section__header__actions {
        width: 100%;
    }
}

/*
    PAGETYPES/Careers: job families
*/

.article--pagecard--job--families .article__header {
    position: relative;
    overflow: hidden;
    height: 9rem;
    border-radius: 1.2rem;
    justify-content: end;
}

.article--pagecard--job--families .article__header .link {
    color: var(--color--white);
    text-decoration: none;
    margin-right: 2rem;
    z-index: 1;
}

.article--pagecard--job--families .article__header .article__header__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* UTILITIES: XXX
   -------------------------------------------------------------------------- */
.article--view-more--content-box {
    border-radius: 1.60rem;
    box-shadow: 0.00rem 0.00rem 1rem 0.20rem rgba(0, 0, 0, 0.1);
    background-color: var(--color--grey--lighter);
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: var(--spacer--xxl);
    padding-right: var(--grid--laterals);
    padding-left: var(--grid--laterals);
    padding-bottom: var(--spacer--l);
    text-align: left;
}

/* Media query to target only desktop */
@media (min-width: 1025px) {
    .article--view-more--content-box {
        --article--width--max: var(--content--w--narrower);
    }
}

/* PAB Case reference: 1131283 */
/* Fix override "ol, ul" "list-style" option from our core library */
ol,
ul {
    list-style: initial;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}