/* ==========================================================================
   16_SPECIFICS
   --------------------------------------------------------------------------
   * README

   * DOCUMENT

   * SEARCH JOBS (HOME): SITE LEVEL
   * SEARCH JOBS: SECTION LEVEL
   * SEARCH JOBS: ARTICLE LEVEL

   * PROFILE: ARTICLE LEVEL: ATTACHMENT UPLOAD
   * PROFILE: ARTICLE LEVEL: ATTACHMENT UPLOAD
   * PROFILE VIEW

   * SUCCESS PAGE

   * CREATE JOB ALERT
   * APPLICATION METHODS OVERRIDES

   * SELECT 2 FIX
   ========================================================================== */

/* README
   ========================================================================== */

/*!
 * Styles on this stylesheet are the All specific styles.
 * That means they apply to any page that deals with an exception to any
 * default style.

 * If you need to deal with an exception to any default styles, you should
 * manage it by adding a .X--modifier class to the .X element and develop the
 * given exception nested to this .X--modifier class in this stylesheet under
 * the corresponding page subtitle.

 * These .X--modifier classes and its nested styles are grouped by page in which
 * are featured, sorted by HTML depth, and separated in Structure, Behaviour or
 * Appearance styles as appropriate.
 */

/* DOCUMENT
   ========================================================================== */

.header__wrapper {
    max-width: unset;
}

/* SEARCH JOBS (HOME): SITE LEVEL
   ========================================================================== */

/* SEARCH JOBS: SECTION LEVEL
   ========================================================================== */

/* Media query to target mobile and tablet */
@media (max-width:1024px) {
    .section--search-jobs .section__header:not(.section__header--hr-bottom) + * {
        margin-top: 0;
    }

    .section--search-jobs .section__header__text__title--2 {
        font-weight: bold;
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--search-jobs {
        padding-bottom: 24px;
    }

    .section--search-jobs .section__header__text__title--2 {
        font-size: 22px;
        letter-spacing: -0.1px;
    }
    .list-controls--bottom .list-controls__legend{
        display: none;
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--search-jobs .section__content__results {
        margin-bottom: 0;
        padding-bottom: 0;
    }

}

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

    .section--search-jobs .section__header__text__title--2 {
        font-size: 24px;
    }

    .section--search-jobs.section--collapsible-form-search .form--search {
        top: 27px;
    }

    .section--search-jobs.section--collapsible-form-search .form--search .form__toggle {
        right: 24px;
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--search-jobs .section__header + .section__content {
        margin-top: 0 !important;
    }

    .section--search-jobs .section__header {
        margin-bottom: 36px;
    }

    .section--search-jobs .section__header:not(.section__header--hr-bottom) + * {
        margin-top: 20px;
    }

    .section--search-jobs .section__content__results {
        margin-top: 0px;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #00a43d; /* var(--color--borders--1) */
        padding-top: 0;
    }

}

/* SEARCH JOBS: ARTICLE LEVEL
   ========================================================================== */
.article--result + .article--result {
    margin-top: 12px;
}

.article--result .article__header__text__subtitle {
    margin-top: 2px;
    color: inherit;
}
.article--result .article__header__text__subtitle span{
    margin-right: 3px;
}
.article--result .article__header__text__subtitle span:first-of-type{
    margin-left: 0px;
}
.article--result .article__header__text__subtitle span:last-of-type{
    margin-right: 0px;
}
.article--result .article__header__text__subtitle div{
    margin-top: 5px;
}
.article--result .article__content {
    line-height: 150%;
}

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

    .article--result .article__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .article--result .article__header__text {
        width: 100%;
    }

    .article--result .article__header__text__title {
        font-size: 18px;
    }

    .article--result .article__header__text__subtitle {
        color: #565656; /* var(--color--text--2) */
    }

    .article--result .article__actions {
        width: 100%;
        padding: 16px 0;
        text-align: left;
    }
    .article--result .article__actions .button,
    .article--result .article__actions .social-share {
        width: 100%;
    }
    .article--result .article__actions .button + .button {
        margin-top: 16px;
    }

    /* tables inside descriptions in mobile */
    .description table tr{
        display: flex;
        flex-wrap: wrap;
        height: auto!important;
    }
    .description table tr td{
        width: 100%!important;
        height: auto!important;
        margin-bottom: 16px;
    }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .article--result {
        padding-top: 31px;
        padding-bottom: 31px;
        border-bottom: solid 1px #00a43d;
        display: flex;
        justify-content: space-between;
    }
     .article--result .article__info {
        width: calc(100% - 226px - 20px);
        max-width: 842px;
     }
    .article--result .article__actions {
        width: 226px;
    }
    .article--result .article__actions .button + .button {
        margin-top: 16px;
    }
    .article--result .article__actions .button {
        width: 100%;
    }

}

/* PROFILE: ARTICLE LEVEL: ATTACHMENT UPLOAD
   ========================================================================== */
.article--attachments-upload {
    border-radius: 5px;
    border-width: 1px;
    border-style: dashed;
    border-color: #8f98a7; /* var(--color--borders--1) */
    background-color: #FFFFFF;
    padding: 16px 16px 16px 16px;
}

.article--attachments-upload .article__header {
    margin-bottom: 16px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #8f98a7; /* var(--color--borders--1) */
    padding-bottom: 16px;
}

/* PROFILE: ARTICLE LEVEL: ATTACHMENT UPLOAD
   ========================================================================== */

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

}

/* PROFILE VIEW
   ========================================================================== */
@media all and (min-width:751px) {
    .section__content.form__item--even,
    .section__content.form__item--odd {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
    }
}
.body--profile .section__content + .section__content:not(.form__item--even){
    margin-top: 24px;
}
.body--profile .section__actions {
    margin-top: 16px;
}
.body--profile .button {
    width: 264px;
}
@media (max-width: 750px) {
    .body--profile .button {
        width: 100%;
    }
}
.text-comma {
    display: inline-block;
}
.text-comma:not(:last-of-type):after {
    content: ',';
    display: inline-block;
    margin-left: -3px
}
.text-comma:first-of-type:before {
    content: attr(data-th)":\00a0";
    display: inline-block;
}

/* SUCCESS PAGE
   ========================================================================== */

.section--success .article__header__text__title,
.section--success .article__content {
    text-align: center;
}
.section--success .article__content img{
    width: 100%;
    margin: 32px 0;
    max-width: 769px;
}
.section--success .article__footer {
    overflow: auto;
}
.section--success .article__footer .link:nth-of-type(1){
    float: left;
}
.section--success .article__footer .link:nth-of-type(2){
    float: right;
}

/* CREATE JOB ALERT
   ========================================================================== */

.breadcrumbs--center .link {
    margin: 0 23px;
}

/* RESET PASSWORD
   ========================================================================== */

.form--reset-password {
    max-width: 545px;
}
@media (min-width: 751px) {
    .form--grid--2 .fieldSpec:not(.button-bar) {
        width: 368px;
    }
    .form--grid--2 .fieldSpec.button-bar {
        max-width: 168px;
        padding-left: 33px;
    }
    .form--grid--2 .fieldSpec.button-bar .button {
        width: 100%;
    }
}

/* APPLICATION METHODS OVERRIDES
   ========================================================================== */
.methodButton--dropbox,
.methodButton--file,
.methodButton--googledrive,
.methodButton--later,
.methodButton--paste {
    border-width: 1px;
    border-style: solid;
    border-color: #78bf26; /* var(--color--clickable) */
    background-color: #FFFFFF;
    background-position: left center;
    color: #000000;
    text-transform: uppercase;
}
.methodButton--file {
    background-image: url(../images/from-pc.svg);
}
.methodButton--paste {
    background-image: url(../images/copy-paste.svg);
}

/* SOCIAL SHARE
   ========================================================================== */

/*Fix me*/
.fv-share-alt {
    margin-top:-3px;
    vertical-align:middle;
}

div[role=navigation] {
    display: flex;
    justify-content: center;
}

/* SELECT 2 FIX
   ========================================================================== */

    fieldset {
        min-inline-size: 100%;
    }
    .select2.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search:first-child:after{
        display: none;
    }
    .select2.select2-container--default .select2-selection--single .select2-selection__rendered{
        padding-right: 50px;
    }
    .select2.select2-container--default .select2-selection--single .select2-selection__clear{
        right: 35px;
    }
    .select2.select2-container--default .select2-selection--single .select2-selection__arrow{
        width: 30px;
    }
    .select2.select2-container--default .select2-selection--single .select2-selection__arrow b{
        border: 0;
        width: 28px;
        height: 25px;
        display: block;
        appearance: none;
        -webkit-appearance: none;
        background: url(../images/arrow-select.svg) no-repeat center right 5px #ffffff;
        margin-top: -12px;
        margin-left: -21px;
    }