/* ==========================================================================
    LAYOUTS
    -------------------------------------------------------------------------
    XXX

    ELEMENTS
    -------------------------------------------------------------------------
    Indicators
      : Count (New)
      : Pills (New)
      : Fields

    COMPONENTS
    -------------------------------------------------------------------------
    Cards
      : Articles as cards (Override/complement)
    Navigation
      : Switcher
        : As icons (Inverting clickable colors - commented and ready to use)
    Tables
      : Default (Override/complement)
    Dropdowns
    Cookies
      : Buttons (Override/complement)

    WIDGETS
    -------------------------------------------------------------------------
    XXX

    MODULES
    -------------------------------------------------------------------------
    Header
    Banner
      : Extra (New)
    Slider (New)
    Footer

    PAGETYPES
    -------------------------------------------------------------------------
    Dashboard
      : Section (Override/complement)
    Search jobs
      : Main (Override/complement)
      : Wrapper (Override/complement)
      : Section (Override/complement)
      : Cards
        : Result (Override/complement)

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

/*
    LAYOUTS/XXX
*/

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

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

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

.pill {
    display: inline;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    font-size: 1.2rem;
    padding: var(--spacer--xs) var(--spacer--s);
    color: var(--color--white);
    background-color: var(--color--clickeable);
    font-weight: 400;
    vertical-align: middle;
}
/*
    ELEMENTS/Indicators: Fields : Form (Override)
*/
.form input:not([class*=select2]):not(:focus),
.form .select2-container--default .select2-selection--multiple .select2-selection__rendered:not(:focus),
.form select:not([multiple]):not(:focus),
.select2-container--default .select2-selection--single:not(:focus) {
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: var(--color--grey--darker);
}

.select2-container--default .select2-search--inline .select2-search__field,
.form select {
    font-size: 1.4rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.form input[type=text]:not([class*=select2]),
.form select {
    color: var(--fields--placeholder--color);
}

.select2-container--default .select2-results__option--highlighted:hover,
.select2-container--default .select2-results__option:hover,
.select2-container--default .select2-results__option:not([aria-selected=true]):hover {
    background-color: var(--color--grey--light);
    padding-right: calc(var(--fields--padding--h) - var(--fields--border--width));
    padding-left: calc(var(--fields--padding--h) - var(--fields--border--width));
    margin-right: unset;
    margin-left: unset;
    background-color: var(--color--grey--light);

}
.select2-container--default .select2-results__option--highlighted:active,
.select2-container--default .select2-results__option:active {
    background-color: var(--color--accent-4);
}

.select2-container--default .select2-results__option[aria-selected=true]:focus,
.select2-container--default .select2-results__option--highlighted:focus,
.select2-container--default .select2-results__option:focus,
.select2-container--default .select2-results__option:not([aria-selected=true]):focus{
    background-color: var(--color--accent-1);
    border-width: .2rem;
    border-style: solid;
    border-color: var(--color--brand);
    color: var(--color--dark);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.select2-container--default .select2-results__option[aria-selected=true]:after {
    content: "";
    display: inline-block;
    background-image: var(--icon--check);
    width: var(--spacer--s2);
    height: var(--spacer--s2);
    float: inline-end;
}
.select2-container--default .select2-results__option {
    font-size: 1.4rem;
}
.select2-container--default .select2-results__option:not([aria-selected=true]) {
    margin-right: calc(var(--fields--padding--h) - var(--fields--border--width));
    margin-left: calc(var(--fields--padding--h) - var(--fields--border--width));
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: var(--color--grey--medium);
    padding-right: unset;
    padding-left: unset;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

span.select2-dropdown.bigdrop.select2-dropdown--below {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

.fieldSpec--disabled .select2-container--default .select2-selection--multiple .select2-search:first-child:after,
.fieldSpec--disabled .select2-container--default .select2-selection--single .select2-selection__arrow,
.fieldSpec--disabled .select2-container--default .select2-selection--multiple .select2-selection__clear,
.fieldSpec--disabled .select2-container--default .select2-selection--single .select2-selection__clear {
    display: none;
}

.body--ismobile.body--Safari .form .fieldSpec--disabled input[type=date],
.body--ismobile.body--Safari .form .fieldSpec--disabled input[type=month],
.fieldSpec--disabled .dropdown__placeholder,
.form .fieldSpec--disabled select:not([multiple]) {
    background-image: unset;
}

.form .fieldSpec--disabled input[type=text]:not([class*=select2]):not(:focus),
.form .fieldSpec--disabled .select2-container--default .select2-selection--multiple .select2-selection__rendered:not(:focus),
.form .fieldSpec--disabled select:not([multiple]):not(:focus),
.fieldSpec--disabled .select2-container--default .select2-selection--single:not(:focus) {
    border-bottom-color: transparent;
}

/*
    ELEMENTS/Buttons: Main: Primary (Override/complement)
    ↳ to be deleted when we get the Application Flow wizard properly configured
*/
.button, .greyButtonBar [class*=Button] {
    margin: .2rem;
}

.button-bar--cols-1,
.button-bar--cols-2,
.button-bar--center,
.button-bar--center .button-bar__wrap,
.button-bar--right .button-bar__wrap,
*+.button-bar:not(.fieldSpec),
.form--grid .button-bar,
.form--grid .fieldSpec+.button-bar,
.grid>.button-bar__wrap{
    --button-bar__buttons--width: 100%;
}
.body--success .button-bar--center .button-bar__wrap{
    justify-content: center;
}

.button-bar:not([class*=button-bar--cols]) .button {
    margin: .2rem;
}

.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);
    --buttons--outline--color: var(--color--brand);
}

.gotoButton.button--disabled,
.gotoButton:disabled {
    --buttons--border--color: var(--color--disabled--sub-3);
    --buttons--background--color: var(--color--disabled--sub-3);
    --buttons--font--color: var(--color--grey--darkest);
}

.ButtonBarField:not([class*=button-bar--cols]) [class*=Button] {
    font-weight: normal;

}
.search__panel .ButtonBarField:not([class*=button-bar--cols]) [class*=Button] {
    min-width: 100%;
}

.button-bar.button-bar--left {
    margin: var(--spacer--l) 0;
}
@media all and (min-width: 551px) {
    .body--success .button-bar:not([class*=button-bar--cols]) .button {
        max-width: 24rem;
    }
}
.ButtonBarField [class*=Button],
.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 [class*=Button]{
    font-weight: normal;
}

.button--disabled {
    pointer-events: none;
    cursor: not-allowed;
}

.methodButton--later,
.methodButton--file,
.methodButton--paste,
.methodButton--dropbox {
    font-weight: normal;
    justify-content: start;
}
.methodButton {
    --buttons__icon--width: 1.6rem;
    --buttons__icon--height: 1.6rem;
}
.ButtonBarField .previousButton{
    outline-width: 0;
    border-radius: 0;
    border-width: 0;
    width: auto;
    height: auto;
    min-height: 0;
    background-color: transparent;
    background-image: unset;
    justify-content: end;
    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));
    color: var(--color--brand);
    cursor:pointer;
}

.methodButton--file:before,
.methodButton--later:before,
.methodButton--paste:before,
.methodButton--dropbox:before {
    margin-right: 1.7rem;
}
.section--methods .fieldContainerCheckbox {
    display: -webkit-inline-box;
}
.button__icon {
    margin-right: 2.1rem;
}
@media all and (min-width: 751px) {
    .methodButton--file:before,
    .methodButton--later:before,
    .methodButton--paste:before,
    .methodButton--dropbox:before {
        margin-left: 3rem;
    }
}

@media all and (max-width: 750px) {
    .body--application .ButtonBarField .tc_formField,
    .body--application .button-bar__wrap {
        flex-direction: column-reverse;
    }
    .ButtonBarField .previousButton,
    .body--application .button-bar__wrap .previousButton{
        justify-content: flex-start;
    }
    .body--application .ButtonBarField.firstStepApplication .previousButton {
        position: unset;
        padding-left: unset;
        padding-top: 2.4rem;
    }
    .grid--methods>.grid__item>:not(.grid) {
        min-width: 100%;
        justify-content: center;
    }
}

/* Button Save container */
@media all and (min-width: 551px) {
    .fieldSpec.ButtonBarField.fieldSpecPadder {
        position: relative;
        width: 100%;
    }
    .body--search-jobs .fieldSpec.ButtonBarField.fieldSpecPadder {
        max-width: 24.39rem;
    }
    .body--candidates .fieldSpec.ButtonBarField.fieldSpecPadder {
        max-width: 25%;
    }

    /* Cancel Button */
    .button--secondary {
        width: var(--buttons--width--min);
    }
    .body--search-jobs .button--secondary {
        padding: 0;
    }
}
@media all and (max-width: 550px) {
    .ButtonBarField:not([class*=button-bar--cols]) [class*=Button] {
        margin-bottom: var(--spacer--m);
    }
    .button--secondary {
        width: 100%;
        margin-bottom: var(--spacer--m);
    }
}
/*
    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--metric {
    padding: var(--spacer--l);
    text-align: center;
}

.article--details .regular-field-label--title .article__content__view__field__label,
.article--details.regular-fields-label--title .article__content__view__field__label,
.autoschedule_Availability_Mobile .autoschedule_Availability_Title,
.autoschedule_Availability_Title, .autoschedule_Availability_endPage h1,
.autoschedule_NoAvailableHeader_Title,
.tc_formTitle,
.title {
    font-weight: var(--font--weight--light);
}

.article--card .button--secondary,
.article--card .button--share,
.article--card .button--tertiary,
.CheckBoxListFormField_more, .RadioButtonListFormField_more,
.article--details .article__content__view__field__value a,
.link:not(.article_header__text--link),
.tc_formDescription a, .tc_formSublabel a {
    font-weight: normal;
}

.swiper-slide .article--card .button.button--secondary {
    width: 18rem;
}

.swiper-slide .article--card .button .button__icon, .article--card .button .fa {
    display: block;
    margin-left: 1.6rem;
}

.article--details.article--details:not(.regular-fields-label--inline) .article__content__view__field__label+.article__content__view__field__value{
    margin-top: unset;
}

.list--view-more a .list__item__text__title{
    --color--clickeable: var(--color--dark)

}

.list--share .shareButton {
    width: 2.5rem;
    height: 2.5rem;
    background-size: auto 2.2rem;
}

.article--card .article__content {
    border-top-width: 0;
}
/*
    COMPONENTS/Cards: Articles as cards (Within LAYOUTS/Grid: Sidebars)
*/

.grid__item--aside-right .article--card--metric {
    display: flex;
    height: 100%;
    justify-content: center;
}

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

/*
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]),
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):link,
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):visited {
    color: inherit;
}

.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):hover,
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):focus,
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):active {
    color: var(--color--clickeable);
}

.switcher--as-icons [class*="__option--active"],
.switcher--as-icons [class*="__option--active"]:link,
.switcher--as-icons [class*="__option--active"]:visited,
.switcher--as-icons [class*="__option--active"]:hover,
.switcher--as-icons [class*="__option--active"]:focus,
.switcher--as-icons [class*="__option--active"]:active {
    color: var(--color--clickeable);
}

+TBD+
*/

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

.table--default tbody tr td:nth-last-child(1) {
    display: flex;
    align-items: center;
    gap: var(--spacer--s);
    width: unset;
    white-space: nowrap;
}

.table__wrap {
    border-width: 0;
}

.table--default tbody tr>:first-child {
    font-weight: normal;
}

.table--default thead tr th, .tableField thead tr th {
    border-bottom-width: 0;
    min-width: 20rem;
}

.table--default tbody tr td:not(:first-child):not(:last-child) {
    background-color: var(--color--white);
}

.table--default tbody tr{
    background-color: var(--color--accent-3);
}
.table--default tbody tr, .tableField tbody tr td {
    background-color: var(--color--accent-3);
}
.table--default tbody tr{
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: var(--table--border--color);
}
.table--default tbody tr+tr{
    border-top-width: 0;
}

.table__wrap .table {
    border-bottom-width: .1rem;
}
/*
    COMPONENTS/Dropdown (Override/complement)
*/
.dropdown--sort .dropdown__placeholder, .list-controls__sort .dropdown__placeholder {
    background-color: unset;
}
.list-controls, .list-controls .dropdown__placeholder {
    font-size: 1.2rem;
}
.dropdown__placeholder:hover{
    box-shadow: 0 -.3rem .4rem 0 var(--color--shadow);
    background-color: var(--color--neutral-1);
}
.list-controls__pagination__item {
    font-weight: normal;
}

.dropdown__list {
    box-shadow: 0 -.3rem .4rem 0 var(--color--shadow);
}

.list-controls__sortBy .dropdown__list {
    min-width: 17rem;
}

.dropdown__item{
    font-size: 1.2rem;
}

.sort__item{
    background-color: var(--fields--background--color);
    border-bottom-width: .1rem;
    border-bottom-style: solid;
}

.dropdown__item {
    border-bottom-color: transparent;
}

.dropdown .dropdown__item:hover,
.sort__item.sort__item--recordsPerPage:hover {
    background-color: var(--color--grey--light);
    color: var(--color--dark);
    padding-left: 1.4rem;
    padding-top: var(--spacer--s);
    padding-bottom: var(--spacer--s);
    padding-right: 1.8rem;
    margin: 0;
    border-bottom-color: transparent;
}

.dropdown__item:focus, .dropdown__item:hover {
    --fields--background--color: var(--color--accent-4);
}

.list-controls__sort.dropdown__item {
    border-bottom-color: transparent;
}

.sort__item.sort__item--recordsPerPage:not(.dropdown__item--active):not(:hover):not(:focus),
.dropdown .dropdown__item:not(.dropdown__item--active):not(:hover):not(:focus) {
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: var(--color--neutral-2);
    margin: 0 .6rem;

}

.sort__item.sort__item--recordsPerPage .dropdown__item--active,
.dropdown:hover .dropdown__item .dropdown__item--active,
.dropdown__item:focus {
    --fields--background--color: var(--color--accent-1);
    border-width: var(--fields--border--width);
    border-style: solid;
    border-color: var(--fields--border--color);
    padding-left: 1.4rem;
    padding-right: 1.8rem;
    margin: 0;
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: transparent;
}

.sort__item.sort__item--recordsPerPage >*,
.sort__item.sort__item--person >*,
.sort__item.sort__item--recordsPerPage .recordsPerPageLink {
    width: 100%;
    display: flex;
}

li.sort__item.sort__item--recordsPerPage,
li.sort__item.sort__item--person,
.dropdown__item {
    display: flex;
    justify-content: start;
    padding-left: var(--spacer--s);
    padding-top: var(--spacer--s);
    padding-bottom: var(--spacer--s);
}

.sort__item.tpt_listSortableItem.sort__item--job.dropdown__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacer--l);
    border-bottom-width: .1rem;
    border-bottom-style: solid;
}
.sort__item__icon:after,
.sort__item__icon:before{
    content: "";
}
.sort__item--DESC.dropdown__item--active .sort__item__icon:before{
    background-image: var(--icon--arrow-sort);
    opacity: 1;
    transform: rotate(180deg);
}
.sort__item--ASC.dropdown__item--active .sort__item__icon:after{
    background-image: var(--icon--arrow-sort);
    opacity: 1;
}
.sort__item--active {
    padding-left: 1.4rem;
    padding-right: 1.8rem;
}

.dropdown__item.sort__item .sort__item__icon:after,
.dropdown__item.sort__item .sort__item__icon:before {
    width: 2rem;
    height: 2rem;
}

.dropdown__item.sort__item:not(.sort__item--ASC):hover .sort__item__icon:before {
    content: "";
    background-image: var(--icon--arrow-sort);
    transform: rotate(180deg);
}

.dropdown__item.sort__item:not(.sort__item--DESC):hover .sort__item__icon:after {
    content: "";
    background-image: var(--icon--arrow-sort);
}

.sort__item--ASC .sort__item__icon:before {
    content: "";
    background-image: var(--icon--arrow-selected);
}

.sort__item--DESC .sort__item__icon:after{
    content: "";
    background-image: var(--icon--arrow-selected);
    transform: rotate(180deg);
}
.dropdown--overflows-left .dropdown__text {
    justify-content: flex-start;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .list-controls {
        flex-wrap: wrap;
    }
    .list-controls__text {
        flex-wrap: nowrap;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .list-controls {
        flex-wrap: wrap;
        justify-content: end;
    }
    .list-controls__text {
        flex-wrap: nowrap;
    }
    .list-controls__text__reset {
        text-align: center;
    }
}

/*
    COMPONENTS/Cookies - Buttons (Override/complement)
*/
.cookiesButtonAccept, .cookiesButtonReject, .cookiesButtonSave, .cookiesButtonSettingsText{
    width: 100%;
    flex-basis: var(--button-bar__buttons--width);
    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);
    min-height: var(--buttons--height);
    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: normal;
    font-style: normal;
    text-transform: initial;
    text-decoration: none;
    text-align: center;
    vertical-align: baseline;
    color: var(--buttons--font--color);
    cursor: pointer;
    touch-action: manipulation;
}
.cookies {
    padding-top: 4rem;
}

@media all and (min-width: 751px) {
    .cookiesButtonAccept, .cookiesButtonReject, .cookiesButtonSave, .cookiesButtonSettingsText{
        max-width: 14rem;
    }
    .cookies {
        padding-bottom: 4.8rem;
    }
}

@media all and (max-width: 750px) {
    .cookies__settings__option {
        margin-top: 4.2rem;
    }
    .cookies {
        padding-bottom: 4rem;
    }
}

.cookies__settings__icon__hide .cookiesButtonSettingsText {
    display: inline-flex;
}

.cookies__settings__buttons{
    --color--brand--sub-3: var(--color--white)
}

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

/*
    WIDGETS/XXX
*/

/*
    MODULES/Header
*/

@media all and (min-width:751px) {
    .header__menu {
        width: 100%;
    }
    .menu--visible .menu__list:first-of-type {
        justify-content: flex-start;
        width: 100%;
    }
    .logo {
        margin-right: 3.6rem;
    }
}
/*
    MODULES/Banner: Extra (New)
*/

.banner--extra {
    --color--background: var(--color--grey--light);
}

.banner--extra .banner__wrapper {
    --banner--padding--top: var(--spacer--xxxl);
    --banner--padding--bottom: var(--spacer--xxxl);
    justify-content: center;
    gap: var(--spacer--m);
    flex-direction: column;
    --buttons--width--min: 20rem
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--extra .banner__wrapper {
        flex-direction: column;
    }

    .banner--extra .banner__button {
        width: 100%;
    }

}
/*
    MODULES/Slider (New)
*/

.slider {
    position: relative;
}

.swiper-container {
    position: static;
    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-prev {
    z-index: 8;
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 1.5rem;
}

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

}

.menu__link[aria-expanded=false]:after,
.menu__link[aria-expanded=true]:after {
    content: "";
}

.menu__link:hover {
    cursor: var(--pointer--image), pointer;
    background-color: var(--color--neutral-1);
}
.menu__link{
    border-width: .1rem;
    border-style: solid;
}
.menu__link:focus:not(:active):not(.button--disabled) {
    border-width: .1rem;
    border-style: solid;
    border-color: var(--color--brand);
    outline: 0;
}

.menu--visible .menu__main--links .menu__item:first-of-type {
    margin-left: -1.6rem;
}

.menu__item--open .menu__link[aria-haspopup=true]:focus:not(:active):not(.button--disabled) {
    border: 0.1rem solid;
}

.menu__link {
    gap: 0;
}

.menu--visible .menu__item:hover .menu__link[aria-haspopup=true] {
    box-shadow: unset;
}
.menu--visible .menu__item:hover .menu__link[aria-haspopup=true] .submenu__list{
    box-shadow: 0 -.3rem .4rem 0 var(--color--shadow);

}
.menu__text {
    font-size: 1.4rem;
    color: var(--color--dark);
    font-weight: normal;
    padding-right: var(--spacer--xs);
}

.menu__thumbnail {
    order: 2;
    margin-left: .6rem;
}

/*
    MODULES/Footer (Override)
*/
.footer{
    border-top-width: 0;
}
.footer__content .menu__text:not(:hover):not(:focus):not(:active) {
    color: inherit;
}

.footer__content .menu__text {
    font-size: 1.6rem;
    padding-right: var(--spacer--l);
}

.footer__content .menu__text:not(.menu__text__title--social-items):hover,
.footer__content .menu__item.menu__item--languages:hover,
.footer__content .menu__item.menu__item--languages.menu__item--open,
.footer__content .menu__item.menu__item--languages:focus .menu__link,
.footer__content .menu__link:hover,
.menu__item--languages .menu__link:hover {
    color: var(--color--dark);
    --menu__link--font--color: var(--color--dark);
}

.footer__content .menu__link,
.menu__item--languages .menu__link {
    border-width: .1rem;
    border-color: #ffffff;
    padding-top: 1.2rem;
    padding-right: 1.6rem;
    padding-bottom: 1.2rem;
    padding-left: 1.6rem;
    max-height: 4.4rem;
}

.footer .menu__text {
    line-height: 2rem;
    font-size: 1.4rem;
}
.footer .menu__text.menu__text__title--social-items {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: var(--color--font);
}
.footer__content .menu__link:after {
    background-image: var(--icon--language);
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
}
.footer__content .menu__link:hover:after,
.footer__content .menu__item.menu__item--languages:hover .menu__link:after,
.footer__content .menu__item.menu__item--languages.menu__item--open .menu__link:after,
.footer__content .menu__item.menu__item--languages:focus .menu__link:after {
    background-image: var(--icon--language-hover);
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
}

.footer .menu--visible .submenu__list {
    top: unset;
    z-index: 3;
    bottom: 100%;
}

@media (max-width: 750px) {
    .footer__links {
        flex-direction: column;
        align-items: start;
        gap:2.4rem
    }

    .footer__content .menu__link {
        justify-content: center;
    }
    .footer .logo {
        justify-content: start;
    }
    .footer .menu.menu--visible, .menu--visible .menu__item {
        width: 100%;
    }

}

@media all and (max-width:750px) {
    .footer__content > [class^="footer"],
    .footer__content .footer__info__additional {
        display: flex;
        flex-direction: column;
        align-items: start;
        width: 100%;
        gap: var(--spacer--l);
        margin-top: var(--spacer--l);
    }
    .menu__list.menu__list--separator-left {
        width: 100%;
    }
    .footer__content .menu__text {
        flex-grow: unset;
    }
    .footer__menu {
        margin-bottom: 4.8rem;
    }

}
@media (max-width: 1024px) {
    .footer {
        font-size: 1.6rem;
    }
}
@media (min-width: 751px) {
    .footer__content {
        flex-wrap: wrap;
    }
    .footer__rights {
        width: 100%;
        gap: var(--spacer--l);
    }
    .footer__info {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--spacer--l);
    }
    .footer__info__additional{
        display: flex;
    }
    .footer__info__additional .footer__links__item:not(:first-of-type) .link {
        margin-left: var(--spacer--l);
        padding-left: var(--spacer--s);
    }
    .footer__menu {
        margin-bottom: 3.4rem;
    }
    .footer__links {
        flex-direction: column;
        align-items: start;
        gap: var(--spacer--l);
    }
    .footer .footer__language--bottom {
        margin-left: auto;
    }
}
.footer__info__additional .footer__links__item:after {
    margin-left: var(--spacer--m);
    content: "\f105";
    font: normal normal normal 1.6rem/1.6rem FontAwesome
}
.footer__content {
    display: unset;
}
.footer__menu{
    display: flex;
    align-items: center;
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: #8d8d8d;
    padding-bottom: 3.4rem;
}
@media (min-width: 751px) {
    .footer__menu {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 2.4rem;
    }
}
.footer__social__item__icon {
    max-width: 2.2rem;
}

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

.footer__rights .footer__links__item .link {
    color: #a8a8a8;
}

.menu__item--languages .button.button--secondary {
    --buttons--border--color: var(--color--white);
    height: 4.4rem;
}
.menu__item--languages .button.button--secondary:focus,
.menu__item--languages .button:focus {
    --buttons--outline--color: var(--color--white);
    --buttons--border--color: var(--color--white);
}
.footer .button.button--secondary .menu__text{
    color: var(--color--white);
}
.footer .thumbnail {
    --thumbnail--width: var(--spacer--m);
    --thumbnail--height: var(--spacer--m);
}

/* Footer External Accessibility Icons */

.footer__social__item {
    width: 3.8rem;
    display: flex;
    align-items: start;
}

.footer__social .footer__social__item[target="_blank"]::after,
.footer__rights .footer__links__item .link[target="_blank"]::after,
.submenu__link[target="_blank"]::after,
a.link[target="_blank"]::after,
.menu__link[target="_blank"]::after {
    content: "";
    background-position: right;
    padding: .6rem;
}

.submenu__link[target="_blank"]::after,
.menu__link[target="_blank"]::after {
    background-image: var(--link__icon--new-tab--dark);
    background-size: 80%;
    margin-left: .2rem;
}
.submenu__text {
    flex-grow: 0;
}

.submenu__link {
    align-items: start;
}

.footer__rights .footer__links__item .link[target="_blank"]::after{
    background-image: var(--link__icon--new-tab--grey);
    background-size: 80%;
    margin-left: .2rem;
}

.footer__social .footer__social__item[target="_blank"]::after,
.footer__info__additional .footer__links__item .link[target="_blank"]::after{
    background-image: var(--link__icon--new-tab--light);
    background-size: 80%;
    margin-left: .2rem;
}

/*
    PAGETYPES/Dashboard: Section (Override/complement)
*/

.section--dashboard .section__header__count {
    margin-right: var(--spacer--s);
}

.section--dashboard .section__header__text {
    display: flex;
    align-items: baseline;
    gap: var(--spacer--s);
}

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

}

/*
    PAGETYPES/Search jobs: Main (Override/complement)
*/

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--search-jobs .main {
        --color--background: var(--color--white);
        --main--padding--bottom: 0;
    }

}

/*
    PAGETYPES/Search jobs: Wrapper (Override/complement)
*/

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

}

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

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--search-jobs .section__content {
        border-radius: var(--boxes--border--radius) var(--boxes--border--radius) 0 0;
        background-color: var(--color--white);
        padding: var(--spacer--xl) var(--spacer--xxxl);
    }

}

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

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

.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(--color--brand--sub-3);
}
@media (min-width: 1025px) {
    .results--listed {
        border-top-color: var(--color--brand--sub-3);
    }
}

/* PAGETYPES: Search jobs: Results without toggle (Override/complement)
   -------------------------------------------------------------------------- */

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

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

    .toggle--search {
        background-color: transparent;
    }
 }

.article--details+.article--details,
.list--links--bottom {
    border-top-width: 0;
}
.article--collapsible {
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: var(--color--brand--sub-3);
    padding-bottom: 3.4rem;
    padding-top: 1.8rem;
}
.article--collapsible .toggle__icon:after {
    font-size: 4rem;
}
.toggle__icon {
    font-size: 4rem;
}
 /* Media query to target only desktop */
@media all and (max-width:750px) {

    .toggle--search {
        background-color: transparent;
    }
 }

/* UTILITIES: XXX
   -------------------------------------------------------------------------- */