/* SECTION WELCOME  */
#hiring-welcome {
    margin-top: 70px;
}

.hiring-welcome-img{
    background-image: url("../../img/welcome-hiring-niids.svg");
    background-size: 70%;
    background-position: center center;
    background-repeat: no-repeat;
    height: 360px;
}

#submit {
    background-color: #c6a47e !important;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

#submit.error {
    background-color: red !important;
}

#submit.success {
    background-color: green !important;
}

#hiring-process {
    margin-top: 80px;
}

#hiring-process h3 {
    font-size: 1.5rem;
}

#hiring-process p {
    font-size: 0.8rem;
}

#hiring-welcome .btn-gold {
    width: 100%;
}

#works .bi{
    font-size: 3rem;
}

#works h3 {
    font-size: 1.2rem;
    color: #c6a47f;
    text-transform: uppercase;
}

.gold-text {
    color: #c6a47e;
}
/* ======= FIN CAREER - WELCOME ======= */

/* ===== CARRER - HIRING JOB ===== */
#hiring-job p{
    font-size: .9rem;
}


/* ======= CAREER - HIRING PROCESS ======= */
.img-hiring-process-desktop {
    background: url("../../img/niids-hiring-process-desktop.svg") no-repeat;
    background-position: 50% 45%;
}

.pb-process {
    padding-bottom: 5rem;
}

.img-hiring-process-mobile {
    background: url("../../img/niids-hiring-process-mobile.svg") no-repeat;
    background-position: top right;
}

/* ======= FIN CAREER - HIRING PROCESS ======= */
/* ======= CAREER - JOB OFFERT ======= */
#card-job {
    background-color: #ffffff36!important;
}

#card-job h2{
    font-size: 0.7rem!important;
    letter-spacing: .1rem!important;
    font-weight: 400!important;
}

.card-job-title {
    color: #fff;
    font-size: 1rem;
}

.card-job-text {
    color: #777;
    font-size: 0.8rem;
    text-align: center;
}

#job-offert .btn-gold {
    width: 100%;
}

.card-category h4 {
    font-weight: 400;
    font-size: 0.7rem;
    color: #333;
}

.card-category p {
    letter-spacing: 0rem;
    color: #777;
    text-align: center;
}

/* ======= FIN CAREER - JOB OFFERT ======= */
/* ======= CAREER - CONTACT ======= */
#file-chosen {
    margin-left: 0.3rem;
    font-size: 0.7rem;
    font-weight: 100;
    padding: 0.375rem 0.75rem;
    font-family: "Open Sans", sans-serif;
    color: #a0a0a0;
}

#formulaire-hiring label p {
    font-weight: 100;
}

#formulaire-hiring textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #808080;
    height: 130px;
    color: #fff;
    font-weight: 100;
    letter-spacing: 0.1rem;
    font-size: 0.7rem;
    height: 68%;
}

#formulaire-hiring textarea::placeholder,
#formulaire-hiring input[type="text"]::placeholder,
#formulaire-hiring input[type="tel"]::placeholder,
#formulaire-hiring input[type="email"]::placeholder,
#formulaire-hiring .cv {
    color: #fff;
    font-weight: 100;
    letter-spacing: 0.05rem;
    font-size: 0.7rem;
    font-family: "Open Sans", sans-serif;
}

#formulaire-hiring .cv {
    background: transparent;
    border: none;
}

#formulaire-hiring .cv i {
    font-size: 1.33333em !important;
    line-height: 0.75em;
}

#formulaire-hiring .input-group-text {
    min-width: 46px;
}

#formulaire-hiring textarea:focus,
input:focus {
    outline: none;
}

#formulaire-hiring input[type="text"],
#formulaire-hiring input[type="tel"],
#formulaire-hiring input[type="email"] {
    background-color: transparent;
    border: none;
    color: #fff;
    font-weight: 100;
    letter-spacing: 0.05rem;
    font-size: 0.8rem;
    font-family: "Open Sans", sans-serif !important;
}

#formulaire-hiring .bi {
    color: #deaf7c;
}

#formulaire-hiring .input-group span {
    background-color: transparent;
    border-radius: 0;
    border: none;
}

#formulaire-hiring .input-group {
    border-bottom: 1px solid #808080;
}

/* MEDIA QUERY */

@media (max-width: 425px) {
    .hiring-welcome-img {
        height: 267px;
    }
}

@media (min-width: 576px) {
    .hiring-welcome-img {
        height: 345px;
    }

    #card-job {
        border-radius: 15px;
    }
}

@media (min-width: 768px) {
    .hiring-welcome-img {
        height: 390px;
        background-size: 60%;
    }

}

@media (min-width: 992px) {
    .hiring-welcome-img {
        background-size: 90%;
        height: 390px;
    }
}

@media (min-width: 1400px) {
    
    .hiring-welcome-img {
        height: 500px;
    }
}