@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap');

body{margin:0; font-family: 'Montserrat', sans-serif !important;}
header{min-height: 5vh;}
main{min-height: 80vh;}
footer{min-height: 15vh;}

.bg-gold{background-color: #ca952b !important; color:white;}
.bg-light{background-color: #f4f5f7}
.bg-green{background-color: #275964 !important;}
.bg-footer{background-color: #275964}
.bg-grey{background-color: #bdbdbd}
.text-blue{color:#153f57;}
.text-gold{color: #ca952b}

/*#fond-principal {background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),url('/img/fond_principal.jpg'); background-position: center; background-size: cover; height: 30vh}*/
#fond-principal {background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),url('/img/fond_principal.jpg'); background-position: center; background-size: cover;}

.titre {width: 100%;text-align: center;}
.modal-content {border-radius: 2rem !important;}
a {text-decoration: none;}
.btn, .rounded-lg {border-radius: 10px !important;}
.btn-gold{background-color: #ca952b !important; color:white !important;font-weight: bold !important; text-transform: uppercase !important; }
.btn-outline-gold {color: #ca952b !important; border-color: #ca952b !important;}
.btn-outline-gold:hover {color: white !important; background-color: #ca952b !important;}

.btn-grey{background-color: #bdbdbd !important; color:white !important;font-weight: bold !important; text-transform: uppercase !important; }


.card {border-radius: 15px !important; border-width:2px !important; border-color: #e3e3e3  }
.card:hover {border:2px solid #ca952b !important; }
.list-group-item:hover, .list-group-item.active{background-color: #f7f7f7 !important;color:#153f57 !important; border-color: #dee2e6 !important; }

.form-check-input:checked { background-color: #275964 !important; border-color: #275964 !important; }
.badge-secondary{color:#163F58 !important; background: #163F581A !important; border-radius: 10px !important; }

.px-custom-1{padding-right:0.75rem !important; padding-left:0.75rem !important;}
.flag{width:20px;}

.ss-main .ss-multi-selected .ss-values .ss-value {background-color: #275964 !important;}
.form-control:focus {border-color: #ca952b !important; box-shadow:none !important; }

.rounded, .btn {border-radius:15px !important;}
.card-rounded-end{border-radius: 0 15px 15px 0 !important;}
.card-rounded-md-end {border-radius: 0 15px 15px 0 !important;}
.card-rounded-md-start {border-radius: 15px 0 0 15px !important;}
.avatar{overflow:hidden;object-fit: cover;border-radius: 50% !important;}
.square70px{width:70px;height:70px;}
.square90px{width:90px;height:90px;}
.square150px{width:150px;height:150px;}

.badge-job{color:white !important; background: #275964 !important; border-radius: 10px !important; }

#search_job_advert_dateOrder {display: inline-block !important}
#search_job_advert_dateOrder .form-check {display: inline-block !important; margin-right: 1rem !important;}
legend{display:inline-block !important;}
.nav-item{font-size: 1rem;}

#mainCarousel {
    color: #170724;

    --carousel-button-bg: #fff;
    --carousel-button-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%),
    0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);

    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;

    --carousel-button-svg-stroke-width: 2.5;
}

#mainCarousel .carousel__slide {
    background-size: cover;

    width: 70%;
    min-height: 400px;
    color: #fff;
    font-size: 3em;
}


@media screen and (max-width:768px){
    /*#fond-principal {height: 60vh}*/
    .card-rounded-end{border-radius: 0 0 15px 15px !important;}
    .card-rounded-md-end {border-radius: 0 !important;}
    footer{min-height: 20vh;}
}