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

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

   * COMPONENTS
      : Cards
        : Articles as cards (Override/complement)
      : Results listed (Override/complement)
      : Button bar (Override/complement)
      : Cookies

   * MODULES
      : XXX

   * PAGETYPES
      : Search jobs
         : Wrapper (Override/complement)
         : Main (Override/complement)
         : Section (Override/complement)
         : Results as list (Override/complement)
         : Event detail (Override/complement)
   ========================================================================== */

/* 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 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 10.7rem;
    height: 9rem;
    background-color: var(--color--primary);
    color: var(--color--white);
}

.date__day {
    font-size: 2rem;
    font-weight: var(--font--weight--bold);
    line-height: 2rem;
    margin-top: 1rem;
    margin-left: 1.4rem;
}

.date__number {
    font-size: 6.4rem;
    font-weight: var(--font--weight--bold);
    line-height: 6.4rem;
    margin-left: 1.4rem;
}

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

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

    position: relative;
    line-height: var(--icon-as-bg__icon--heigth);
    padding-left: calc(var(--icon-as-bg__icon--width) + var(--spacer--s));
}

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

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

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

.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-color: var(--color--black);
    background-position: center bottom;
    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 {
    margin-top: .8rem;
    padding-top: calc(2 * var(--card--padding--outers));
    min-height: 32.4rem;
}

.article--card .article__header__text__subtitle {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    align-items: flex-start;
    margin-top: var(--card--padding--inners);
    font-size: 2rem;
}

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

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

/* COMPONENTS: Cookies
   -------------------------------------------------------------------------- */
.cookies {
    font-size: 1.6rem;
}

.cookies p {
    line-height: 1.5;
}

.cookiesButtonSettings span {
    display: block;
}

.cookies__open .cookiesButtonSettings span {
    display: none;
}

.cookiesButtonAccept, .cookiesButtonReject, .cookies:not(.cookies__open) .cookiesButtonSettings, .cookiesButtonSave {
    background-color: var(--color--white);
    color: var(--color--black);
    border-radius: 0;
    text-transform: uppercase;
    font-weight: var(--font--weight--bold);
    border-width: .1rem;
    border-color: transparent;
    border-style: solid;
    font-size: 1.6rem;
    padding: .4rem 1.7rem;
    text-align: center;
    line-height: 1.5;
}

.cookiesButtonAccept:hover, .cookiesButtonAccept:active, .cookiesButtonAccept:focus, .cookiesButtonReject:hover, .cookiesButtonReject:active, .cookiesButtonReject:focus, .cookies:not(.cookies__open) .cookiesButtonSettings:hover, .cookies:not(.cookies__open) .cookiesButtonSettings:active, .cookies:not(.cookies__open) .cookiesButtonSettings:focus, .cookiesButtonSave:hover, .cookiesButtonSave:active, .cookiesButtonSave:focus {
    border-color: var(--color--white);
    background-color: var(--color--black);
    color: var(--color--white);
    opacity: 1;
}

.cookiesButtonSave {
    border-color: transparent;
}

.cookies__info__buttons {
    margin-top: var(--spacer--m2);
}

.link--cookies:hover {
    opacity: .8;
}

.link--cookies, .cookies__settings a {
    text-decoration: underline;
    text-underline-offset: .2rem;
    color: var(--color--white);
    font-weight: 400;
}

.avaicon-icon-settings:before {
    content: '';
}

.cookies__open .avaicon-icon-settings:before {
    content: '\002699';
    color: var(--color--white);
}

.cookies .cookies__settings__option label input:focus {
    outline-width: 0;
}

.cookies .cookies__settings__option label input:focus-visible, .cookies .cookiesButton:focus-visible, .cookies .cookiesButtonAccept:focus-visible, .cookies .cookiesButtonReject:focus-visible, .cookies:not(.cookies__open) .cookiesButtonSettings:focus-visible, .cookies .cookiesButtonSave:focus-visible, .cookies .link--cookies:focus-visible {
    outline-width: .4rem;
    outline-style: solid;
    outline-color: var(--color--white);
}

.cookies__open .cookies__settings {
    overflow: visible;
}

.cookiesButtonSettings span {
    font-size: 1.6rem;
    font-weight: var(--font--weight--bold);
    margin-left: 0;
    line-height: 1.5;
}

.cookies a:focus {
    outline: none;
}

@media all and (max-width: 750px) {
    .cookies {
        padding-top: var(--spacer--l);
        padding-bottom: var(--spacer--l);
    }

    .cookies__info__buttons, .cookiesButton+.cookiesButton {
        margin-top: var(--spacer--s2);
    }

    .cookies__open .avaicon-icon-settings:before {
        content: '';
    }

    .cookiesButtonAccept, .cookiesButtonReject, .cookies:not(.cookies__open) .cookiesButtonSettings, .cookiesButtonSave {
        font-size: 1.2rem;
        min-height: 3.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cookiesButtonSettings span {
        font-size: 1.2rem;
    }

    .cookies:not(.cookies__open) .cookiesButtonSettings {
        min-height: 3.4rem;
    }

    .cookies__open .cookiesButtonSettings span {
        display: block;
    }

    .cookies .cookiesButtonSettingsIcon {
        background-color: var(--color--white);
        color: var(--color--black);
        text-transform: uppercase;
        opacity: 1;
        border-radius: 0;
    }

    .cookies__open .cookies__settings {
        overflow: hidden;
    }

    .cookiesButton.cookiesButtonSettings.cookiesButtonSettingsText {
        display: none;
    }

}

@media all and (min-width: 751px) {
    .cookiesButton+.cookiesButton {
        margin-left: .7rem;
    }

    .cookies__open .cookiesButtonSettings {
        margin-left: var(--spacer--xs);
    }

    .cookies:not(.cookies__open) .cookiesButtonAccept {
        min-width: 17.7rem;
    }

    .cookies:not(.cookies__open) .cookiesButtonReject {
        min-width: 19.5rem;
    }

    .cookies:not(.cookies__open) .cookiesButtonSettings {
        min-width: 23.5rem;
    }

    .cookiesButtonSave {
        min-width: 20.4rem;
    }

    .cookies__open .cookiesButtonAccept {
        min-width: 13.6rem;
    }
}

/* MODULES: XXX
   -------------------------------------------------------------------------- */

/* 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 {
        --color--background: var(--color--white); /* templatebuilder .main - to be deleted on basePortalCloner */
        --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);
    }

}

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

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

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

/* 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) {
        padding-top: 1.4rem;
    }

}

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

    .aside .article:not(.article--actions) .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)
    }

}

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

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

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

.banner__text__title.title--banner {
    font-size: 5rem;
    text-transform: capitalize;
    color: var(--color--white);
}

.menu__link {
    padding-right: 2.4rem;
    padding-left: 2.4rem;
}

.menu__link .menu__text {
    border-bottom: .2rem solid var(--color--black);
    transition: all .3s;
    max-width: fit-content;
    color: var(--color--white);
}

.menu__link:hover .menu__text {
    color: var(--color--primary);
    border-bottom: .2rem solid var(--color--secondary);
}

.menu__link:focus .menu__text {
    color: var(--color--white);
    border-bottom: .2rem solid var(--color--secondary);
}

.body .menu__link:focus-visible {
    outline-width: 0.2rem;
    outline-style: solid;
    outline-color: var(--color--white);
}

.skip-content.visibility--hidden--visually.focusable:focus {
    outline-width: .2rem;
    outline-style: solid;
    outline-color: var(--color--white);
}

.body--search-jobs .main__wrapper {
    padding-top: 6.4rem;
}

.section--search-jobs .search__panel .form fieldset.Section.Section1 {
    display: flex;
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--search-jobs .search__panel .form fieldset.Section.Section1 {
        flex-direction: column;
    }
}

.section--search-jobs .submitButton {
    text-transform: uppercase;
    font-size: 1.2rem;
}

.list-controls {
    font-size: 1.6rem;
    font-weight: var(--font--weight--bold);
    border-top: .1rem solid var(--color--grey--3);
    padding-top: 3.2rem;
    margin-bottom: 3.2rem;
}

.list-controls--bottom {
    border-top-width: 0;
    margin-top: .8rem;
    margin-bottom: 8rem;
}

.list-controls__pagination__item {
    font-weight: 400;
}

.list-controls__pagination__item:not(.currentPageLink) {
    text-decoration-color: var(--color--primary);
    text-decoration-thickness: .2rem;
    font-weight: var(--font--weight--bold);
    text-underline-offset: .3rem;
}

.article--card .article__footer {
    border-top-width: 0;
}

.article--card .button--secondary {
    font-size: 2rem;
}

.article--card .button--secondary:focus-visible,
.list-controls__pagination__item:not(.currentPageLink):focus-visible,
.list--links--top .link:focus-visible,
.aside .button-bar__wrap .link:focus-visible {
    outline-width: 0.4rem;
    outline-style: solid;
    outline-color: var(--color--black);
}

.article--card .article__banner + .article__header .article__header__text,
.article--card .article__footer {
    padding-left: var(--spacer--l);
    padding-right: var(--spacer--l);
}

.article--card .article__footer {
    padding-bottom: var(--spacer--l);
}

.article--card .article__banner__date {
    left: var(--spacer--l);
}

.date--watch {
    text-align: center;
    font-size: 2rem;
    font-weight: var(--font--weight--bold);
    text-indent: -99.99rem;
    background-image: var(--icon--play);
    background-size: contain;
    background-position: center;
    height: 3.9rem;
}

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

.list-controls__text__reset .link {
    border-bottom: .2rem solid var(--color--secondary);
    text-decoration: none;
    margin-left: 2rem;
    transition: all .3s ease;
}

.list-controls__text__reset .link:hover {
    color: var(--color--secondary);
}

.list-controls__text__reset .link:focus-visible {
    outline-width: 0.4rem;
    outline-style: solid;
    outline-color: var(--color--black);
}

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

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .list-controls--top .list-controls__pagination {
        display: block;
        align-self: flex-end;
        margin-top: 3.2rem;
    }

    .list-controls {
        align-items: flex-start;
        flex-direction: column;
    }

    .list-controls__text__legend,
    .list-controls__text__reset {
        width: fit-content;
    }

    .list-controls__text {
        width: 100%;
    }

    .list-controls__pagination,
    .list-controls__sort,
    .list-controls__switcher,
    .list-controls__text {
        justify-content: space-between;
    }

}

/* EVENT DETAIL */

.list--links--top .link,
.article--details .article__header__text__title {
    font-size: 2rem;
}

.article--details .article__header+.article__content {
    margin-top: 1.2rem;
}

.tc_formTitle {
    font-size: 2.4rem;
}

.CheckBoxListFormField_more,
.RadioButtonListFormField_more,
.article--details .article__content__view__field__value a,
.link,
.tc_formDescription a,
.tc_formSublabel a {
    border-bottom: .2rem solid var(--color--secondary);
    text-decoration: none;
    transition: all .3s ease;
}

.CheckBoxListFormField_more:hover,
.RadioButtonListFormField_more:hover,
.article--details .article__content__view__field__value a:hover,
.link:hover,
.tc_formDescription a:hover,
.tc_formSublabel a:hover {
    color: var(--color--secondary);
}

.CheckBoxListFormField_more:focus-visible ,
.RadioButtonListFormField_more:focus-visible ,
.article--details .article__content__view__field__value a:focus-visible ,
.link:focus-visible ,
.tc_formDescription a:focus-visible ,
.tc_formSublabel a:focus-visible {
    outline-width: 0.4rem;
    outline-style: solid;
    outline-color: var(--color--black);
}

.event--description .article__content__view__field__value {
    line-height: 3.2rem;
    font-size: 2rem;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .grid__item.grid__item--aside-right {
        min-width: 49rem;
        padding-top: 5.4rem;
        padding-left: 4rem;
        padding-right: 4rem;
        padding-bottom: 4.8rem;
    }

    .article__header__text__title--aside {
        margin-top: .8rem;
        display: block;
    }

    .main-panel {
        width: 90%;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

}

.grid__item.grid__item--aside-right {
    background-color: var(--color--white--2);
}

.grid__item.grid__item--main {
    padding-top: 5.4rem;
}

.grid.grid--2--sidebar.grid--2--sidebar--aside-right {
    gap: 4.2rem;
}

.datasetField__row {
    background-color: transparent;
}

.button-bar__wrap.tc_formField {
    justify-content: space-around;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .button-bar__wrap.tc_formField {
        margin-top: 3.3rem;
    }

}

.button-bar__wrap.tc_formField .nextButton,
.button-bar__wrap.tc_formField .cancelButton,
.button-bar__wrap.tc_formField .previousButton,
.button-bar__wrap.tc_formField .saveButton {
    min-width: 12.6rem;
    text-transform: uppercase;
}

.action:before,
.addDatasetRow:before,
.fileInputCancelButton:before,
.removeDatasetRow:before,
.removeFile:before,
[id*=dropboxRemove_]:before {
    background-color: transparent;
}

.action--remove:before {
    background-image: var(--action--icon--remove);
}

.action--add:before {
    background-image: var(--action--icon--add);
}

.action--remove, .action--add {
    text-transform: capitalize;
    color: var(--color--black);
    font-size: 1.6rem;
}

.list--links--top .link,
.aside .button-bar__wrap .link {
    font-size: 2rem;
    font-weight: 400;
    border-bottom: .2rem solid var(--color--secondary);
    transition: all .3s ease;
    text-decoration: none;
    max-width: fit-content;
}

.list--links--top .link:hover,
.aside .button-bar__wrap .link:hover {
    text-decoration: none;
    border-bottom-color: transparent;
    color: var(--color--secondary);
}

.aside .article__header__text__paragraph {
    font-size: 2rem;
    line-height: 1.6;
    margin-bottom: .8rem;
}

.aside .article__header__text__title {
    margin-bottom: 1.6rem;
}

.aside .button-bar__wrap .link {
    margin-top: 1.6rem;
}

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

    .event--description .article__content__view__field__value {
        padding-right: 1.6rem;
    }

    .banner__text__title.title--banner {
        font-size: 3.2rem;
    }

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

    .section[search-type=toggleable] .section__header__tabs:after, .section[search-type=toggleable] .section__header__text:after {
        border-bottom-color: transparent;
    }

    .toggle--search .toggle__icon {
        color: var(--color--black);
    }

    .toggle--search[aria-expanded=true] {
        background-color: var(--color--grey--light);
    }

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

    .list-controls {
        padding-top: 2.4rem;
    }

    .article--card .article__banner + .article__header .article__header__text {
        min-height: auto;
    }

    .body--search-jobs .article--card .article__footer {
        padding-left: 2.4rem;
        padding-bottom: 2.4rem;
    }

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

    .menu--toggleable .menu__item[aria-current="page"] .menu__link {
        text-decoration: underline;
        text-decoration-thickness: .2rem;
        text-decoration-color: var(--color--primary);
        text-underline-offset: .4rem;
    }

    .grid__item.grid__item--aside-right {
        padding-top: 1.4rem;
        padding-left: 1.4rem;
        padding-right: 1.4rem;
        padding-bottom: 1.4rem;
    }

    .button-bar__wrap .submitButton {
        width: 100%;
    }

    .fieldSpec.ButtonBarField.fieldSpecPadder {
        padding-bottom: .8rem;
        padding-top: .8rem;
    }

    .footer__rights__copy {
        text-align: center;
    }

    .body--eventDetail .main__wrapper {
        padding-bottom: 0;
        padding-right: 0;
    }

    .grid.grid--2--sidebar.grid--2--sidebar--aside-right {
        gap: 3.2rem;
    }

    .button-bar__wrap.tc_formField .nextButton,
    .button-bar__wrap.tc_formField .cancelButton,
    .button-bar__wrap.tc_formField .previousButton,
    .button-bar__wrap.tc_formField .saveButton {
        min-width: 100%;
    }

    .button-bar__wrap.tc_formField {
        justify-content: space-around;
        gap: 1.6rem;
    }

    .aside .article__header__text__title {
        font-size: 2.4rem;
    }

    .tc_formTitle {
        font-size: 2rem;
    }

    .success--step .grid__item--main {
        display: none;
    }

    .success--step .grid__item.grid__item--aside-right {
        background-color: var(--color--white);
    }

    .success--step .aside .article__header__text__title {
        margin-bottom: 1.2rem;
        font-size: 2rem;
    }

    .success--step .aside .article__header__text__paragraph,
    .success--step .aside .button-bar__wrap .link {
        font-size: 1.6rem;
    }

    .success--step .aside .article:not(.article--actions) {
        padding-top: 1.8rem;
        padding-bottom: 1.8rem;
        background-color: var(--color--white);
    }

    .footer__text {
        padding-left: 3rem;
        padding-right: 3rem;
    }

}

.skip-content,
.header__logo {
    color: var(--color--white);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--eventDetail .body__content {
        padding-bottom: 0 !important;
    }

    .flex--column-reverse {
        flex-direction: column-reverse;
    }

    .aside .article--actions {
        background-color: var(--color--white--2);
        width: 100%;
        position: relative;
    }

}

.article--card .article__header__text>* {
    overflow: unset;
    white-space: inherit;
    text-overflow: inherit;
}

.menu--visible .menu__item[aria-current="page"] .menu__link {
    pointer-events: none;
}

.logo--header {
    width: 12.4rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    font-family: var(--font);
    font-weight: normal;
    font-size: 1.6rem;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: var(--color--black);
    border-color: var(--color--grey--3);
    border-radius: 0;
}

.select2-selection__choice:focus-visible, .select2-selection__choice__remove:focus-visible, .select2-selection__clear:focus-visible {
    outline-width: .2rem;
    outline-color: var(--color--black);
    outline-style: solid;
}

.m-top {
    margin-top: -1.8rem;
}

.m-top-link {
    margin-top: -1.2rem;
}

.p-bottom,
.article--details.p-bottom {
    padding-bottom: .2rem;
}

.body a:focus {
    outline-width: 0;
}

.main a:focus-visible, .header .logo--header:focus-visible {
    outline-width: .2rem;
    outline-color: var(--color--black);
    outline-style: solid;
}

.header .logo--header:focus-visible {
    outline-color: var(--color--white);
}

/* FOOTER */
.footer {
    border-top: 0;
    --logo--height: 2.6rem;
    background-color: var(--color--white);
}

.footer__social {
    padding-top: var(--spacer--xl);
    padding-bottom: var(--spacer--xl);
    border-top: .1rem solid var(--dividers--border--color);
    border-bottom: .1rem solid var(--dividers--border--color);
    margin-top: var(--spacer--m);
    margin-bottom: 4.4rem;
}

.footer__social__item {
    height: 2.4rem;
    max-width: inherit;
    display: flex;
    align-items: flex-end;
    font-weight: var(--font--weight--bold);
    font-size: 1.4rem;
    color: var(--color--black);
    gap: 1.2rem;
}

.footer__rights__copy {
    font-size: 1.4rem;
    font-weight: var(--font--weight--bold);
    color: var(--color--black);
}

.footer__links__divider {
    color: var(--color--grey--4);
    font-size: 2.4rem;
}

.footer__content .footer__content--links {
    display: flex;
    gap: 1.6rem;
}

.footer__text {
    background-color: #f0f0f0;
    padding-top: 3.6rem;
    padding-bottom: 3.6rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}

.footer__text__content {
    max-width: 120.8rem;
    margin: 0 auto;
    font-weight: 500;
    color: var(--color--black);
}

.footer__text__content .paragraph:nth-child(2){
    margin-bottom: 1.2rem;
}

.footer__text__content .title {
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-bottom: .4rem;
    font-weight: 700;
    color: var(--color--black);
}

.footer .link {
    color: var(--color--black);
    border-bottom-width: 0.2rem;
    border-bottom-color: transparent;
    font-weight: var(--font--weight--bold);
    font-size: 1.6rem;
}

.footer .link:hover {
    border-bottom-color: var(--color--black);
    color: var(--color--black);
}

.footer .paragraph .link {
    font-weight: 500;
}

.footer__rights__logo {
    margin-right: 0;
}

.logo--footer .logo--footer-img {
    width: 16.5rem;
}

.footer a:focus-visible,
.footer .link:focus-visible {
    outline-width: 0.4rem;
    outline-style: solid;
    outline-color: var(--color--white);
}

.footer a:focus-visible,
.footer .link:focus-visible {
    outline-color: var(--color--black);
}

.footer .footer__links__item.link--loading {
    pointer-events: none;
    color: var(--color--grey--5);
}

.footer .footer__links .link {
    font-size: 1.4rem;
}

.body--search-jobs .article--result .article__footer {
    font-size: 2rem;
}

.list-controls__pagination__item:hover {
    color: var(--color--primary);
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .footer {
        font-size: 1.6rem;
    }

    .footer__social {
        flex-wrap: wrap;
        align-items: flex-start;
        column-gap: 2.4rem;
    }

    .footer__social__item {
        display: flex;
        align-items: center;
        gap: 0;
    }

    .footer__social__item+.footer__social__item {
        margin-left: 0;
    }

    .footer__content .footer__content--links, .footer__content {
        flex-direction: column;
    }
}

 /* Media query to target tablet and desktop */
 @media all and (min-width:751px) {
    .footer * {
        line-height: 175%;
    }

    .footer__social__item+.footer__social__item {
       margin-left: 6.4rem;
    }

    .body--search-jobs .article--result .article__footer {
        margin-top: 0;
        min-width: fit-content;
    }
}

 /* Media query to target only desktop */
 @media all and (min-width:1025px) {
    .footer__links__divider {
       margin-left: var(--spacer--s);
       margin-right: var(--spacer--s);
   }
}

 /* Media query to target only mobile */
 @media all and (max-width:750px) {
    .footer__social {
        justify-content: space-around;
        margin-bottom: var(--spacer--l);
        margin-top: 0;
    }

    .footer__content>*+* {
        margin-top: var(--spacer--s);
    }

    .logo--footer .logo--footer-img {
        width: 9rem;
        height: 1.8rem;
    }
}

 /* Media query to target only mobile */
 @media all and (max-width:480px) {
    .footer__links__divider--visibility {
        display: none;
   }
}

@media all and (max-width:1024px) {
    .article--card .article__footer {
        border-top: none;
        font-size: 2rem;
    }

    .body--search-jobs .article--card .article__footer>*+* {
        margin-left: var(--spacer--l);
    }

    .body--search-jobs .article--card .article__footer {
        padding-top: var(--spacer--l);
        padding-left: 0;
        padding-bottom: 0;
    }

    .body--search-jobs .article--card:last-of-type .article__footer {
        padding-bottom: var(--spacer--l);
    }

}