/*
Theme Name: aboutirtheme
Theme URI: aucun
Author: PLUSCOM
Author URI: aucun
Description: Mon premier thème !
Requires at least: WordPress 5.0
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,600;0,700;1,400&display=swap');
:root{
    --clr-red : #0FBED4;
    --clr-blue: #0f3161;
    --clr-picto: #1B5FA8;
    --clr-light: #fff;
    --clr-dark: #242424;
    --clr-green: #96c11f;
    --clr-grey: #4e4e4e;
    --clr-light-gray: #f2f2f2;

    --ff-mont : 'Montserrat', sans-serif;
}

/*--------------------------------------------------------*/
/*-------------------------OUTSIDE------------------------*/
/*--------------------------------------------------------*/




html,body{
    background-color:var(--clr-light);
    font-family: var(--ff-mont);
    scroll-behavior: smooth !important;
}

ul{
    list-style: none;
    padding: 0;
}
#frame{
    width: 360px;
    height: 360px;
}
a{
    text-decoration: none;
    color: var(--clr-blue);
}
a i{
    transition: all ease-in-out .3s;
}
a i:hover{
    color: var(--clr-red) ;
}
li a{
    transition: all ease-in-out .3s;
}
li a:hover{
    color: var(--clr-red);
}
/*--------------------------------------------------------*/
/*------------------------CUSTOM--------------------------*/
/*--------------------------------------------------------*/
.fs-dark{
    color: var(--clr-dark);
}
.fs-white{
    color: var(--clr-light);
}
.fs-grey{
    color: var(--clr-grey);
}
.fs-red{
    color: var(--clr-red);
}
.fs-blue{
    color:var(--clr-blue);
}
.fs-small{
    font-size: 10px;;
}
.fs-title-sm{
    font-size: 13px;
}
.fs-big{
    font-size:20px
}
.fa-lg{
    font-size: 30px!important;
}
.i-red{
    color: var(--clr-red);
}
a:hover .i-red{
    color: var(--clr-dark)!important;
}
.bg-white{
    background-color: var(--clr-light);
}
.bg-red{
    background-color: var(--clr-red);
    
}
.bg-grey{
    background-color: var(--clr-light-gray);
}
.bg-blue{
    background-color: var(--clr-blue);
    color: var(--clr-light);
}
.bg-green{
    background: linear-gradient(0deg, var(--clr-green) 0%, rgba(255,255,255,0) 100%);
    color: var(--clr-light);
}
.card-offre{
    width: 220px;
    height: fit-content;
    margin: 16px 0; 
}


.dropdown-toggle::after{
    display: none;
 }
/*----------------------------------------------------------*/
/*--------------------------BTN-----------------------------*/
/*----------------------------------------------------------*/
.btn-red{
    background-color: var(--clr-red);
    color: var(--clr-light);
    border: 0.5px var(--clr-light) solid;
}
.btn:hover{
    background-color: var(--clr-light);
    color: var(--clr-red);
    border: 1px solid var(--clr-red);
}
.btn-blue{
    background-color: var(--clr-blue);
    color: var(--clr-light);
}
#link-item #btn-more {
    border-radius: 0 0 3px 3px;
    transition: all ease-in-out .3s;
}
#link-item:hover #btn-more {
    color: white;
    background-color: var(--clr-blue) !important;
}
/*----------------------------------------------------------*/
/*--------------------------NAV-----------------------------*/
/*----------------------------------------------------------*/
.bg-nav{
    background-color: var(--clr-light);
}
.nav-item{
    color: var(--clr-dark);
    font-weight: bold;
}

.nav-link{
    color: var(--clr-dark)!important;
}
.nav-link:focus,.nav-link:hover{
    color: var(--clr-red)!important;
}

.illbesticky{
    background-color: #fff;
}
.illbesticky img{
    transition: 0.3s all;
    width:60px;
}
.illbesticky.is-sticked img{
    width:60px;
}
.is-sticked{
    z-index: 3 !important;
}
/*----------------------------------------------------------*/
/*--------------------------BODY----------------------------*/
/*----------------------------------------------------------*/

#wpforms-1423 .message-cv{
    height: 100%;
}
#wpforms-1423 .message-cv textarea{
    height: calc(100% - 33px);
}
#accueil{
    background-image: url('./images/bg-accueil.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    /* height: 90vh; */
    padding:50px 20px;
}
#Job,#radius,#typeContract,#categorie{
    height: 34px;
}

.border-red{
    border: 1px solid var(--clr-red);
    border-radius: 5px;
}

.border{
    border-color: var(--clr-dark) !important;
}
.border-right{
    border-right:2px  var(--clr-light) solid;
}
/*-------------------------------------*/
/*----------------FORM-----------------*/
/*-------------------------------------*/ 
label[for="codePostal-selectized"],
.selectize-control {
    display: inline-block;
    vertical-align: middle; 
    
}


label[for="codePostal-selectized"] {
    margin-right: 10px; 
}


.selectize-control .selectize-input {
    width: 175px; /* Set your desired width */
    text-align: start;
    border: none;
   
}
#Job::placeholder,#typeContract::placeholder,#categorie::placeholder{
    color:  var(--clr-grey) !important;
}
.form-border{
    border: none;
   
}
.selectize-control.single .selectize-input {
    background-color: var(--clr-light);
    background-image: none;
}
.width{
    width: fit-content;
}
.form-width{
    width: 120px;
}
.form-categorie{
    width: 100%!important;
}
.radius{
    width: 64px;
}
/*BLOG*/
.blog{
    position: absolute;
    bottom: 0;
    border-radius: 5px;
    width: 100%;
    height: 50%;
}
.text{
    color: var(--clr-dark);
    transition: all ease-in-out .3s;
}
.text:hover{
    color: var(--clr-red);
    
}
.img-gal{
    max-height: 72px;
}
.custom-card{
    height: 192px;
	border: solid 2px #235EA6;
	overflow: hidden;
	position: relative;
}

.card-content{
	background-color: #235EA6;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 192px;
	width: 100%;
	padding: .5rem;
}

.custom-card:hover{
	border: solid 2px #123060;
}

.custom-card:hover .card-content{
	background-color: #123060;
}

.custom-text{
	color: white;
	text-transform: capitalize;
}

.para-content{
	border-top: solid 1px white;
	display: flex;
	align-items: center;
	gap: .5rem;
}
/*-------------------------------------*/
/*---------------FOOTER----------------*/
/*-------------------------------------*/ 
.elementor-location-footer a{
    color : var(--clr-light);
}

/*Slick*/
.slick-prev, .slick-next {
    font-size: 18px;
    border: none;
    background-color: transparent;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    display: none !important;
  }
/*-------------------------------------*/
/*----------------ADMIN----------------*/
/*-------------------------------------*/
.div-1{
	margin: 16px 0;
}
/*-------------------------------------*/
/*--------------TEMPLATE---------------*/
/*-------------------------------------*/ 
.border-red{
    border: 1px solid var(--clr-red);
}
@media (min-width: 768px) {
    #accueil{
        margin-top: -200px;
    }
    #frame{
        width: 542px;
        height: 360px;
    }
    .slick-prev {
        left: -30px;
        display: inline-block!important;
      }
      
      .slick-next {
        right: -30px;
        display: inline-block!important;
      }
      .form-categorie{
        width:fit-content!important;
    }
    .illbesticky{
        background-color: transparent;
    }
    .illbesticky img{
        width:100%;
    }
    #accueil{
        height: 90vh;
    }
    
 }
@media (min-width: 992px){

    .bg-nav{
        background-color: transparent;
    }
 }
 
.searchbar{
	border: solid 2px #235EA6;
	color: #235EA6;
}

.searchform{
	display: flex;
	gap: 1rem;
}

.contain_img{
	border-radius: var(--bs-border-radius);
	overflow: hidden;
	display: flex;
	text-align: center;
}

.searchform ::placeholder{
	color: #235EA6;
}

.searchbar ::placeholder{
	color: #235EA6;
}

.searchicon{
	background-color: #235EA6;
	color: white;
	padding: 0.5rem;
	font-size: 1.5rem;
}

.searchicon:hover{
	color: white;
}

.border-custom{
    border-bottom: 2px solid var(--clr-dark);
}

.padding-custom{
    padding-left: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
} 