/* ==========================================================================
    LAYOUTS
    -------------------------------------------------------------------------
    Main

    ELEMENTS
    -------------------------------------------------------------------------
    Links
    Tabs
    Search
    Cards

    COMPONENTS
    -------------------------------------------------------------------------
    Tables
      : Default (Override/complement)
    Banner
    Dropdowns
    Cookies
      : Buttons (Override/complement)

    WIDGETS
    -------------------------------------------------------------------------
    Signature box (New)
    Signature iframe (New)

    MODULES
    -------------------------------------------------------------------------
    Header
    Footer

    PAGETYPES
    -------------------------------------------------------------------------
    Login

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

/*
    LAYOUTS/MAin
*/

.body--login .main{
    background-color: var(--color--white);
}

/*
    ELEMENTS/Links
*/

.CheckBoxListFormField_more,
.RadioButtonListFormField_more,
.article--details .article__content__view__field__value a,
.link,
.tc_formDescription a,
.tc_formSublabel a{
    font-weight: 400;
}

/*
    ELEMENTS/Tabs
*/

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

@media all and (max-width: 1024px) {
    .tabs .tabs__list {
        display: flex;
        position: unset;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        border-width: 0;
    }
    .tabs .tabs__list::-webkit-scrollbar {
        display: none;
    }
    .tabs__placeholder {
        display: none
    }
    .tabs__list__item {
        padding-top: var(--spacer--m);
    }
}

@media (min-width: 1025px) {
    .tabs__list__item {
        font-weight: normal;
        border-bottom-width: .2rem;
    }
    .tabs {
        flex-grow: 0;
    }
}

.tabs__list {
    border-bottom-width: 0;
}
.tabs__list__item.tabs__list__item--active {
    border-bottom-width: .2rem;
    border-bottom-style: solid;
    border-bottom-color: var(--color--brand);
    font-weight: bold;
}
.tabs__list__item:not(.tabs__list__item--active) {
    color: unset;
    border-bottom-width: .2rem;
    border-bottom-style: solid;
    border-bottom-color: var(--color--disabled--sub-1);
}

.tabs__list__item {
    text-transform: unset;
    text-wrap: nowrap;
    white-space: nowrap;
}

.tabs__list__item:not(.tabs__list__item--active){
    margin-left: .1rem;
}

.subtabs {
    width: 100%
}

.subtabs__placeholder {
    display: none
}

.subtabs__list {
    width: 100%
}

.subtabs__list__item {
    font-size: 1.8rem;
    font-weight: var(--font--weight--bold)
}

.subtabs__list__item:not(.subtabs__list__item--active),.subtabs__list__item:not(.subtabs__list__item--active):link,.subtabs__list__item:not(.subtabs__list__item--active):visited {
    color: var(--color--clickeable);
    cursor: pointer
}

.subtabs__list__item:not(.subtabs__list__item--active):active,.subtabs__list__item:not(.subtabs__list__item--active):focus,.subtabs__list__item:not(.subtabs__list__item--active):hover {
    color: inherit
}

.subtabs__list__item--active {
    cursor: default
}

/*
    ELEMENTS/Search
*/

@media all and (min-width:751px){
    .search__panel .wizard .Section{
        display: flex;
        align-items: flex-end;
    }
}

/*
    ELEMENTS/Cards
*/

.table--cards tbody tr>*{
    display: grid;
}

.table--cards tbody tr>:first-child .link{
    color: var(--color--font);
    font-size: 1.6rem;
    font-weight: var(--font--weight--bold);
}

.table--cards.table--people tbody tr td:nth-child(2),
.table--cards.table--people tbody tr>:first-child{
    padding-left: var(--card--padding--outers);
}

.table--cards.table--people tbody tr>:first-child {
    border-bottom: 0.1rem solid var(--color--brand--sub-3);
    background-color: var(--color--accent-1);
    padding-bottom: var(--card--padding--outers);
    min-height: 7.6rem;
    display: flex;
    align-items: center;
}

.table--cards tbody tr td:nth-child(2){
    padding-top: 1.2rem;
    height: auto;
    padding-bottom: var(--spacer--s);
}

.table--cards tbody tr td:nth-last-child(2){
    padding-bottom: var(--spacer--s);
}

.table--cards tbody tr td:nth-child(3){
    padding-top: var(--spacer--s);
    padding-bottom: 1.2rem
}

.table--cards tbody tr td:last-child:not(:first-child){
    border-top: 0.1rem solid var(--color--brand--sub-3);
}

.table--cards tbody tr{
    border: 0.1rem solid var(--color--brand--sub-3);
}

.table--cards tbody tr td:last-child{
    min-height: 5.2rem;
}

.table--cards .toggle[aria-expanded=false] .toggle__icon:after{
    color: var(--color--clickeable);
}

.table--cards tbody tr td[data-th]:nth-child(n+2):not(:last-child):before{
    content: attr(data-th) ":\00a0 ";
    display: inline-block;
}

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

.table__wrap {
    border-width: 0;
}

.table--default{
    border: 0.1rem solid var(--color--brand--sub-3);
}

.table--default .sort__item:not(.tpt_listSortableItem) {
    cursor: default;
}

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

.table--default.table--people tbody tr>:first-child,
.table--default.table--people thead tr th:first-child{
    padding-left: var(--table__th--padding);
}

/*
    COMPONENTS/Banner
*/

.banner__text__title.title--banner {
    margin-bottom: 3.2rem;
}

@media (min-width: 1025px){
    .banner__wrapper{
        align-items: flex-start;
    }
    .banner__text{
        padding-top: 1.8rem;
    }
}
/*
    COMPONENTS/Dropdown (Override/complement)
*/
.dropdown--sort .dropdown__placeholder, .list-controls__sort .dropdown__placeholder {
    background-color: unset;
}
.list-controls, .list-controls .dropdown__placeholder {
    font-size: 1.2rem;
}
.dropdown__placeholder:hover{
    box-shadow: 0 -.3rem .4rem 0 var(--color--shadow);
    background-color: var(--color--neutral-1);
}
.list-controls__pagination__item {
    font-weight: normal;
}

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

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

.dropdown__item{
    font-size: 1.2rem;
}

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

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

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

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

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

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

}

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

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

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

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

.dropdown__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacer--l);
    border-bottom-width: .1rem;
    border-bottom-style: solid;
}

.list-controls__sort .sort__item__icon:before,
.list-controls__sort .sort__item__icon:after{
    content: ""
}

.sort__item--DESC.dropdown__item--active .sort__item__icon:before{
    background-image: var(--icon--arrow-sort);
    opacity: 1;
    transform: rotate(180deg);
}

.sort__item--ASC.dropdown__item--active .sort__item__icon:after{
    background-image: var(--icon--arrow-sort);
    opacity: 1;
}

.sort__item--active {
    padding-left: 1.4rem;
    padding-right: 1.8rem;
}

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

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

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

.list-controls__sort .sort__item--ASC .sort__item__icon:before {
    content: "";
    background-image: var(--icon--arrow-selected);
    height: 2rem;
    width: 2rem;
}

.list-controls__sort .sort__item--DESC .sort__item__icon:after{
    content: "";
    background-image: var(--icon--arrow-selected);
    transform: rotate(180deg);
    height: 2rem;
    width: 2rem;
}

.dropdown--overflows-left .dropdown__text{
    order: 1;
    justify-content: flex-start;
}

.dropdown .sort__item__icon, .dropdown__text{
    order: 2;
}

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

/*
    COMPONENTS/Cookies - Buttons (Override/complement)
*/
.cookiesButtonAccept, .cookiesButtonReject, .cookiesButtonSave, .cookiesButtonSettingsText{
    width: 100%;
    flex-basis: var(--button-bar__buttons--width);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: unset;
    outline-width: var(--buttons--outline--width);
    outline-style: solid;
    outline-color: var(--buttons--outline--color);
    border-radius: var(--buttons--border--radius);
    border-width: var(--buttons--border--width);
    border-style: solid;
    border-color: var(--buttons--border--color);
    min-height: var(--buttons--height);
    height: var(--buttons--height);
    background-color: var(--buttons--background--color);
    background-image: unset;
    padding-top: calc(var(--buttons--padding--v) - var(--buttons--border--width));
    padding-right: calc(var(--buttons--padding--h) - var(--buttons--border--width));
    padding-bottom: calc(var(--buttons--padding--v) - var(--buttons--border--width));
    padding-left: calc(var(--buttons--padding--h) - var(--buttons--border--width));
    font-family: var(--buttons--font);
    font-size: var(--buttons--font--size);
    line-height: calc(var(--buttons--height) -(var(--buttons--padding--v)* 2));
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
    text-decoration: none;
    text-align: center;
    vertical-align: baseline;
    color: var(--buttons--font--color);
    cursor: pointer;
    touch-action: manipulation;
}
.cookies {
    padding-top: 4rem;
}

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

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

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

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

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

/*
    WIDGETS/Signature box (New)
*/

.section--signature,
.section--signature .section__content,
.section--signature .article,
.section--signature .article__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-grow: 1;
    width: 100%;
    height: 100%;
}

/*
    WIDGETS/Signature widget/iframe (New)
*/

.section--signature iframe {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-grow: 1;
    width: 100%;
    height: 100%;
}

.section--signature iframe {
    min-height: 60rem;
}

/*
    MODULES/Header
*/

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

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

.menu__thumbnail{
    order: 2;
}

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

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

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

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

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

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

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

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

}

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

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

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

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

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

/*
    PAGETYPES/Login
*/

/*
    UTILITIES/XXX
*/