/***********************************
JOIN US
***********************************/

/*HEADER IMAGE*/
#joinUs .header-container .top-header-bg {
    background-image: url(../img/careers/join-us/header-careers.webp);
    background-position: bottom right;
}
#joinUs .header-container .box-overlay {
    background: rgba(0, 0, 0, 0.5);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 100%);
}

#joinUs .box2-image.img1 {
    background-image: url(../img/careers/join-us/join-team.webp);
    height: 600px;
}

#joinUs .box2-image.img2 {
    background-image: url(../img/careers/join-us/self-application.webp);
}

.job-box {
    background-color: #fafafa;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 40px;
    -webkit-box-shadow: 0 30px 15px -25px rgba(0, 0, 0, 0.15);
    box-shadow: 0 30px 15px -25px rgba(0, 0, 0, 0.15);
}

.job-box-head {
    background-color: #202020;
    border-radius: 5px 5px 0 0;
}

.job-box-body {padding: 0 15px;}
.job-box-footer {padding: 15px;}

.job-box-body div {
    border-bottom: 1px solid #ddd;
    padding: 5px;
}

.job-box-body small {
    color: #999;
    text-transform: uppercase;
}
.job-box-body span {
    font-weight: 500;
}


.job-category {
    text-align: center;
    padding: 15px;
    background-color: #3c3c3c;
    border-radius: 3px 3px 0 0;
    color: #fafafa;
}

.job-title {
    letter-spacing: -0.025rem;
    color: var(--text-light1);
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 600;
    padding: 15px 15px;
    height: 150px;
    background-image: url(../img/bg-dark-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.job-date {font-size: 0.9rem; margin-bottom: 15px;}

.job-macro-loading {
    font-size: 2.4rem;
    color: #636367;
    display: inline;
}

.job-macro-loading i {
    visibility: hidden;
}

.disclaimer p {text-align: center !important;}

/***********************************
END - JOIN US
***********************************/


/***********************************
JOIN US - DETAILS PAGE
***********************************/
/*HEADER IMAGE*/
#jobDetails .header-container .top-header-bg {
    background-image: url(../img/careers/join-us/header-careers.webp);
    background-position: bottom right;
}
#jobDetails .header-container .box-overlay {
    background: rgba(0, 0, 0, 0.5);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 100%);
}

.job-details-title {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
}

.job-details-title h2 {
    font-size: 2rem;
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

.job-details-description, .job-details-description p{
    font-size: 1rem !important;
}


/*Job share buttons / number of views*/
.job-share {
    margin-top: 30px;
    font-size: 0.9rem;
    text-align: right;
}
.job-share .views-num span {
    border: 1px solid #ddd;
    padding: 2px 10px;
    border-radius: 3px;
    color: #999;
}

.job-share .share-icons a {
    margin-left: 5px;
}
/*END - Job share buttons / number of views*/

/***********************************
END - JOIN US - DETAILS PAGE
***********************************/


/***********************************
JOIN US - SELF APPLICATION PAGE
***********************************/
/*HEADER IMAGE*/
#selfApplication .header-container .top-header-bg {
    background-image: url(../img/careers/join-us/header-careers.webp);
    background-position: bottom right;
}
#selfApplication .header-container .box-overlay {
    background: rgba(0, 0, 0, 0.5);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 100%);
}

#selfApplication .box2-image.img1 {
    background-image: url(../img/careers/join-us/submit-resume.webp);
    height: 650px;
}

.job-card{
    position: relative;
    border-radius: 4px;
    background-color: var(--bg-grey1);
    -webkit-transition: ease 0.3s;
    -moz-transition: ease 0.3s;
    transition: ease 0.3s;
    padding: 30px;
}

.cover-letter {
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    margin-bottom: 10px;
}

.job-card input {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

.job-card #prv-line {
    cursor: pointer;
}

@media screen and (max-width: 767px)  {
    .curriculum-upload input {
        width: 100% !important;
        margin-bottom: 15px;
    }
}