/*
Theme Name: Geiq Propreté Haut de France
Theme URI: 
Author: Alice Reveilliez
Author URI: https://revalice.fr
Description: Thème pour Geiq propreté Haut de France
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); 
body{color:#152E3D;font-size: 1.1rem;}
h1, h2,h3,h4,h5,h6{font-family : "Open Sans", sans-serif;text-transform: uppercase;font-weight: 800;margin: 0 0 15px;}
/*h2 {font-size: 38px;line-height: 55px;}


h3 {font-size: 28px;line-height: 38px;}
h4 {font-size: 20px; line-height: 29px;margin: 28px 0 0px;/*font-size: 35px;line-height: 40px;*/}
h5{font-size: 27px;line-height: 37px;margin-bottom: 10px;}
h6 {font-size: 25px;line-height: 30px;}
a:hover{color:#5BCCD0;}
.bg-deep-pink {background-color: #5BCCD0;}
.bg-bleu-clair{background-color: #5BCCD0}
.bg-gris{background-color: #F7F7F7}
.maj{text-transform: uppercase;}
.btn.btn-dark-gray {
    background: #1B344D;
    border-color: #1B344D;
}

.btn.btn-dark-gray:hover, .btn.btn-dark-gray:focus {
    background: transparent;
    color: #1B344D;
  }

span.bg-bleu {
    background: #1B344D;
    color: #fff;
    padding: 10px 15px 10px 15px;
    display: inline-block;
    font-weight: 800;
    font-size: 1.8rem;
}
.bleu{color: #3C9DB4;font-weight: 600;}

.mfp-bg, .my-mfp-zoom-in.mfp-ready.mfp-bg, .my-mfp-slide-bottom.mfp-ready.mfp-bg {
    background: #152e3d !important;
    opacity: 0.93;
}




/* HEADER */
    .logged-in nav.navbar{margin-top: 32px;}
    header a.logo img {max-height: 65px;width: 145px;}
    .dropdown-toggle i.fas.fa-angle-right {margin-left: 6px;}
    nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, 
    nav.navbar.navbar-default.navbar-top ul.nav > li > a{font-family: font-family : "Open Sans", sans-serif;font-weight: 500; font-style: normal;margin:0 16px;font-size: 14px;}
    .navbar-default .navbar-toggler .icon-bar, header.sticky .navbar-default.header-light .navbar-toggler .icon-bar, header.sticky .navbar-default.header-light-transparent .navbar-toggler .icon-bar {
    background: #ffffff;}
    @media (max-width: 991px){
      nav.navbar.bootsnav .navbar-nav {
        margin: 0;
        padding: 0;
        background-color: rgb(50 90 111);
        padding-right: 1px;
      }
    }

    nav.navbar{background-color: #fff;}
    li.active a {color: #145b69 !important;font-weight: 600 !important;}
    ol, ul {padding-left: 0rem;}
    ul.sub-menu li a, ul.dropdown-menu li a {color: #fff !important;}
    ul.sub-menu li.active a, ul.dropdown-menu li.active a {color: #E75932 !important;}
    ul.sub-menu {list-style-type: none;}
    ul.sub-menu li:before {content: '- ';margin-left:-10px;}
    ul.sub-menu li{margin-left: 21px;font-size: 14px;line-height: 18px;}
 
    .btn.btn-white {color: #1e2d3d;}

    .padding-150px-tb {padding-top: 150px;padding-bottom: 150px;}


    .bg-light-gray {background-color: rgb(108 193 202 / 55%);}
    .tiret {background-color:#5BCCD0;height: 3px  !important; opacity: 1  !important; width: 36px;}


 /* SLIDER   */
  .swiper-slide h1 {
    font-size: 2.9rem;
  	font-weight: 800;
  	color:#fff !important;
  	text-shadow: 4px 4px 9px rgba(0,0,0,0.62);
  }

  .swiper-slide h2 {
      position: absolute;
      right: 3%;
      top: 57%;
      font-size: 1.6em;
      line-height: 40px;
      color:#fff;
      padding: 0 10px;
    }
  .swiper-slide p {color: #ffffff;font-size: 1.8rem;color: #ffffff;line-height: 2rem;text-shadow: 4px 4px 9px rgba(0,0,0,0.62);}



   /* Slider logo  */
     .logo-recrutement .swiper img {
      padding: 30px;
      height: 162px;
    } 
    .swiper-container-horizontal > .swiper-pagination-bullets, 
    .swiper-pagination-custom, 
    .swiper-pagination-fraction, 
    .logo-recrutement .swiper-horizontal> .swiper-pagination-bullets, 
    .logo.swiper-pagination-bullets.swiper-pagination-horizontal, 
    .swiper-pagination-custom, 
    .swiper-pagination-fraction 
    {bottom: 5% !important;}


/* FORMULAIRE  */
  input, textarea, select {
    border:none;
    padding: 15px 5px;
    font-size: 14px;
    padding: 14px 15px;
    width: 100%;
    margin: 0 0 20px 0;
    max-width: 100%;
    resize: none;
    color: #192E39;
    
  } 

  input{border-bottom: 2px solid #3C9DB4;} 
  input[type="file"] {border-bottom: none;}

  textarea, select {border: 2px solid #3C9DB4;}
  input::placeholder, textarea::placeholder, select::placeholder {text-transform: uppercase;}



    /* Formidable */
    #frm_form_2_container label {display:none !important;}
    #frm_form_2_container .frm_dropzone.frm_single_upload {max-width: 100%;}
    svg.frmsvg.frm-svg-icon{width: 11%;margin: 0 auto;display: block;margin-bottom: 20px;}

    button.frm_button_submit.frm_final_submit{
    font-size: 13px;
    padding: 9px 34px;
    line-height: 25px;
    background: #1B344D;
    border-color: #1B344D;
    display: inline-block;
    border: 2px solid transparent;
    color: #fff;
    letter-spacing: .5px;
    line-height: inherit;
    border-radius: 0;
    text-transform: uppercase;
    width: auto;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    white-space: nowrap;
    margin:20px 0;

    }

    .frm_flex, .frm_full_row{display: block !important;}

 /* Accueil   */

  /* MEA slider*/
      .mea-slider > *, .mea-slider a{color:#fff;}
      .mea-slider p{font-size: 1.2rem;}
      .bg-black-opacity {background-color: #152e3db3; backdrop-filter: blur(10px);}
      .swiper-button-prev.swiper-prev-style4, .swiper-button-next.swiper-next-style4 {background:#5BCCD0;}

  /*  Actus */
      .actus a {font-weight: 500;}
      .blog-post.blog-post-style1 .blog-post-images, .single-post section img {
           box-shadow: 3px 3px 18px 0px rgba(0, 0, 0, 0.5);
      }

/* 404 */
  .fig {
      font-size: 10pt;
      font-family: Monospace;
      white-space: pre;
  }





/* Qui sommes-nous */
  .equipe h4{font-size: 1.2rem;}
  .equipe h5{font-size: 1rem;text-transform: initial;font-weight: 500}




/* ACTUS  */
  .aside-title:after {
    background: #5BCCD0;
    height: 2px;

}


/* OFFRE EMPLOI */
.page-id-852 .post-details > p{margin:0;}

.single-offre_emploi h3 {font-size: 1.25rem;}
.single-offre_emploi p{margin:0}
.single-offre_emploi strong{color:#197d81;}


.single-offre_emploi li {
    padding: 3px 0;
    margin-left: 15px;
}
.bg-light-gray {
    padding: 30px 10px;
}
.single-offre_emploi .d-block{font-size: 15px;font-weight: bold}



/* FOOTER  */
  .footer-logo {max-height: 150px;}
  @media (max-width: 576px){
      .footer-logo {width: 50%;}
  }
  footer {padding-top: 2%;}
  footer h3 {
      font-size: 29px !important;
      line-height: 23px !important;
      color: #fff !important;
  }
  footer .navbar-nav > li{text-transform: uppercase;}
  footer, footer a{color: #fff;}
  footer a:hover, .social-icon-style-8 a:hover{color: #e6640a !important;}
  footer .signature{font-weight: 300;}
  .bg-dark-footer {background-color:#0A2B3C;}


  .medium-input, .medium-textarea, .medium-select select{box-shadow: 4px 5px 10px #ebebeb;border:none;}
  .form-control{background-color: #ffffff8c;}
  .input-group .required-error, 
  .input-group .required-error + .input-group-btn button, 
  .input-group .required-error + .input-group-btn a.btn, 
  .input-group .required-error+.input-group-append > .btn,
  .input-group .required-error{   border: 1px solid #ECCF4D !important;}
  form.wpcf7-form.sent .wpcf7-response-output {display: block !important;}  
  .wpcf7-spinner {display: block !important;}  

  input::placeholder, textarea::placeholder, select ::placeholder {color: #1B344D !important;}
  input.btn.btn-white{color:#E75932 !important;}
  input.btn.btn-white:hover, input.btn.btn-white:focus {background: transparent !important;color: #fff;}