/* ==========================================================================
   SPECIFICS
   --------------------------------------------------------------------------
   * INVERTING CLICKABLE COLORS (commented and ready to use)
      : Tabs
      : Switcher

   * ELEMENTS
      : Logo (Override/complement)
      : Date (New)
      : Icons as bg (New)
      : Button (Override/complement)
      : Links (Override/complement)

   * COMPONENTS
      : Cards
        : Articles as cards (Override/complement)
      : Results listed (Override/complement)
      : Button bar (Override/complement)
      : Banner
      : Share popup - Share buttons bar (Override/complement)
      : Wizards - Forms (Override/complement)
      : Date

   * MODULES
      : Header
      : Menu
      : Footer

   * PAGETYPES
      : Search jobs
         : Wrapper (Override/complement)
         : Main (Override/complement)
         : Section (Override/complement)
         : Results as list (Override/complement)
         : Search wizard (Override/complement)
      : Event detail (Override/complement)
      : Error
      : Timeslots
      : Timeslots Success & Check-In Success

    * LAYOUT
      : General layout
        : Responsive
   ========================================================================== */

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

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

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

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

/* ELEMENTS: Logo (Override/complement)
   -------------------------------------------------------------------------- */

.logo--event {
     --logo--width: auto;
     --logo--height: 5.6rem;

     background-image: unset; /* to be deleted when we get to v23.2 */
}

.article--card .logo--event {
     --logo--height: calc(var(--card__banner--height) - (2 * var(--card--padding--outers)));
}

/* ELEMENTS: Date (New)
   -------------------------------------------------------------------------- */

.date {
    --date--border--color: var(--color--brand--sub-4);
    font-family: "EBGaramond";
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: .4rem;
    border-width: 0.1rem;
    border-style: solid;
    border-color: var(--date--border--color);
    width: 6rem;
    height: 6rem;
    background-color: var(--color--white);
    padding: 0 0.8rem;
    color: var(--color--brand--sub-4);
}

.date__day {
    font-size: var(--font--size--01);
    text-transform: uppercase;
    font-weight: bold;
}

.date__number {
    font-size: var(--font--size--09);
    font-weight: var(--font--weight--bold);
}

/* ELEMENTS: Icons as bg (New)
   -------------------------------------------------------------------------- */

.icon-as-bg {
    --icon-as-bg__icon--width: 2.4rem;
    --icon-as-bg__icon--heigth: 0;

    position: relative;
    line-height: var(--icon-as-bg__icon--heigth);
    padding-left: 0;
}

.icon-as-bg:before {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: var(--icon-as-bg__icon--width);
    height: var(--icon-as-bg__icon--heigth);
    background-image: var(--icon-as-bg__icon--background--image);
    background-size: contain;
}

/*
    Within a 2 columns in Z direction Regular fields variant
*/

.article--details.regular-fields--cols-2Z .article__content__view__field.icon-as-bg {
    padding-left: calc(var(--grid--columns--gap) + var(--icon-as-bg__icon--width) + var(--spacer--s));
}

.article--details.regular-fields--cols-2Z .article__content__view__field.icon-as-bg:before {
    left: var(--grid--columns--gap);
}

/* ELEMENTS: Buttons (Overrides)
   -------------------------------------------------------------------------- */

   /* Primary */
    .article--card .button--primary {
        font-size: var(--font--size--01);
        box-sizing: border-box;
        height: 4.00rem;
    }

   /* Secondary */
    .ButtonBarField [class*=Button],
    .button,
    .button--secondary {
        text-transform: uppercase;
        letter-spacing: var(--buttons--letter--spacing);
    }

    .body--search-jobs .form .ButtonBarField [class*=Button],
    .body--search-jobs .form .button {
        width: 100%;
    }

    .body--search-jobs .ButtonBarField {
        padding-top: 2.9rem;
        padding-bottom: 0rem;
    }

    .button {
        display: flex;
        align-items: center;
    }

    .button,
    .button--secondary {
        padding-left: var(--spacer--l);
        padding-right: var(--spacer--l);
    }

    .article--card .button--secondary,
    .article--card .button--share,
    .button--secondary {
        color: var(--color--brand--sub-6);
        border: .2rem solid var(--color--brand--sub-6);
        border-radius: 50rem;
        height: 4rem;
        text-decoration: none;
        font-size: var(--font--size--01);
        font-weight: bold;
        box-sizing: border-box;
        display: flex;
        align-items: center;
    }

    .article--card .button--secondary:hover,
    .article--card .button--share:hover,
    .button--secondary:hover {
        color: var(--color--brand--sub-5);
        border-color: var(--color--brand--sub-5);
        text-decoration: none;
    }

    .article--card .button--secondary:focus,
    .article--card .button--share:focus,
    .button--secondary:focus {
        border: .2rem solid var(--color--brand--sub-6);
    }

    .button--secondary:focus,
    .submitButton:focus,
    .previousButton:focus,
    .body--search-jobs .ButtonBarField [class*=Button]:focus,
    .formPreviousButton:focus,
    .partialSaveButton:focus,
    .homeButton:focus,
    .ui-dialog-buttonset .ui-button:nth-of-type(2):focus {
        outline-offset: .1rem;
        outline-color: var(--color--brand--sub-4);
    }

    .article--card .button--secondary:active,
    .article--card .button--share:active,
    .button--secondary:active {
        color: var(--color--brand--sub-6);
        border: .2rem solid var(--color--brand--sub-6);
    }

    .button {
        padding-top: var(--spacer--xs);
        padding-bottom: var(--spacer--xs);
    }

/* ELEMENTS: Buttons (Overrides)
   -------------------------------------------------------------------------- */

    a:focus {
        outline-width: .2rem;
        outline-color: var(--color--brand--sub-4);
        outline-style: solid;
    }

    .ButtonBarField [class*=Button]:focus {
        --buttons--border--color: var(--color--brand--sub-4);
        --buttons--border--width: .2rem;
        --buttons--background--color: var(--color--buttons--sub-2);
    }

    .button--secondary:focus,
    .submitButton:focus,
    .previousButton:focus,
    .formPreviousButton:focus,
    .partialSaveButton:focus,
    .homeButton:focus,
    .ui-dialog-buttonset .ui-button:nth-of-type(2):focus {
        --buttons--border--color: var(--color--brand--sub-6);
        --buttons--border--width: .2rem;
        --buttons--background--color: var(--color--buttons--sub-6);
        outline: .2rem solid var(--color--brand--sub-4);
        outline-offset: .1rem;
    }

/* COMPONENTS: Cards: Articles as cards (Override/complement)
   -------------------------------------------------------------------------- */

.article--card .article__banner {
    --card__banner--height: 15.6rem;
    --card__banner--background--color: #000000;
}

.article.article--card {
    justify-content: space-between;
}

.article--card .article__banner {
    position: relative;
    width: 100%;
    height: var(--card__banner--height);
    background-color: var(--card__banner--background--color);
}

.article--card:nth-child(3n+1) .article__banner {
    --card__banner--background--color: var(--color--brand);
}

.article--card:nth-child(3n+2) .article__banner {
    --card__banner--background--color: var(--color--brand--sub-1);
}

.article--card:nth-child(3n+3) .article__banner {
    --card__banner--background--color: var(--color--brand--sub-2);
}

.article--card .article__banner__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: var(--card__banner--background--image);
    background-size: cover;
}

.article--card .article__banner__logo {
    position: absolute;
    top: var(--card--padding--outers);
    right: var(--card--padding--outers);
}

.article--card .article__banner__date {
    position: absolute;
    bottom: calc(-1 * var(--card--padding--outers));
    left: var(--card--padding--outers);
}

.article--card .article__banner + .article__header .article__header__text {
    padding-top: calc(2 * var(--card--padding--outers));
}

.article--card:not(.article--no__events) .article__header__text__title {
    position: absolute;
    top: 50%;
    left: 13rem;
    right: var(--spacer--m);
    transform: translateY(-50%);
    text-align: right;
    max-height: 100%;
    margin: 0;
}

.article--card .article__header__text__title a {
    color: var(--color--white);
    font-family: "EBGaramond";
    font-weight: 500;
    font-size: 2.4rem;
}

.article--card .article__header__text__subtitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: var(--card--padding--inners);
}

.article--card .article__footer {
    box-sizing: content-box;
    padding: var(--spacer--m);
    justify-content: space-between;
}

.article--card .article__header {
    padding-bottom: var(--spacer--m);
    min-height: 17.84rem;
}

.article--card .article__content {
    border-top: none;
    border-bottom: none;
    font-size: var(--font--size--00);
    padding-top: 0;
}

.article--card .article__header__text__subtitle > * + * {
    margin-top: var(--spacer--m);
}

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

.article__header__text__subtitle > * {
    line-height: initial;
}

.article--no__events {
    border: 0;
}

@media (min-width: 751px) and (max-width: 1105px){
    .results--grided .results__panel>* {
        flex: 0 0 calc(50% - var(--grid--columns--gap));
        width: 100%;
        max-width: calc(50% - var(--grid--columns--gap));
    }
}

@media (min-width: 751px){
    .article--card .article__header__text>* {
        overflow: initial;
        white-space: initial;
        text-overflow: initial;
    }
}

/* COMPONENTS: Results listed (Override/complement)
   -------------------------------------------------------------------------- */

.article--result {
    --result__banner--height: 4rem;
    --result__banner--background--color: #000000;
}

.article--result .article__banner {
    position: relative;
    width: 100%;
    height: var(--result__banner--height);
    background-color: var(--result__banner--background--color);
}

.article--result:nth-child(3n+1) .article__banner {
    --result__banner--background--color: var(--color--brand);
}

.article--result:nth-child(3n+2) .article__banner {
    --result__banner--background--color: var(--color--brand--sub-1);
}

.article--result:nth-child(3n+3) .article__banner {
    --result__banner--background--color: var(--color--brand--sub-2);
}

.article--result .article__banner__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: var(--result__banner--background--image);
    background-position: center bottom;
    background-size: cover;
}

.article--result .article__banner__logo {
    position: absolute;
    top: var(--card--padding--outers);
    right: var(--card--padding--outers);
}

.article--result .article__banner__date {
    position: absolute;
    bottom: calc(-1 * var(--card--padding--outers));
    left: var(--card--padding--outers);
}

.article--result .article__banner + .article__header {
    padding-top: calc(2 * var(--card--padding--outers));
}

.article--result .article__header__text__subtitle {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: var(--result--padding--inners--v);
}

.article--result .article__header__text__subtitle > * + * {
    margin-left: var(--spacer--m);
}

/* COMPONENT: BANNER: Banner background
   -------------------------------------------------------------------------- */

.banner--main {
    background-image: none;
    background-color: var(--color--brand);
    min-height: var(--banner--height);
    height: initial;
}

.banner__wrapper {
    display: block;
}

.banner__img--wrapper img {
    max-width: 38.1rem;
    margin-bottom: var(--spacer--s2);
}

.banner__text__title.title.title--banner {
    min-height: 7.8rem;
    align-self: stretch;
    font-family: "EBGaramond";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--color--white);
}

.banner__img--wrapper {
    display: flex;
    align-items: center;
    letter-spacing: .2rem;
}

.banner__img--stars {
    height: 1.2rem;
    margin-right: 1rem;
}

.banner__img--slogan {
    font-family: "OpenSans";
    text-transform: uppercase;
    color: var(--color--white);
    margin-bottom: 1rem;
    font-weight: bold;
}

@media (max-width: 750px){
    .banner__img--wrapper img {
        max-width: 27rem;
    }

    .banner__text__title.title.title--banner {
        font-size: 2.8rem;
        min-height: 3.7rem;
    }

    .banner__img--wrapper {
        letter-spacing: .2rem;
    }

    .banner__img--slogan {
        font-size: 1.2rem;
    }

    .banner__img--stars {
        height: .8rem;
        margin-right: 1rem;
    }
}

/* COMPONENT: Share popup / Share buttons bar
   -------------------------------------------------------------------------- */
.article__content .list--share .list__item {
    position: relative;
}

.list--share .shareButton {
    width: 2.8rem;
    height: 2.8rem;
}

.list--share .list__item:not(:last-child) {
    margin-right: var(--spacer--s);
}

.list--share .shareButton.shareButton--facebook {
    background-image: var(--share--facebook--image);
}

.list--share .shareButton.shareButton--linkedin {
    background-image: var(--share--linkedin--image);
}

.list--share .shareButton.shareButton--twitter {
    background-image: var(--share--twitter--image);
}

.list--share .shareButton.shareButton--whatsapp {
    background-image: var(--share--whatsapp--image);
}

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

.list--share .shareButton.shareButton--copy {
    background-image: var(--share--copy--image);
}

.article--card .popup--share .popup__content {
    justify-content: flex-end;
}

.popup--top [aria-haspopup=true]:after {
    bottom: 119%;
}

.list--share .copy-buton--dialog {
    position: absolute;
    width: 10rem;
    top: -2.8rem;
}

/* COMPONENT: Wizards - Forms
   -------------------------------------------------------------------------- */

.fieldSpec+.AcceptanceCheckboxField {
    margin-top: 0;
}

.tc_formDescription {
    font-size: var(--font--size--00);
    line-height: 1.5;
}

.paragraph-disclosure {
    line-height: 1.5;
}

.paragraph-disclosure:not(:last-child) {
    padding-bottom: 1.6rem;
}

.paragraph-disclosure + a {
    color: var(--color--brand--sub-7);
}

.tc_formDescription a.link {
    color: var(--color--brand--sub-7);
}

.tpt_wizard .ButtonBarField {
    margin-top: 1.2rem;
}

/* COMPONENT: Wizards - Forms
   -------------------------------------------------------------------------- */

.article__banner__date.start__and__end,
.section__header__image.start__and__end {
    width: max-content;
    display: flex;
    border: .1rem solid var(--color--brand--sub-4);
    background-color: var(--color--white);
    border-radius: .4rem;
    align-items: center;
}

.article__banner__date.start__and__end .date,
.section__header__image.start__and__end .date {
    border-width: 0;
    width: max-content;
}

.article__banner__date.start__and__end .date__separator,
.section__header__image.start__and__end.date__separator {
    font-size: var(--font--size--09);
    font-weight: var(--font--weight--bold);
    font-family: "OpenSans";
}

.article__banner__date.start__and__end.same__month .date,
.section__header__image.start__and__end.same__month .date {
    flex-direction: column;
}

.article__banner__date.start__and__end.same__month .date__month,
.section__header__image.start__and__end.same__month .date__month {
    color: var(--color--brand--sub-4);
    font-size: var(--font--size--01);
    font-weight: bold;
    text-transform: uppercase;
}

.article__banner__date.start__and__end .date__days,
.section__header__image.start__and__end .date__days {
    display: flex;
    align-items: center;
    height: 3rem;
}

.article__banner__date.start__and__end.same__month .date__separator,
.section__header__image.start__and__end.same__month .date__separator {
    padding: 0 .8rem;
}

.section.js_views .article__banner__date {
    margin-right: 3.2rem;
}

/* MODULES: HEADER
   -------------------------------------------------------------------------- */

/* Navigation */

.header {
    background-image: var(--navigation--background--image);
    background-position: left top;
    background-size: cover;
    background-color: var(--color--brand);
}

.header a:focus,
.header .toggle.toggle--menu:focus {
    outline: .2rem solid var(--color--grey--lighter-alt);
}

.body--header-fixed-on-scroll .body__content {
    padding-top: 8.8rem;
}

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

@media (max-width: 1024px) and (min-width: 750px) {
    .body--header-fixed-on-scroll .body__content {
        padding-top: 8.8rem;
    }
}

@media (max-width: 749px) {
    :root {
        --logo--height: 3.6rem;
    }
    .body--header-fixed-on-scroll .body__content {
        padding-top: 5.50rem;
    }
}

/* MODULES: MENU
   -------------------------------------------------------------------------- */

.menu__link .menu__text {
    text-transform: uppercase;
    color: var(--color--white);
}

.menu__item:not(:last-child) .menu__link {
    margin-right: 4.2rem;
}

.menu__item:hover .menu__text {
    color: var(--color--white);
}

.menu-custom.menu--toggleable .menu__text {
    color: var(--color--brand--sub-4);
    font-size: var(--font--size--00);
}

.menu-custom.menu--toggleable .menu__link {
    padding-top: 3.6rem;
    border-bottom-color: var(--color--brand--sub-4);
}

.menu-custom:not(.menu--toggleable) .toggle--menu {
    display: none
}

/* MODULES: MENU html attributes
   -------------------------------------------------------------------------- */

[data-menu-type=visible] .header__content {
    justify-content: space-between;
}

[data-menu-type=visible][data-menu-toggle-side=left] .header__content {
    flex-direction: row-reverse;
}

[data-menu-type=toggleable].html--menu--open .body {
    overflow: hidden;
}

[data-menu-type=toggleable] .header__menu {
    margin-top: calc(-1 * var(--header--padding--top));
    margin-bottom: calc(-1 * var(--header--padding--bottom));
}

[data-menu-type=toggleable]:not(.html--menu--open) .menu--toggleable .menu__panel {
    visibility: hidden;
}

[data-menu-type=toggleable][data-menu-toggle-side=right] .header__content {
    justify-content: space-between;
}

[data-menu-type=toggleable][data-menu-toggle-side=right] .header__menu {
    margin-right: calc(-1 * var(--grid--laterals));
}

[data-menu-type=toggleable][data-menu-toggle-side=left] .header__content {
    justify-content: flex-start;
}

[data-menu-type=toggleable][data-menu-toggle-side=left] .header__menu {
    margin-left: calc(-1 * var(--grid--laterals));
}

[data-menu-type=toggleable][data-menu-panel-from=right] .menu__panel {
    right: calc(-1 * var(--menu--width));
    bottom: 0;
    width: var(--menu--width);
}

[data-menu-type=toggleable][data-menu-panel-from=right][data-menu-panel-effect=over] .menu__panel {
    top: var(--header--height);
    transition: transform .2s ease-out 0s;
}

[data-menu-type=toggleable][data-menu-panel-from=right][data-menu-panel-effect=over].html--menu--open .menu__panel {
    transform: translate(calc(-1 * var(--menu--width)),0);
    transform: translate3d(calc(-1 * var(--menu--width)),0,0);
}

[data-menu-type=toggleable][data-menu-panel-from=right][data-menu-panel-effect=pushing].html--menu--open,[data-menu-type=toggleable][data-menu-panel-from=right][data-menu-panel-effect=pushing].html--menu--open .body {
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100vw;
    height: 100%;
    min-height: 100%;
    background-color: var(--color--background);
}

[data-menu-type=toggleable][data-menu-panel-from=right][data-menu-panel-effect=pushing] .body__content {
    transition: transform .2s ease-out 0s;
}

[data-menu-type=toggleable][data-menu-panel-from=right][data-menu-panel-effect=pushing].html--menu--open .body__content {
    transform: translate(calc(-1 * var(--menu--width)),0);
    transform: translate3d(calc(-1 * var(--menu--width)),0,0);
}

[data-menu-type=toggleable][data-menu-panel-from=right][data-menu-panel-effect=pushing] .menu__panel {
    top: 0;
}

[data-menu-type=toggleable][data-menu-panel-from=left] .menu__panel {
    left: calc(-1 * var(--menu--width));
    bottom: 0;
    width: var(--menu--width);
}

[data-menu-type=toggleable][data-menu-panel-from=left][data-menu-panel-effect=over] .menu__panel {
    top: var(--header--height);
    transition: transform .2s ease-out 0s
}

[data-menu-type=toggleable][data-menu-panel-from=left][data-menu-panel-effect=over].html--menu--open .menu__panel {
    transform: translate(var(--menu--width),0);
    transform: translate3d(var(--menu--width),0,0)
}

[data-menu-type=toggleable][data-menu-panel-from=left][data-menu-panel-effect=pushing].html--menu--open,[data-menu-type=toggleable][data-menu-panel-from=left][data-menu-panel-effect=pushing].html--menu--open .body {
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100vw;
    height: 100%;
    min-height: 100%;
    background-color: var(--color--background)
}

[data-menu-type=toggleable][data-menu-panel-from=left][data-menu-panel-effect=pushing] .body__content {
    transition: transform .2s ease-out 0s
}

[data-menu-type=toggleable][data-menu-panel-from=left][data-menu-panel-effect=pushing].html--menu--open .body__content {
    transform: translate(var(--menu--width),0);
    transform: translate3d(var(--menu--width),0,0)
}

[data-menu-type=toggleable][data-menu-panel-from=left][data-menu-panel-effect=pushing] .menu__panel {
    top: 0
}

[data-menu-type=toggleable][data-menu-panel-from=top] .menu__panel {
    left: 0;
    width: 100vw
}

[data-menu-type=toggleable][data-menu-panel-from=top]:not(.html--menu--open) .menu__panel {
    border-width: 0;
    padding-bottom: 0
}

[data-menu-type=toggleable][data-menu-panel-from=top][data-menu-panel-effect=over] .menu__panel {
    top: var(--header--height);
    max-height: 0;
    overflow: hidden;
    transition: all .2s ease-out 0s
}

[data-menu-type=toggleable][data-menu-panel-from=top][data-menu-panel-effect=over].html--menu--open .menu__panel {
    max-height: calc(100vh - var(--header--height))
}

/* MODULES: FOOTER
   -------------------------------------------------------------------------- */

.logo--footer {
    height: 5.4rem;
}

.footer__rights__copy {
    font-size: var(--font--size--00);
    color: var(--color--brand--sub-4);
}

.footer__links__item .link {
    line-height: normal;
    font-size: var(--font--size--00);
}

.footer__links__divider {
    color: var(--color--brand--neutral--2);
    margin-left: var(--spacer--m);
    margin-right: var(--spacer--m);
}

.links__and__social--wrapper {
    display: flex;
}

.footer__links {
    margin-right: 3rem;
}

 @media (max-width: 1024px) {
    .footer__content>*+* {
        margin-top: var(--spacer--m);
    }
}

@media (max-width: 1103px) {
    .footer__rights__copy {
        display: flex;
        flex-direction: column;
        margin-bottom: 2.8rem;
    }

    .footer__rights__logo {
        display: none;
    }

    .footer__content {
        flex-direction: column;
    }

    .footer__rights__copy > span {
        text-align: center;
        line-height: normal;
    }
}

/* 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: Main (Override/complement)
   -------------------------------------------------------------------------- */

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

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

.list-controls__pagination__item.paginationLink+.list-controls__pagination__item.paginationLink {
    margin-left: var(--spacer--s);
}

.list-controls__pagination__item:not(.currentPageLink) {
    color: var(--color--brand--sub-7);
}

.list-controls__text__legend strong {
    letter-spacing: var(--spacer--s);
}

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

/* PAGETYPES: Search jobs: Results as list (Override/complement)
   -------------------------------------------------------------------------- */

.section[data-search-type=toggleable] .section__header__text:after {
    border: none;
}

.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__header {
    min-height: 19.7rem;
}

/* PAGETYPES: Search jobs: Search wizard (Override/complement)
   -------------------------------------------------------------------------- */

.section[data-search-type] .section__header {
    flex-wrap: wrap;
    align-items: stretch
}

.section[data-search-type=idle] .section__header {
    display: none
}

.section[data-search-type=toggleable] .section__header {
    flex-wrap: wrap;
    align-items: stretch
}

.section[data-search-type=toggleable] .section__header__text {
    display: flex;
    align-items: center;
    position: relative;
    max-width: calc(100% - var(--toggle--width) - var(--spacer--l));
    padding: var(--spacer--s) 0
}

.section[data-search-type=toggleable] .section__header__actions {
    margin-left: var(--spacer--l)
}

@media all and (max-width: 1024px) {
    .section[data-search-type=toggleable] .section__header__tabs:after,.section[data-search-type=toggleable] .section__header__text:after {
        content:'';
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        border-bottom-width: .1rem;
        border-bottom-style: solid;
        border-bottom-color: var(--dividers--border--color)
    }

    .section[data-search-type=toggleable] .section__header__tabs {
        display: flex;
        align-items: center;
        position: relative;
        max-width: calc(100% - var(--toggle--width) - var(--spacer--l))
    }

    .section[data-search-type=toggleable] .section__header__tabs~.section__header__text {
        display: none
    }
}

@media all and (max-width: 750px) {
    .section[data-search-type=toggleable] .section__header__search {
        position: relative;
        z-index: 3;
        margin-right: calc(-1 * var(--grid--laterals));
        margin-left: calc(-1 * var(--grid--laterals));
        width: calc(100% + (var(--grid--laterals)* 2))
    }

}

@media all and (min-width: 1025px) {
    .section[data-search-type=toggleable] .section__header__tabs {
        margin-bottom:var(--spacer--m)
    }

    .section[data-search-type=toggleable] .section__header__text {
        flex-grow: unset
    }
}

.section[data-search-type=visible] .section__header__actions .toggle--search,.section[data-search-type=visible] .section__header__text {
    display: none
}

.section[data-search-type=visible] .section__header__tabs~.section__header__search {
    margin-top: var(--spacer--m)
}

@media (max-width: 750px) {
    .section--search-jobs .section__header__text__title.title.title--04{
        font-size: var(--font-size--01);
        font-weight: normal;
        color: var(--color--black--alt);
    }

    .list-controls--top .list-controls__pagination {
        display: flex;
    }

    .section[data-search-type=toggleable] .section__header__search {
        max-height: none;
    }
}

@media (max-width: 1024px) {
    .search.search--open.search--toggleable .search__panel {
        background-color: var(--color--white);
    }

    .toggle.toggle--search[aria-expanded="true"] {
        border-bottom-left-radius: var(--spacer--xs);
        border-bottom-right-radius: var(--spacer--xs);
    }

    .toggle.toggle--search:focus {
        outline: none;
    }

    .toggle__icon {
        color: var(--color--brand--sub-7);
        font-size: 1.95rem;
    }
}

[data-menu-type=toggleable][data-menu-panel-from=right] .menu__panel {
    width: 100%;
}

@media (max-width: 1440px) and (min-width: 750px) {
    [data-menu-type=toggleable][data-menu-panel-from=right] .menu__panel {
        width: 37.5rem;
    }

    .menu--toggleable .toggle--menu[aria-expanded=true]:before,
    [data-menu-type=toggleable][data-menu-panel-from=right][data-menu-panel-effect=over] .menu__panel {
        top: 8.8rem;
    }
}

.toggle.toggle--menu:focus {
    outline: none;
}

/* PAGETYPES: Event detail (Override/complement)
   -------------------------------------------------------------------------- */

.section.js_views .section__header .article__content {
    margin-top: 0rem;
}

.section.js_views .event__detail--general__information .article__header__text__title,
.section.js_views .event__detail--description .article__header__text__title {
    text-transform: uppercase;
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--00);
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .21rem;
}

.section.js_views .section__header .article__header .article__header__text__title.title.title--00 {
    font-weight: normal;
    margin-bottom: var(--spacer--s);
}

.article--details+.article--details {
    border-width: 0;
}

.section__header__image {
    margin-right: var(--spacer--xl);
}

.body--event__detail .grid--2--sidebar>.grid__item {
    padding-top: 4.8rem;
}

/* Fields - General Information */

.section.js_views .section__content .event__detail--general__information .article__content__view__field {
    display: flex;
}

.section.js_views .section__content .event__detail--general__information .article__content__view__field .article__content__view__field__label {
    position: relative;
}

.section.js_views .section__content .event__detail--general__information .article__content__view__field .article__content__view__field__label:after {
    content: ":";
    transform: translateX(-0.3rem);
    display: inline-block;
}

.section.js_views .section__content .event__detail--general__information .article__content__view__field .article__content__view__field__value {
    margin-top: 0;
}

/* Fields - All */

.section.js_views .section__content .article__content__view__field .article__content__view__field__value,
.section.js_views .section__content .article__content__view__field .article__content__view__field__label {
    color: var(--color--black--alt);
}

/* Aside */

aside .article__header__text__title.title.title--03 {
    letter-spacing: .36rem;
    font-family: "EBGaramond";
    font-size: 2.4rem;
    text-transform: uppercase;
    font-weight: 500;
}

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

.aside .saveButton {
    width: 100%;
}

@media (min-width: 751px) and (max-width: 1024px) {
    .body--check__in .aside .form--step1 .fieldSpec:nth-child(even),
    .body--event__detail .aside .form--step1 .fieldSpec:nth-child(even) {
        float: right;
    }

    .body--event__detail .aside .form--step1 .fieldSpec:nth-last-child(-n+3),
    .body--check__in .aside .form--step1 .fieldSpec:nth-last-child(-n+3) {
        float: right;
        clear: right;
    }
}

/* Thank you */

aside .article__header__text__title.title.title--03.thank__you--title {
    font-size: var(--font--size--00);
    color: var(--color--brand--sub-4--alt);
    font-family: "OpenSans";
    letter-spacing: 0.21rem;
    font-weight: bold;
}

aside .article__header__text__paragraph.thank__you--subtitle {
    margin-top: var(--spacer--m);
    margin-bottom: var(--spacer--xs);
}

.aside .to__careers__message {
    margin-top: calc(var(--spacer--l) + var(--spacer--xs));
}

@media (min-width: 751px) and (max-width: 1024px){
    .article--actions--submitted .button-bar--cols-1 {
        --button-bar__buttons--width: 100%;
    }

    .aside .article--actions--submitted .button-bar__wrap {
        height: 4rem;
    }
}

@media (max-width: 1024px) {
    .body--thank__you .article--actions--submitted {
        position: static;
        right: initial;
        bottom: initial;
        left: initial;
        z-index: initial;
        box-shadow: initial;
        width: 100%;
        padding-top: 3.2rem;
        padding-right: var(--grid--laterals);
        padding-bottom: var(--spacer--m);
        padding-left: 0;
        background-color: var(--color--white);
        border-top: 0.10rem solid var(--dividers--border--color);
    }

    .body--thank__you .grid__item.grid__item--aside-right {
        padding-top: 2.4rem;
    }
}
/* General Layout */

@media (min-width: 1025px){
    .body--event__detail [class*="--w--narrow"] {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        max-width: initial;
    }

    .body--event__detail [class*="--w--narrow"] .grid.grid--2--sidebar.grid--2--sidebar--aside-right {
        justify-content: space-between;
    }

    .body--event__detail [class*="--w--narrow"] .grid.grid--2--sidebar.grid--2--sidebar--aside-right .grid__item.grid__item--main {
        max-width: 88.1rem;
    }

    .body--event__detail [class*="--w--narrow"] .grid.grid--2--sidebar.grid--2--sidebar--aside-right .grid__item.grid__item--aside-right {
        max-width: 54.2rem;
        flex: initial;
    }

    .body--footer-sticky .grid, .body--footer-sticky .section:last-of-type {
        flex-grow: initial;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .grid__item--main .share--inline {
        justify-content: flex-start;
    }

    .aside .article:not(.article--actions--submitted) {
        border-top-width: 0.1rem;
        border-top-style: solid;
        border-top-color: var(--dividers--border--color);
        padding-top: var(--spacer--l);
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .aside .article:not(.article--actions--submitted) .title {
        --title--font--size: var(--font--size--04);
    }

    .aside .article:not(.article--actions--submitted) .article__header + .article__content {
        margin-top: var(--spacer--m);
    }

    .aside .form--step1 .Section {
        margin-left: calc(-1 * var(--grid--columns--gap));
        margin-bottom: calc(-1 * var(--fieldSpec--padding--outers));
    }

    .aside .form--step1 .Section + .Section {
        margin-top: var(--fieldSpec--padding--outers);
    }

    .aside .form--step1 .Separator {
        padding-left: var(--grid--columns--gap);
    }

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

    .aside .form--step1 .fieldSpec {
        width: 50%;
    }

    .aside .form--step1 .fieldSpec:nth-of-type(2n+1) {
        clear: both;
    }

    .aside .form--step1 .Separator ~ .fieldSpec:nth-of-type(2n+1) {
        clear: none;
    }

    .aside .form--step1 .Separator ~ .fieldSpec:nth-of-type(2n+2) {
        clear: both;
    }

    .aside .form--step1 .fieldSpec.button-bar {
        padding-top: 0;
        padding-bottom: var(--fieldSpec--padding--outers)
    }

    .aside .form--step1 .fieldSpec.button-bar legend {
        display: none
    }

    .aside .form--step1 .fieldSpec.button-bar:before {
        content: "\00a0 ";
        display: block;
        width: 100%;
        padding-bottom: var(--fieldSpec--padding--inners)
    }

}

/* PAGETYPES: Error (Override/complement)
   -------------------------------------------------------------------------- */

.body--error .title--error {
    letter-spacing: .36rem;
    font-family: "EBGaramond";
    font-size: 2.4rem;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: var(--spacer--xl);
}

.body--error .main__wrapper {
    padding-top: 15rem;
    padding-bottom: 25rem;
}

@media (max-width: 750px){
    .body--error .title--error {
        letter-spacing: .21rem;
        font-size: 1.8rem;
    }

    .body--error .main__wrapper {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
}

.body--error .article--error .article__header__image {
    margin-bottom: var(--spacer--xl);
}

/* PAGETYPES: Timeslots (Override/complement)
   -------------------------------------------------------------------------- */

.section__header__text__subtitle.section__header__text__subtitle--w--narrower {
    margin-top: var(--spacer--l);
    margin-bottom: var(--spacer--l);
}

/* Timeslots wizard */

.tc_formTitle {
    color: var(--color--brand--sub-4--alt);
    text-transform: uppercase;
    letter-spacing: .36rem;
    font-size: 2.4rem;
    font-family: "EBGaramond";
    text-align: center;
    font-weight: 500;
}

.body--timeslots .section__content .article form.form {
    background-color: var(--color--grey--lighter-alt);
    padding: 2.4rem 3.2rem;
    border: 0;
}

.body--timeslots .button-bar__wrap.tc_formField {
    justify-content: center;
}

.body--timeslots .section.section--w--narrow {
    max-width: 88rem;
}

/* Datepicker */

.body--timeslots .schedulerDatePicker.datepicker-skin-scheduling {
    background-color: var(--color--white);
    box-sizing: border-box;
    padding: var(--spacer--s);
}

.SchedulingField .schedulerWidget .headerContainer, .SchedulingField .tc_formField .headerContainer {
    display: block;
    margin-left: 0;
}

.SchedulingField > .tc_formLabel {
    display: none;
}

.schedulerWidget.tc_formField {
    max-width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2.4rem;
}

.schedulerWidget.tc_formField .headerContainer {
    grid-column: span 3;
}

.body--timeslots .schedulerWidget.tc_formField > .results {
    padding-left: 0;
}

.body--timeslots .schedulerWidget.tc_formField > .results::-webkit-scrollbar {
    width: 1.1rem;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: var(--color--brand--neutral--1);

}

.custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 100%;
}

.ui-datepicker-title > span {
    text-transform: uppercase;
    color: var(--color--brand--sub-6);
    letter-spacing: .24rem;
    font-weight: bold;
    font-family: "OpenSans";
}

.ui-datepicker-prev .ui-icon:before {
    margin-left: 1.7rem;
}

.ui-datepicker-next .ui-icon:before {
    margin-right: 1.7rem;
}

.ui-datepicker-calendar {
    border-collapse: collapse;
}

.datepicker-skin-scheduling .ui-datepicker .ui-datepicker-calendar thead {
    background-color: var(--color--brand--neutral--1);
}

.datepicker-skin-scheduling .ui-datepicker .ui-datepicker-calendar thead span {
    color: var(--color--brand--sub-4);
    font-family: "OpenSans";
    font-weight: bold;
    font-size: 1.8rem;
}

.datepicker-skin-scheduling .ui-datepicker .ui-datepicker-calendar td .ui-state-default {
    color: var(--color--brand--sub-4);
}

.datepicker-skin-scheduling .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:not(.ui-state-active):after {
    border-color: var(--color--brand--neutral--1);
}

.datepicker-skin-scheduling .ui-datepicker .ui-datepicker-calendar {
    font-size: 1.4rem;
}

.SchedulingField .schedulerWidget .results .availability, .SchedulingField .tc_formField .results .availability {
    padding-bottom: 1rem;
    border-bottom: 0.1rem solid var(--color--brand--sub-4);
}

.resultsList .resultItem .time, .SchedulingField .tc_formField .results .resultsList .resultItem .time {
    font-weight: normal;
    color: var(--color--brand--sub-4);
}

.SchedulingField .tc_formField .results .resultsList .resultItem:hover {
    background-color: var(--color--brand--sub-8);
}

.SchedulingField .tc_formField .results .resultsList .resultItem:hover span {
    color: var(--color--white);
}

.resultsList .resultItem .time, .SchedulingField .tc_formField .results .timeLocal .localTimeZone {
    display: block;
    margin-top: .6rem;
}

.resultsList .resultItem.selected .timeLocal {
    color: var(--color--white);
}

.SchedulingField .tc_formField .results .resultsList .resultItem:focus {
    border: .2rem solid var(--color--brand--sub-4);
}

.SchedulingField .schedulerWidget .results .resultsList .resultItem, .SchedulingField .tc_formField .results .resultsList .resultItem{
    border: .2rem solid transparent;
}

.SchedulingField .tc_formField .headerContainer .title {
    border: .2rem solid transparent;
    width: max-content;
}

.SchedulingField .tc_formField .headerContainer .title:after {
    content: "*";
    color: var(--color--error);
    margin-left: var(--spacer--s);
}

.SchedulingField .tc_formField .headerContainer .title:focus {
    border: .2rem solid var(--color--brand--sub-4);
}

.resultsList[role="listbox"]:focus {
    outline: .2rem solid var(--color--brand--sub-4);
}

@media (max-width: 750px) {
    .body--timeslots .schedulerWidget.tc_formField > .schedulerDatePicker,
    .body--timeslots .schedulerWidget.tc_formField > .results {
        max-width: 100%;
    }

    .body--timeslots .schedulerWidget.tc_formField > .results {
        padding-top: 2.4rem;
    }

    .schedulerWidget.tc_formField {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 751px) {
    .SchedulingField--cols-2 .datepicker-skin-scheduling, .SchedulingField--cols-2 .results {
        max-width: 100%;
    }
}

/* PAGETYPES: Check-In (Override/complement)
   -------------------------------------------------------------------------- */

.body--check__in .main__wrapper {
    padding-top: 4.8rem;
}

.title--check__in {
    font-family: "EBGaramond";
    font-size: 4.8rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color--brand--sub-4--alt);
    padding-bottom: 2.4rem;
}

@media (max-width: 750px) {
    .body--check__in .saveButton{
        width: 100%;
        max-width: 100%;
    }

    .title--check__in {
        font-size: 2.4rem;
        color: var(--color--brand--sub-4--alt);
        padding-bottom: var(--spacer--m);
    }

    .body--check__in .main__wrapper {
        padding-top: 3.2rem;
    }
}

/* PAGETYPES: Timeslots & Check-In Success (Override/complement)
   -------------------------------------------------------------------------- */

.body--timeslotsSuccess .grid.grid--dividers,
.body--checkInSuccess .grid.grid--dividers {
    margin-top: 0;
}

.body--timeslotsSuccess .main__wrapper,
.body--checkInSuccess .main__wrapper {
    padding-top: 4.2rem;
}

.body--timeslotsSuccess article.article.article--success,
.body--checkInSuccess article.article.article--success {
    margin-bottom: 15rem;
}

.body--timeslotsSuccess article.article.article--success .article__header__text__title .title,
.body--checkInSuccess article.article.article--success .article__header__text__title .title {
    color: var(--color--brand--sub-4--alt);
    font-size: 2.4rem;
    font-weight: normal;
    font-family: "EBGaramond";
    text-transform: uppercase;
    letter-spacing: .36rem;
    line-height: normal;
}

.body--timeslotsSuccess article.article.article--success .article__header__text__paragraph,
.body--checkInSuccess article.article.article--success .article__header__text__paragraph {
    margin-top: 2.4rem;
    line-height: 1.38;
}

@media (max-width: 750px) {
    .body--timeslotsSuccess .grid--dividers>.grid__item,
    .body--checkInSuccess .grid--dividers>.grid__item {
        padding-top: 0rem;
    }

    .body--timeslotsSuccess article.article.article--success,
    .body--checkInSuccess article.article.article--success {
        margin-bottom: 4rem;
    }
}

/* LAYOUT: General layout all: Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 1440px) {
    [class*="__wrapper"] {
        max-width: 114.4rem;
    }

    .body--event__detail [class*="--w--narrow"] .grid.grid--2--sidebar.grid--2--sidebar--aside-right .grid__item.grid__item--main {
        max-width: 66.9rem;
    }

    .body--event__detail [class*="--w--narrow"] .grid.grid--2--sidebar.grid--2--sidebar--aside-right .grid__item.grid__item--aside-right {
        max-width: 43.8rem;
        flex: initial;
    }
}

@media (max-width: 1024px) {
    .body--event__detail [class*="--w--narrow"] .grid.grid--2--sidebar.grid--2--sidebar--aside-right .grid__item.grid__item--main {
        max-width: 100%;
        width: 100%;
    }

    .body--event__detail [class*="--w--narrow"] .grid.grid--2--sidebar.grid--2--sidebar--aside-right .grid__item.grid__item--aside-right {
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width: 750px) {
    .list.list--links.list--links--bottom.visibility--mobile-and-tablet .list__item,
    .list.list--links.list--links--bottom.visibility--mobile-and-tablet a.button--secondary {
        width: 100%;
        justify-content: center;
    }
}

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