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

    ELEMENTS
    -------------------------------------------------------------------------
    Fonts
    Icons
      :As background (New)
    Titles
    Paragraph
    Buttons

    COMPONENTS
    -------------------------------------------------------------------------
    Menu
    Cards
      : Id (New)
    Lists
      : Compact (Override/complement)
    Navigation
      : Actionbar (New)
    Article

    WIDGETS
    -------------------------------------------------------------------------
    Action tab (New)
    More
      : In aside (Override/complement)
    Resume/ CV
    Position Information

    MODULES
    -------------------------------------------------------------------------
    Banner
      : Primary (Override/complement)
      : Secondary (Override/complement)
    Blind
      : Aside (Override/complement)
    Header (Override/complement)
    Interview (New)
    Footer (Override/complement)

    PAGETYPES
    -------------------------------------------------------------------------
    Login
    Dashboard
      : Wrapper (Override/complement)
      : Section (Override/complement)
      : Article (Override/complement)
    End Page

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

/*
    LAYOUTS/XXX
*/

/*
    ELEMENTS/Fonts
*/

@font-face {
    font-family: 'AvenirNext LT Pro';
    src: url('../fonts/AvenirNextLTPro-Regular.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AvenirNext LT Pro';
    src: url('../fonts/AvenirNextLTPro-Demi.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-Demi.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AvenirNext LT Pro';
    src: url('../fonts/AvenirNextLTPro-Bold.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@media all and (min-width:1920px) {
    /* To achieve a base font-size of 18px */
    html {
        font-size: 70.3125%;
    }
}

/*
    ELEMENTS/Icons: As background (New)
*/

.icon {
    --icon--width: var(--toggle--width);
    --icon--height: var(--toggle--height);

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: var(--icon--width);
    height: var(--icon--height);
    background-position: center center;
    padding: var(--spacer--s);
    text-align: left;
    text-indent: -999.9rem;
    overflow: hidden;
}

.icon {
    cursor: pointer;
}

.icon--feedback {
    background-image: var(--icon--feedback);
}

.icon--feedback:hover,
.actions [type="radio"]:nth-of-type(1):checked ~ .actions__list .actions__list__item:nth-of-type(1) label {
    background-image: var(--icon--feedback--active);
}

.icon--candidate {
    background-image: var(--icon--candidate);
}

.icon--candidate:hover,
.actions [type="radio"]:nth-of-type(2):checked ~ .actions__list .actions__list__item:nth-of-type(2) label {
    background-image: var(--icon--candidate--active);
}

.icon--position {
    background-image: var(--icon--position);
}

.icon--position:hover,
.actions [type="radio"]:nth-of-type(3):checked ~ .actions__list .actions__list__item:nth-of-type(3) label {
    background-image: var(--icon--position--active);
}

.icon--resume {
    background-image: var(--icon--resume);
}

.icon--resume:hover,
.actions [type="radio"]:nth-of-type(4):checked ~ .actions__list .actions__list__item:nth-of-type(4) label {
    background-image: var(--icon--resume--active);
}

.icon--close {
    background-image: var(--icon--close);
}

/*
    ELEMENTS/Titles
*/

.title{
    line-height: 1.2;
}

.title--04 {
    font-weight: var(--font--weight--demi);
}

.tc_formLabel{
    line-height: 1.3;
}

/*
    ELEMENTS/Paragraph
*/

.paragraph{
    line-height: 1.3;
}

/*
    ELEMENTS/Buttons
*/
.button,
.button--secondary+.button--cancel,
.button--secondary+.button--cancel:link,
.button--secondary+.button--cancel:visited,
.button--tertiary,
.button--tertiary:link,
.button--tertiary:visited{
    text-decoration: none;
    text-decoration-color: transparent;
}

/*
    COMPONENTS/Menu
*/

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

.menu--visible .submenu__list{
    box-shadow: none;
}

.menu__link::after{
    font-size: 2rem;
}

.menu--toggleable .menu__panel{
    border-color: transparent;
}

/*
    COMPONENTS/Cards: Id (New)
*/

.id {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.id__image {
    --thumbnail--width: calc(var(--sizing--basis) * 14);
    --thumbnail--height: calc(var(--sizing--basis) * 14);

    margin-right: var(--spacer--m);
}

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

/*
    COMPONENTS/Lists: Compact (Override/complement)
*/

.list--view-more a {
    padding: unset;
}

.list--view-more .list__item__image {
    --thumbnail--width: 4.2rem;
    --thumbnail--height: 4.2rem;
}

.list--view-more .list__item__text__title {
    font-size: 1.4rem;
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .list--view-more .list__item {
        flex-basis: 100%;
        max-width: 100%;
    }

}

/*
    COMPONENTS/Navigation: Actionbar (New)
*/

.actionbar > [type="radio"] {
    display: none;
}

.actionbar__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--color--clickeable);
}

.actionbar [type="radio"]:nth-of-type(1):checked ~ .actionbar__list .actionbar__list__item:nth-of-type(1) .icon,
.actionbar [type="radio"]:nth-of-type(2):checked ~ .actionbar__list .actionbar__list__item:nth-of-type(2) .icon,
.actionbar [type="radio"]:nth-of-type(3):checked ~ .actionbar__list .actionbar__list__item:nth-of-type(3) .icon,
.actionbar [type="radio"]:nth-of-type(4):checked ~ .actionbar__list .actionbar__list__item:nth-of-type(4) .icon {
    cursor: default;
}

.actionbar [type="radio"]:nth-of-type(1):checked ~ .actionbar__list .actionbar__list__item:nth-of-type(1) .icon {
    background-image: var(--icon--feedback--active);
}

.actionbar [type="radio"]:nth-of-type(2):checked ~ .actionbar__list .actionbar__list__item:nth-of-type(2) .icon {
    background-image: var(--icon--candidate--active);
}

.actionbar [type="radio"]:nth-of-type(3):checked ~ .actionbar__list .actionbar__list__item:nth-of-type(3) .icon {
    background-image: var(--icon--position--active);
}

.actionbar [type="radio"]:nth-of-type(4):checked ~ .actionbar__list .actionbar__list__item:nth-of-type(4) .icon {
    background-image: var(--icon--resume--active);
}

.actionbar__content {
    display: none;
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .actionbar__list {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .actionbar [type="radio"]:nth-of-type(1):checked ~ .actionbar__content:nth-of-type(1),
    .actionbar [type="radio"]:nth-of-type(2):checked ~ .actionbar__content:nth-of-type(2),
    .actionbar [type="radio"]:nth-of-type(3):checked ~ .actionbar__content:nth-of-type(3),
    .actionbar [type="radio"]:nth-of-type(4):checked ~ .actionbar__content:nth-of-type(4) {
        display: block;
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .actionbar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .actionbar__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 0 calc(var(--sizing--basis) * 2) calc(var(--sizing--basis) * 2) 0;
    }

    .actionbar__content {
        order: -1;
        border-width: .1rem;
        border-style: solid;
        border-color: var(--color--borders);
        width: calc(.3125 * var(--grid--columns--1) * var(--grid--columns--amount) + ((.3125 * var(--grid--columns--amount)) - 1) * var(--grid--columns--gap) + var(--grid--columns--gap));
            /* ↳ 05/16 mockup columns + gaps between + extra gap */
        height: calc(100vh - var(--header--height) - var(--main--padding--top) - var(--main--padding--bottom));
    }

    .actionbar__content:nth-of-type(4) {
        width: calc(.5625 * var(--grid--columns--1) * var(--grid--columns--amount) + ((.5625 * var(--grid--columns--amount)) - 1) * var(--grid--columns--gap) + var(--grid--columns--gap));
            /* ↳ 09/16 mockup columns + gaps between + extra gap */
    }

    .actionbar [type="radio"]:nth-of-type(1):checked ~ .actionbar__content:nth-of-type(1),
    .actionbar [type="radio"]:nth-of-type(2):checked ~ .actionbar__content:nth-of-type(2),
    .actionbar [type="radio"]:nth-of-type(3):checked ~ .actionbar__content:nth-of-type(3),
    .actionbar [type="radio"]:nth-of-type(4):checked ~ .actionbar__content:nth-of-type(4) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

}

/*
    COMPONENTS/Navigation: Article
*/

.article--details:not(.form-fields-label--inline) .MultipleDataSetFieldLabel+.MultipleDataSetFieldValue,
.article--details:not(.regular-fields-label--inline) .article__content__view__field__label+.article__content__view__field__value{
    margin-top: var(--spacer--s);
    line-height: 1.3;
}

/*
    WIDGET/Action tab (New)
*/

.article--action .article__content {
    margin-top: 0;
    border-top-width: .1rem;
    border-top-style: solid;
    border-top-color: var(--dividers--border--color);
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .article--action .article__header {
        padding: var(--spacer--m2) 0 var(--spacer--s2);
    }

    .article--action .article__header__actions {
        display: none;
    }

    .article--action .article__content {
        padding: var(--spacer--m2) 0 0;
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .article--action {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-height: 100%;
    }

    .article--action .article__header {
        padding: 0 var(--spacer--m);
    }

    .article--action .article__header__actions {
        margin-right: calc(-1 * var(--spacer--m));
    }

    .article--action .article__content {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: var(--spacer--m);
        overflow-y: auto;
    }

    .article--action .article__content__scroller {
        height: 100%;
    }

}


/*
    COMPONENTS/Side views
*/
.article__content__scroller.article--details {
    & * {
        line-height: 1.3;
    }

    & :is(.MultipleDataSetField, .article__content__view__field) {
        padding-bottom: var(--spacer--m);
    }
    & .article__content__view__field__label+.article__content__view__field__value {
        margin-top: var(--spacer--xxs);
    }
}



/*
    WIDGETS/More: In aside (Override/complement)
*/

.article--view-more--aside .article__content {
    margin-top: var(--spacer--l);
}

.article--view-more--aside .article__content__title {
    margin-bottom: var(--spacer--s);
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .article--view-more--aside {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .article--view-more--aside .article__header {
        width: 100%;
    }

    .article--view-more--aside .article__content {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

}

/*
    WIDGETS/Resume/ CV
*/

.interview__item.interview__item--actionbar .fluid-cols{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.interview__item.interview__item--actionbar .fluid-cols .value.attachment,
.interview__item.interview__item--actionbar .fluid-cols .value.attachment .view-document_viewer{
    height: 100%;
}

.interview__item.interview__item--actionbar .fluid-cols .value.attachment .view-document_viewer{
    width: 100%;
}

/*
    WIDGETS/Position Information
*/

.actionbar__content .article__content__scroller > .fluid-cols > .paragraph:last-of-type,
.actionbar__content .article__content__scroller > .fluid-cols > .paragraph:last-of-type .tab__view__content__value{
    height: 100%;
}

.actionbar__content .article__content__scroller > .fluid-cols > .paragraph:last-of-type .tab__view__content__value iframe{
    width: 100%;
    height: 100%;
}

/*
    MODULES/Banner: Primary (Override/complement)
*/

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

.title--banner::after{
    content: '';
    background-color: var(--color--brand--sub-2);
    display: inline-block;
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    margin-left: -0.6rem;
}

.banner .thumbnail{
    min-width: 4rem;
}

@media (max-width: 1024px) {
    .banner--main {
        background-image: none;
        background-color: var(--color--background--banner);
        height: 14rem;
    }
}

/*
    MODULES/Banner: Secondary (Override/complement)
*/

.banner--secondary {
    --color--background: var(--color--grey--lighter);
    --banner--padding--top: 4rem;
    --banner--padding--bottom: 6rem;
}

/*
    MODULES/Blind: Aside (Override/complement)
*/

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .body--extra-panel--slide-over-aside #extra-panel .form {
        max-width: unset;
    }

}

/*
    MODULES/Header (Override/complement)
*/

/*
    MODULES/Interview (New)
*/

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .interview {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-height: calc(100vh - var(--header--height) - var(--main--padding--top) - var(--main--padding--bottom));
    }

    .interview__item--video {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .interview__item--video .embed-container{
        height: 100%;
    }

    .interview__item--video .embed-container iframe {
        max-height: calc(100vh - var(--header--height) - var(--main--padding--top) - var(--main--padding--bottom));
    }

    .interview__item--actionbar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        flex-shrink: 0;
    }

}

@media all and (max-width: 1024px){
    .interview__item--video .embed-container {
        padding-bottom: 160%;
    }
}

/*
    MODULES/Footer (Override/complement)
*/

.footer{
    font-size: var(--font--size--00);
}

.logo--footer{
    width: 3.6rem;
    height: 3.6rem;
}

@media all and (min-width: 751px){
    .footer__content{
        height: 8rem;
    }
}

/*
    PAGETYPES/Login
*/

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

.body--login .article .article__header{
    justify-content: center;
}

.body--login .form--login .requiredField{
    font-weight: var(--font--weight--regular);
}

.body--login .button{
    width: 100%;
}

.body--reset-password .article__content .paragraph:first-of-type{
    font-weight: var(--font--weight--demi);
}

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

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

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .body--dashboard .main__wrapper {
        --main--padding--bottom: 9.3rem;
    }

}

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

}

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

.section--dashboard .embed-container iframe {
    border-width: .1rem;
    border-style: solid;
    border-color: var(--color--borders);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--dashboard .section__header {
        flex-direction: column;
        text-align: center;
    }

    .section--dashboard .section__header__actions {
        margin-top: var(--spacer--xl);
        width: 100%;
    }

    .section--dashboard .section__header + .section__content {
        margin-top: var(--spacer--xl);
    }

    .section--dashboard .section__content + .section__content {
        margin-top: var(--spacer--xl);
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--dashboard .section__header + .section__content {
        margin-top: var(--spacer--l);
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section--dashboard .section__content + .section__content {
        margin-top: var(--spacer--xxl);
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--dashboard .section__content + .section__content {
        margin-top: calc(var(--spacing--basis) * 14);
    }

}

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

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--dashboard .article__header + .article__content {
        margin-top: var(--spacer--l);
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .article--dashboard .article__header + .article__content {
        margin-top: var(--spacer--l);
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .article--dashboard .article__header + .article__content {
        margin-top: var(--spacer--m);
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .article--dashboard .article__header + .article__content {
        margin-top: var(--spacer--l);
    }

}

/*
    PAGETYPES/End Page
*/

.body--end-page [class*="--w--narrower"]{
  max-width: 43.9rem;
}

.article--end{
    margin: 10rem auto;
    border-width: 0.2rem;
    border-style: solid;
    padding: 0;
    border-radius: 1.3rem;
}

.article--end{
    border-color: var(--color--brand--sub-3);
    max-width: 43.9rem;
}

.grid--dividers>.grid__item>.article--end{
    max-width: 43.9rem;
}

.article--end .article__header__image{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 10.6rem;
    width: 100%;
}

.article--end .article__header:not(.article__header--center) .article__header__image{
    margin: 3.5rem 0 1rem 0;
}

.article--end .article__content{
    padding: 0 1rem;
}

.article--end .title{
    font-size: var(--font--size--05);
    padding-top: 2rem;
    padding-bottom: 1rem;
    margin: 0;
}

.article--end .paragraph{
    font-size: var(--font--size--00);
}

.article--end .paragraph:last-child{
    padding-bottom: 3.5rem;
}

.article--end.article--attention .article__header__image
{
    background-image: var(--attention--background--image);
}

.article--end.article--error .article__header__image
{
    background-image: var(--error--background--image);
}

.article--end.article--success .article__header__image
{
    background-image: var(--success--background--image);
}

.article--end.article--expired .article__header{
    flex-direction: column;
}

@media all and (min-width: 1025px){
    .article--end,
    .grid--dividers>.grid__item>.article--end {
        min-width: 43.9rem;
    }
}

/*
    UTILITIES/XXX
*/