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

   * STRUCTURE
      : Content layouts: 2 even column, with a divider (50%) (Override/complement)

   * COMPONENTS
      : Steps bar (Override/complement)
      : Result (New)
      : Attachment upload box (New)

   * PAGETYPES
      : Search jobs
         : Wrapper (Override/complement)
         : Main (Override/complement)
         : Section (Override/complement)
      : Job Detail (FolderDetail)
   ========================================================================== */

/* INVERTING CLICKABLE COLORS: Nav
   -------------------------------------------------------------------------- */

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

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

/* INVERTING CLICKABLE COLORS: Dropdown
   -------------------------------------------------------------------------- */

/* LOGO */

.logo {
    background-position-x: -.9rem;
}

/* BANNER */

.banner {
    background-color: #E1DCF2;
}

.banner--main {
    background-image: none;
}

/* STRUCTURE: Content layouts: 2 even column, with a divider (50%) (Override/complement)
   -------------------------------------------------------------------------- */

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .grid--2--divider > .grid__item {
        max-width: none;
    }

    .grid--2--divider > .grid__item:nth-of-type(odd) {
        flex: 0 0 calc(.375 * var(--grid--columns--1) * var(--grid--columns--amount) + ((.375 * var(--grid--columns--amount)) - 1) * var(--grid--columns--gap));
    }

    .grid--2--divider > .grid__item:nth-of-type(even) {
        flex-grow: 1;
    }

    .grid--2--divider > .grid__item:nth-of-type(even) {
        flex-grow: 1;
    }

}

/* COMPONENTS: Steps bar (Override/complement)
   -------------------------------------------------------------------------- */

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .list--steps .list__item__text__subtitle {
        margin-bottom: -.6rem;
        width: 1.6rem;
        height: 1.6rem;
        text-indent: -999.9rem;
        overflow: hidden;
    }

}

/* COMPONENTS: Result (New)
   -------------------------------------------------------------------------- */

.article--result + .article--result {
    margin-top: 1.2rem;
}

.article--result .article__header__text__title a {
    color: var(--color--clickeable);
}

.article--result .article__header__text__subtitle {
    margin-top: var(--spacer--l);
}

.article--result .article__header__actions {
    display: flex;
    align-items: center;
}

/* Media query to target only mobile */
@media all {
    .article__result__content {
        border-radius: var(--boxes--border--radius);
        border-width: .1rem;
        border-style: solid;
        border-color: var(--boxes--border--color);
        height:100%;
    }

    .article--result .article__header {
        flex-direction: column;
        align-items: stretch;
        height: 100%;
    }

    .article--result .article__header > * {
        width: 100%;
        padding-right: var(--boxes--padding--outers);
        padding-left: var(--boxes--padding--outers);
    }

    .article--result .article__header__text {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        min-height: var(--boxes__heading--height);
        padding: var(--boxes--padding--outers) var(--boxes--padding--outers);
        margin-top: 8rem;
    }

    .article--result .article__header__actions {
        padding-top: var(--boxes--padding--inners);
        padding-bottom: var(--boxes--padding--inners);
        margin-left: 0;
    }

    .article--result .article__header__actions > * + * {
        margin-left: var(--boxes--padding--inners);
    }

    .article--result .article__header__actions .button {
        display: block;
        min-height: 0;
        border-radius: 0;
        border-top-width: 0;
        border-right-width: 0;
        border-bottom-color: transparent;
        border-left-width: 0;
        background-color: transparent;
        padding: 0;
        font-size: 1.6rem;
        line-height: 1.4rem;
        color: var(--color--brand);
        font-weight: 700;
        padding-bottom: 2rem;
    }

    .body--search-jobs .article--result + .article--result{
        margin-top: 0;
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .article--result {
        padding-top: calc(var(--boxes--padding--inners) * .5);
        padding-bottom: calc(var(--boxes--padding--inners) * .5);
    }

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

}

/* COMPONENTS: Attachment upload box (New)
   -------------------------------------------------------------------------- */

.article--attachments-upload {
    border-radius: var(--boxes--border--radius);
    border-width: .1rem;
    border-style: dashed;
    border-color: var(--boxes--border--color);
    background-color: #FFFFFF;
    padding: var(--boxes--padding--outers) var(--boxes--padding--outers);
}

.article--attachments-upload .article__header {
    margin-bottom: var(--boxes--padding--outers);
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: var(--dividers--border--color);
    padding-bottom: var(--boxes--padding--outers);
}

.article--attachments-upload .article__header .fv {
    vertical-align: middle;
}

/* 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 tablet and desktop */
@media all and (min-width:751px) {
    .body--search-jobs .main {
        --color--background: var(--color--brand--sub-1);
    }

}

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

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section--search-jobs {
        border-radius: var(--boxes--border--radius) var(--boxes--border--radius) 0 0;
        background-color: #FFFFFF;
        padding: var(--spacer--l) var(--spacer--l)
    }

    .section--search-jobs.section--collapsible-form-search .form--search {
        top: var(--spacer--l);
    }

    .section--search-jobs.section--collapsible-form-search .form--search .toggle--search {
        right: var(--spacer--l);
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--search-jobs .section__header {
        display: none;
    }

    .section--search-jobs .section__header + .section__content {
        margin-top: 0;
    }

    .section--search-jobs .section__content + .section__content {
        border-radius: var(--boxes--border--radius) var(--boxes--border--radius) 0 0;
        background-color: #FFFFFF;
        padding: 0;
    }

    .body--search-jobs .list-controls--top {
        margin-bottom: var(--spacer--l);
        margin-top: var(--spacer--l);
    }

}

.article--result .article__header .article__header__banner {
    padding: 0;
}

.article__header--banner{
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left top;
    height: 10rem;
}

.article__header__banner{
    position: relative;
    width: 100%;
    height: 3.2rem;
}

.article__header__banner__cover {
    height: 2rem;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.article__header--logo{
    position: absolute;
    max-width: 14rem;
    max-height: 6rem;
    right: 2rem;
    top: 2rem;
    z-index: 1;
}

.article__header__banner-content{
    position: relative;
    width: 100%;
}

.item__date i {
    position: absolute;
    top: 50%;
    margin-top: -.3rem;
    height: .6rem;
    width: .3rem;
}

.item__date i.right{
    right: 0
}

.item__date i.left{
    left: 0
}

.article__header--banner,
.article__header-noimg-banner{
    position: absolute;
}

.article__header--banner{
    width: 100%;
    height: auto;
}

.article__header-noimg-banner{
    height: 10rem;
    width: 100%;
}

.item__date{
    width: 6.8rem;
    height: 6.8rem;
    padding-top: .8rem;
    position: absolute;
    z-index: 2;
    bottom: -2rem;
    left: 2rem;
}

.item__date.item__date--details {
    position: relative;
    bottom: 0;
    left: .4rem;
    margin-right: 2rem;
}

/*APPAREACNCE*/

.article__header__banner{
    background-color: rgba(37,48,67,0.1);
    margin-bottom: 2rem;
}

.article__header__banner__cover{
    background-image: unset;
    background-position: center bottom;
    z-index: 2;
    background-size: cover;
    background-repeat: no-repeat;
}

.item__date i{
    background-color: #FFFFFF;
}

.article__header-noimg-banner{
    background-image: unset;
    background-repeat: no-repeat;
    background-size: 28.2rem 7.8rem;
    background-position: center bottom;
}

.item__date {
    color: #FFF;
    text-align: center;
    background: var(--color--brand);
    display: inline-block;
    height: 8.3rem;
    margin-left: -.4rem;
    margin-top: -.6rem;
    position: relative;
    width: 9rem;
    font-size: 2rem;
    font-weight: 700;
    padding-top: 1.7rem;
}

.item__date::after {
    border-top: 2.5rem solid var(--color--brand);
    border-left: 4.5rem solid transparent;
    border-right: 4.5rem solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 8.3rem;
    width: 0;
}

.item__date span {
    font-size: 3.6rem;
    display: block;
    font-weight: 400;
    margin-top: 1rem;
}

.article__banner-card{
    height: 10rem;
}
.article__banner-card__container{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    height: 10rem;
}

.list__items img {
    margin-right: .7rem;
    margin-bottom: .6rem;
}

.grid__item:nth-child(3n+1) .article__header__banner{
    background-color: var(--color--brand--sub-4);
}

.grid__item:nth-child(3n+2) .article__header__banner{
    background-color: var(--color--brand--sub-5);
}

.grid__item:nth-child(3n+3) .article__header__banner {
    background-color: var(--color--brand--sub-6);
}

@media all and (max-width:1024px){

    .article__header__banner__cover{
        background-size: 110%;
    }

    .share--inline {
        align-items: flex-start;
        display: flex;
        gap: var(--spacer--s);
        justify-content: center;
        flex-direction: column;
    }
}

.share--inline .share__text {
    font-size: 1.4rem;
    margin-top: -.6rem;
    margin-bottom: var(--spacer--xs);
}

.article__header__content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

/* FOOTER */

.footer {
border-top-width: 0;
}

.footer__content {
align-items: flex-start;
}

.footer__links > .grid--6 > .grid__item {
padding-left: unset;
}

.footer__links {
width: 100%;
}

.footer__links > ul {
width: 100%;
margin-top: unset;
}

.footer__terms {
display: flex;
}

.footer__terms > li:first-of-type > a {
padding-right: .5rem;
border-right-width: 0.1rem;
border-right-style: solid;
border-right-color: var( --color--font);
margin-right: .5rem;
}

.footer__links > .grid--6 {
border-top: 0.1rem solid #000;
margin: 4rem 0;
align-items: baseline;
justify-content: space-between;
}

.footer__links > .grid--6 > .grid__item {
max-width: 13.33rem;
}

.footer__links .grid--4 > .grid__item:last-of-type {
display: inline;
}

.footer__links__item.link:not(.terms--links ) {
display: block;
padding-bottom: 1rem;
}

.footer .link {
text-decoration: none;
border-bottom-width: 0;
font-size: 1.3rem;
font-weight: 400;
line-height: 1.38;
}

.footer .link:hover,
.footer__social__item__icon:hover {
color: var( --color--clickeable);
text-decoration: none;
border-bottom-width: 0
}

.footer__links__item.link.footer-title,
.footer__links__item.link.footer-title.no-link {
font-weight: 700;
font-size: 1.5rem;
display: block;
line-height: 1.33;
}

.footer__social {
align-items: top;
}

.icon__link > .icon__social{
width: 3rem;
height: 3rem;
margin-bottom: 1rem;
margin-right: 1rem;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;

}

.icon__social.facebook{
background-image: var(--icon-social--facebook);
}

.icon__social.facebook:hover {
--icon-social--facebook: var(--icon-social--facebook--hover)
}

.icon__social.instagram{
background-image: var(--icon-social--instagram);
}

.icon__social.instagram:hover {
--icon-social--instagram: var(--icon-social--instagram--hover)
}

.icon__social.twitter{
background-image: var(--icon-social--twitter);
}

.icon__social.twitter:hover {
--icon-social--twitter: var(--icon-social--twitter--hover)
}

.icon__social.linkedin{
background-image: var(--icon-social--linkedin);
}

.icon__social.linkedin:hover {
--icon-social--linkedin: var(--icon-social--linkedin--hover)
}

.footer .footer__disclaimer {
    margin-top: var(--spacer--m);
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2.4rem;
    margin-top: 4rem;
    width: 100%;
}

.footer .footer__disclaimer__paragraph {
    padding-bottom: var(--spacer--l);
    line-height: 2.8rem;
}

@media all and (max-width: 1024px){
.footer__links > .grid--6 > .grid__item {
    flex: 0 0 33%;
    max-width: 26%;
}
}

@media (max-width: 750px){
.grid--4 > .grid__item {
    flex: 0 0 33%;
    max-width: 33%;
}
}

@media (max-width: 568px){
.grid--4 > .grid__item {
    flex: 0 0 50%;
    max-width: 50%;
}
}

/* FIXING LINE HEIGHTS */

.banner__text__title.title.title--banner {
    font-weight: 400;
    line-height: 3.1rem;
}

.description > div > div {
    line-height: 1.5rem;
}

.paragraph--success{
    line-height: 2rem;
}

.article--details .MultipleDataSetFieldValue,
.article--details .article__content__view__field__value {
    line-height: 2rem;
}

.AcceptCheckboxField .description {
    font-size: inherit;
    line-height: 2rem;
}

/* HELPER CLASSES */

.margin-t-7{
    margin-top: 0.7rem;
}

.margin-t-20{
    margin-top: 2rem;
}

.margin-b-15{
    margin-bottom: 1.5rem;
}

.font-size-18 legend{
    font-size: 1.8rem;
}

.w-normal{
    font-weight: 400;
}

@media all and (min-width: 1025px){
    .separator{
        border-bottom: 0.1rem solid var(--color--borders);
        padding-bottom: 4rem;
    }
}

/* PAGINATION */

.list-controls__pagination__item.currentPageLink {
    font-weight: 700;
}

.list-controls__pagination__item:not(.currentPageLink) {
    color: var(--color--brand);
    font-weight: 700;
}

.list-controls__pagination__item {
    border-bottom: none;
}

/* EVENT DETAIL PAGE */

.article--details:not(.form-fields-label--inline) .fields-label--block .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: 2rem;
}

.article--details .article__header__text__title {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
}

.shareButton--email {
    background-image: var(--icon--mail);
}

/* EVENT DETAIL ICONS IN VIEW */

.article__content__view .article__content__view__field.icon {
    padding-left: calc(var(--grid--columns--gap) + 3.5rem);
    background-position-x: 3.2rem;
    background-position-y: 0;
    padding-top: .2rem;
}

@media all and (max-width: 750px) {

    .article__content__view .article__content__view__field.icon {
        padding-left: calc(var(--grid--columns--gap) + 2rem);
        background-position-x: 0;
        background-position-y: 0;
        padding-top: 0.2rem;
    }
}

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

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

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

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

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

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

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

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

.grid--2--sidebar--aside-right>.grid__item--aside-right {
    background: #E1DCF2;
    -webkit-box-shadow: inset 0px 1.5rem 1.5rem -.9rem #c9bad8;
    -moz-box-shadow: inset 0 1.5rem 1.5rem -.9rem #c9bad8;
    box-shadow: inset 0 1.5rem 1.5rem -.9rem #c9bad8;
}

@media all and (min-width: 1025px) {

    [class*="--w--14"] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: var(--content--w--14);
    }

    .grid--2--sidebar>.grid__item {
        padding-top: var(--main--padding--top);
        padding-right: var(--grid--columns--gap);
        padding-bottom: 0;
        padding-left: var(--grid--columns--gap);
    }

    .grid--2--sidebar--aside-right>.grid__item--aside-right {
        max-width: 42.5rem;

    }
}

.grid__item.grid__item--aside-right {
    margin-bottom: 7rem;
    height: fit-content;
}

.aside--arrow:after {
    border-top: 9.5rem solid #E1DCF2;
    border-left: 21.4rem solid transparent;
    border-right: 21.4rem solid transparent;
    content: "";
    height: 0;
    position: relative;
    width: 0;
    top: 11.2rem;
    left: -3.3rem;
}

@media all and (max-width: 1024px) {

    .job--detail .main__wrapper{
        padding-left: 0;
        padding-right: 0;
    }

    .grid__item.grid__item--main {
        padding-left: 8rem;
    }

    .grid--2--sidebar--aside-right>.grid__item--aside-right {
        padding-left: 8rem;
        padding-right: 4rem;
        margin-top: 3rem;
    }

    .aside--arrow:after {
        border-top: 9.5rem solid #E1DCF2;
        border-left: 52vw solid transparent;
        border-right: 52vw solid transparent;
        top: 11.2rem;
        left: -8vw;
    }

    .section--collapsible-form-search .form--search .Section {
        background-color: #dbdbd3;
    }

    .form--search.form--open .toggle--search {
        --toggle--background--color: #dbdbd3;
        border-radius: 0;
    }

    .form--search .toggle--search .toggle__icon:after {
        color: var(--color--brand);
    }
}

@media all and (max-width: 750px) {
    .grid__item.grid__item--main {
        padding-left: 4rem;
    }

    [class*="__wrapper"] {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .grid--2--sidebar--aside-right>.grid__item--aside-right {
        padding-left: 4rem;
        padding-right: 3rem;
    }

}

.aside--arrow-success.aside--arrow:after {
    top: 9.5rem;
    border-top: 9.5rem solid #E1DCF2;
}

.aside--arrow.aside--arrow-success {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.link.link--back {
    margin-bottom: -11rem;
    color: var(--color--brand);
    text-decoration: none;
    border: none;
}

.link.link--top--back {
    margin-bottom: 3.5rem;
    color: var(--color--brand);
    text-decoration: none;
    border: none;
}

.Separator>legend {
    font-size: var(--font--size--03);
}

.article__header__text__title.title.title--03 {
    font-size: 2.2rem;
}

.description p font > span{
    line-height: 2rem;
}

.article--details .article__content__view__field__value a {
    color: var(--color--brand);
    border-bottom: 0.1rem solid;
}

@media all and (max-width: 1024px) {
    .grid__item.grid__item--aside-right.order--top{
        order: 1;
        margin-top: 0;
    }
    .order--bottom{
        order: 2;
    }
    .section--collapsible-form-search .form--search {
        position: static;
    }
    .section--collapsible-form-search .form--search .Section {
        margin-top: 0;
    }
    .body--search-jobs .main__wrapper{
        padding-top: 0;
    }
}
/* PAGETYPES: Job Detail (FolderDetail)
   -------------------------------------------------------------------------- */

.job--detail .aside--arrow .wizard{
    display: flex;
    flex-direction: column;
}

.duplicateWarningMessage {
    color: #D7001A;
    line-height: 2rem;
    margin-bottom: 2rem;
}

.job--detail .aside--arrow .wizard .duplicateWarningMessage{
    order: 1;
}

.job--detail .aside--arrow .wizard .Section2{
    order: 2;
}

.job--detail .aside--arrow .wizard .Section3{
    order: 3;
}