/* checkbox styles */

/*** custom checkboxes ***/
.form__checkbox-wrapper {
    width: 55%;
    margin-left: 35%;
    margin-bottom: 1.4rem;
    font-size: 1.8rem;
}

@media (max-width: 635px) {
    .form__checkbox-wrapper {
        width: 100%;
        margin-left: 0;
    }
}


.form__checkbox-input {
    display:none;
} /* to hide the checkbox itself */

.powermail_fieldset .powermail_fieldwrap label.form__checkbox-label {
    display: inline;
    float: none;
    width: auto;
    text-align:  left !important;
    margin-bottom: 1.4rem;
    padding-right: 0 !important;
    cursor: pointer;
    user-select: none;
    line-height: 1.4;
    font-size: 1.6rem;
}

.form__checkbox-input + .form__checkbox-label:before {
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 10px;
    transition: letter-spacing .3s;
    cursor: pointer;
}

/* default state*/
.form__checkbox-input + .form__checkbox-label:before {
    content: "\f0c8";
} /* unchecked icon */

/* :checked */
.form__checkbox-input:checked + .form__checkbox-label:before {
    content: "\f14a";
} /* checked icon */

.form__checkbox-wrapper .description {
    display: inline;
}
.form__checkbox-wrapper .description a {
    font-family: 'Bitter', sans-serif;
    font-size: 1.6rem;
    transition: color .6s;
    color: #f90;
    text-decoration: none !important;
}
.form__checkbox-wrapper .description a:hover {
    text-decoration: underline!important;
}

/* jobs list custom styles */
.searchbox__wrapper {
    position: relative;
}

.jobs__wrapper {
    margin-top: 8vh;
    max-width: 630px;
}

.pager-btn {
    cursor: pointer;
    user-select: none;
}
.pager-btn.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.loader__wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.loader {
    top: 25%;
}

.jobs {
    position: relative;
}

/* stepstone jobs jobs responsive styles */
@media screen and (max-width: 1366px) {
    .jobs__wrapper {
        margin-top: 0;
    }
    .jobs {
        margin-top: 20px;
    }
}
@media screen and (max-width: 1024px) {
    .col_1--stepstone-jobs {
        float: none;
        margin-top: 8vh !important;
    }
    .searchbox--right-side {
        float: none;
        width: 100%;
        height: 100%;
    }
    .searchbox--right-side .linkbox {
        display: none;
    }
    .searchbox__wrapper {
        height: 100%;
    }
    .searchbox {
        position: relative;
        top: 0 !important;
    }
    .jobs__wrapper {
        width: 100%;
        max-width: 100%;
    }
    .jobs .job .job-link {
        display: flex;
        flex-direction: row-reverse;
    }
}


.no-results {
    width: 100%;
    display: none;
    font-size: 40px !important;
    font-family: 'Bitter', serif !important;
    text-align: center;
}

.subpage > .container.container--db {
    display: block;
    vertical-align: auto;
}

@media (max-width: 635px) {
    .jobs__wrapper {
        min-height: 200px;
        margin-bottom: 50px;
    }
    .jobs .job {
        position: relative;
        display: block;
        padding: 20px 15px;
        box-sizing: border-box;
    }
    .jobs .job .job-image {
        display: none;
    }
    .jobs .job .job-text {
        display: block;
        width: 100%;
        word-break: break-word;
    }
    .job-link {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .jobs .job .job-link a {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

    .jobs .job .job-link a i {
        display: none;
    }

    .mobile-slide .socialMedia  .fa-share-alt {
             margin-left: 10px;
     }
    .mobile-slide .socialMedia.active  .fa-share-alt {
        display: none;
    }

}


@media (min-width: 636px) {
    .jobs .job .job-link a {
        background-color: #000;
        height: 40px;
        width: 40px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
    }
    .jobs .job .job-text {
        padding-right: 15px;
        width: 70%;
    }
}

/* hide jobs categories on resolutions smaller than 1920x1080*/
@media only screen and (max-width: 1919px) and (max-height: 1079px) {
    .jobs .job .job-text p {
        display: none;
    }
}

/* end stepstone jobs jobs responsive styles */

.img-responsive{max-width:100%;}
.grey-icon {color:#8a8a8a;}

/* fix grid item width on mobile*/
@media (max-width: 635px) {
    .grid-item {
        width: 100% !important;
        margin: 1rem 0;
    }
}

/* fix lightbox on mobile*/
@media (max-width: 635px) {
    .linkbox {
        top: 0;
        margin-top: 0;
    }
}

/* fix header and toolbar when logged in */
.toolbar-fixed header {
    top: 79px;
}
.toolbar-fixed header:before {
    content:"";
    background: #000;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 79px;
}
.toolbar {
    z-index: 10000;
    background: #000;
}

/* style login form */
.user-login-form input:-webkit-autofill,
.user-login-form textarea:-webkit-autofill,
.user-login-form select:-webkit-autofill{
    border: none;
}

/* login backoground hack for chrome*/
@-webkit-keyframes autofill {
    to {
        color: #000;
        background: #fff;
    }
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.user-login-form input[type=text],
.user-login-form input[type=password]{
    background-color: #fff !important;
}
.user-login-form .form-text {
    margin-bottom: 10px;
}
.user-login-form .description{
    display: none;
}

input[type=submit] {
    font-family: 'Bitter', serif;
    background: #f90;
    font-size: 1.4rem;
    padding: 20px;
    padding-left: 40px;
    cursor: pointer;
    border: none;
    display: block;
    outline: none;
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
    border: 0 !important;
}

.map__images-wrapper {
    position: relative;
    display: flex;
    align-items: flex-start;
}

/* Admin toolbar */

@media only all and (max-width: 975px) {
    .toolbar-fixed header {
        top: 39px;
    }
    .toolbar-fixed header:before {
        height: 39px;
    }
}



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

}

@media screen and (min-width: 1440px) {

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

}

@media screen and (max-width: 1024px) and (orientation: portrait) {

}

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

}

@media screen and (min-width: 636px) and (max-width: 880px) {

}

/*Bugs in menu on tablet and desktop*/
@media only screen and (min-width: 874px) and (max-width: 1350px) {

}

@media only screen and (min-width: 1024px) {

}

.rc-anchor-normal .rc-anchor-pt {
    margin-right: 30px !important;
}