/*
 Theme Name:   CCML
 Description:  OT CCML
 Author:       Aline Mousset
 Template:     Divi
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  Divi-child
*/



@import url("../Divi/style.css");

@import url("./includes/css/bordereau.css");

@import url("./flags/flag-icon.css");

.form_search_locations {
    text-align: center;
    display: table;
    margin: auto;
}
.inputs {
    background-color: #822182;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;    
    margin-right: -5px;
}
#form_search_locations {
    text-align: center;
    display: block;
    text-align: center;
    color: #822182;
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
    line-height: 1.1em;
    font-weight: 600;
    font-size: 21px;
    padding-bottom: 15px;
}
.form_search_locations select,
.form_search_locations .hasDatepicker,
.form_search_locations .hasDatepicker:focus {
    background-color: #fff;
    color: #822182;
    font-weight: 400;
    padding: 5px;
    margin: 0px 5px;
}
.form_search_locations .hasDatepicker::placeholder {
    color: #822182;
    font-weight: 400;
    opacity: 1;
}
.form_search_locations .hasDatepicker {
    background-image: url('/wp-content/themes/Divi-child/flags/calendar.png');
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 20px;
}
.inputs_search {
    display: inline-block;
    height: 100%;
    position: relative;
    background-color: #81b703;
    padding-top: 15px;
    padding-bottom: 15px;
}
.form_search_locations input[type="submit"] {
    color: #fff;
    background-color: #81b703;
    border-radius: 0px;
    padding: 7px 15px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
}
.single-producteurs h1, .single-loisirs h1, .single-campings h1, .single-prestataires h1, .single-locatifs h1 {

    padding-top: 20px;

}

.container.fullwidth {

	width: 95%;

	max-width: 100%;

}
/*
#main-content .titre {

	text-align: center;

	padding : 50px;

	padding-top: 0;

}
*/


span.contact{
  display: block;
  color: #000000;
}





i.fa {
  display: block;
  padding: 5px 10px 0 10px;
  float: left;
}


.equipement.fa {
 font-size: xx-small;
 color: #999;
}




.section_hotel {
    padding-top: 0 !important;
}



.section_hotel .et_pb_row {
    width: 100%;
}







#mapid { height: 180px; }



img.flag {

    display: inline-block;

    width: 24px;

    height: 24px;

    background: url('flags.png') no-repeat;

}





img.flag.flag-es {

    background-position: -24px 0;

}



img.flag.flag-pt {

    background-position: -48px -24px;

}





img.flag.flag-de {

    background-position: 0 0;

}



img.flag.flag-it {

    background-position: -24px -24px;

}



img.flag.flag-fr {

    background-position: -48px 0;

}



img.flag.flag-gb {

    background-position: 0 -24px;

}

img.flag.flag-ne {

    background-position: -72px 0;

}


img.labelmini {



    display: inline-block;



    width: 45px !important;



    height: 45px;



    background: url('logolabeldefinitif.png') no-repeat;



    background-size: 600%;    



}













img.labelmini.l6601 {



    background-position: 0 0;



}







img.labelmini.l660A {



  background-position: 0 -45px;



}







img.labelmini.accmoto {



  background-position: -45px 0;



}







img.labelmini.l660d {



  background-position: -90px 0;



}







img.labelmini.l66093 {



  background-position: -135 0;



}







img.labelmini.l4801 {



  background-position: -180 0;



}







img.labelmini.l4802 {



  background-position: -225 0;



}







img.labelmini.l66062 {



  background-position: -45px -45px;



}







img.labelmini.l3407{



  background-position: -90px -90px;



}







img.labelmini.l6605 {



  background-position: -180px -45px;



}







img.labelmini.classe-aux-monuments-historiques, img.labelmini.inscrit-aux-monuments-historiques  {



  background-position: -225px -45px;



}

img.labelmini.parc-national-des-cevennes  {



  background-position: 0 -180px;



}

img.labelmini.perimetre-unesco-causses-et-cevennes  {



  background-position: -45px -180px;



}

img.labelmini.pole-dexcellence-rurale-mont-lozere {



  background-position: -45px -225px;



}


img.labelmini.l3409 {



  background-position: 0 -90px;



}


img.labelmini.jardins-remarquables  {



  background-position: -90px -180px;



}
img.labelmini.parcs-et-jardins-de-france  {



  background-position: -135px -180px;



}

img.labelmini.hebergement-peche {

  background-position: 0px -225px;

}

img.labelmini.gtmc-vtt, img.labelmini.labelmini.gtmc-vtt-qualifie  {



  background-position: -180px -180px;



}


img.labelmini.camping-qualite {
  background-position: -90px -225px;
}

img.labelmini.clef-verte {
  background-position: -135px -225px;
}

img.labelmini.la-via-natura {
  background-position: -180px -225px;
}

img.labelmini.l3403 {



  background-position: -45px -90px;



}







img.labelmini.l4804 {



  background-position: -90px -90px;



}







img.labelmini.cleva {



  background-position: -135px -90px;



}







img.labelmini.l3403 {



  background-position: -180px -90px;



}







img.labelmini.esprit {



  background-position: -225px -90px;



}







img.labelmini.gfran {



  background-position: 0 -135px;



}







img.labelmini.l6603 {



  background-position: -90px -135px;



}







img.labelmini.l3409 {



  background-position: -90px -135px;



}







img.labelmini.fleur {



  background-position: -135px -135px;



}







img.labelmini.l4802 {



  background-position: -180px -135px;



}







img.labelmini.l4801 {



  background-position: -225px -135px;



}

/*

img.labelmini {

    display: inline-block;

    width: 45px;

    height: 45px;

    background: url('logolabel1.0.png') no-repeat;

    background-size: 600%;    

}



img.labelmini.l6601 {

    background-position: 0 0;

}



img.labelmini.l660A {

  background-position: 0 -45px;

}



img.labelmini.accmoto {

  background-position: -45px 0;

}



img.labelmini.l660d {

  background-position: -90px 0;

}



img.labelmini.l66093 {

  background-position: -135px 0;

}



img.labelmini.l4801 {

  background-position: -180px 0;

}



img.labelmini.l4802 {

  background-position: -225px 0;

}



img.labelmini.l66062 {

  background-position: -45px -45px;

}



img.labelmini.l3407{

  background-position: -90px -45px;

}



img.labelmini.l6605 {

  background-position: -180px -45px;

}

*/





img.label {

    display: inline-block;

    width: 100px;

    height: 100px;

    background: url('logolabeldefinitif.png') no-repeat;

}







img.label.l6601 {

    background-position: 0 0;

}



img.label.l660A {

  background-position: 0 -100px;

}



img.label.accmoto {

  background-position: -100px 0;

}



img.label.l660d {

  background-position: -200px 0;

}



img.label.l66093 {

  background-position: -300 0;

}



img.label.l4801 {

  background-position: -400 0;

}



img.label.l4802 {

  background-position: -500 0;

}



img.label.l66062 {

  background-position: -100px -100px;

}



img.label.l3407{

  background-position: -200px -100px;

}



img.label.l6605 {

  background-position: -400px -100px;

}



img.label.l6610 {

  background-position: -500px -100px;

}



img.label.l3409 {

  background-position: 0 -200px;

}



img.label.l3403 {

  background-position: -100px -200px;

}



img.label.l4804 {

  background-position: -200px -200px;

}



img.label.cleva {

  background-position: -300px -200px;

}



img.label.l3403 {

  background-position: -400px -200px;

}



img.label.esprit {

  background-position: -500px -200px;

}



img.label.gfran {

  background-position: 0 -300px;

}



img.label.l6603 {

  background-position: -100px -300px;

}



img.label.l3409 {

  background-position: -200px -300px;

}



img.label.fleur {

  background-position: -300px -300px;

}



img.label.l4802 {

  background-position: -400px -300px;

}



img.label.l4801 {

  background-position: -500px -300px;

}







img.label.agriculture-biologique {

  background-position: -500px -300px;

}

img.label.bienvenue-a-la-ferme {

  background-position: -100px -300px;

}

img.label.de-lozere {

  background-position: -400px -300px;

}

img.label.accueil-paysan {

  background-position: -400px -200px;

}

img.label.cevennes-ecotourisme {

  background-position: -500px 0px;

}

img.label.accueil-moto-lozere {

  background-position: -100px 0px;

}

img.label.guide-des-routards {

  background-position: 0px -100px;

}

img.label.guide-petit-fute {

  background-position: -300px 0px;

}

img.label.logis {

  background-position: -200px 0px;

}

img.label.randhotel {

  background-position: -100px -100px;

}

img.label.assiette-de-pays{

  background-position: -100px -200px;

}

img.label.clevacances {

  background-position: -300px -200px;

}

img.label.demeures-de-lozere {

  background-position: -400px 0px;

}

img.label.ecolabel-europeen {

  background-position: -200px -300px;

}

img.label.esprit-parc {

  background-position: -500px -200px;

}

img.label.fleur-de-soleil {

  background-position: -300px -300px;

}

img.label.gites-de-france {

  background-position: 0px -300px;

}

img.label.guide-michelin {

  background-position: -200px -100px;

}

img.label.qualite-sud-de-france {

  background-position: 0px 0px;

}

img.label.qualite-tourisme {

  background-position: -400px -100px;

}

img.label.restaurateur-de-france {

  background-position: 0px -200px;

}

img.label.station-verte {

  background-position: -200px -200px;

}







img.labelmini.agriculture-biologique {

  background-position: -225px -135px;

}

img.labelmini.bienvenue-a-la-ferme {

  background-position: -45px -135px;

}

img.labelmini.de-lozere {

  background-position: -180px -135px;

}

img.labelmini.accueil-paysan {

  background-position: -180px -90px;

}

img.labelmini.cevennes-ecotourisme {

  background-position: -225px 0px;

}

img.labelmini.accueil-moto-lozere {

  background-position: -45px 0px;

}

img.labelmini.guide-des-routards {

  background-position: 0px -45px;

}

img.labelmini.guide-petit-fute {

  background-position: -135px 0px;

}

img.labelmini.logis {

  background-position: -90px 0px;

}

img.labelmini.randhotel {

  background-position: -45px -45px;

}

img.labelmini.assiette-de-pays{

  background-position: -45px -90px;

}

img.labelmini.clevacances {

  background-position: -135px -90px;

}

img.labelmini.demeures-de-lozere {

  background-position: -180px 0px;

}

img.labelmini.ecolabel-europeen {

  background-position: -90px -135px;

}

img.labelmini.esprit-parc {

  background-position: -225px -90px;

}

img.labelmini.fleur-de-soleil {

  background-position: -135px -135px;

}

img.labelmini.gites-de-france {

  background-position: 0px -135px;

}

img.labelmini.guide-michelin {

  background-position: -90px -45px;

}

img.labelmini.qualite-sud-de-france {

  background-position: 0px 0px;

}

img.labelmini.qualite-tourisme {

  background-position: -180px -45px;

}

img.labelmini.restaurateur-de-france {

  background-position: 0px -90px;

}

img.labelmini.station-verte {

  background-position: -90px -90px;

}



@media (min-width: 981px) {

.et_right_sidebar #left-area {

    padding-right: 0%;

  }

}



@media ( min-width: 767px ) and ( max-width: 980px ) {

  .listing article.et_pb_post, .archive article.et_pb_post, .blog article.et_pb_post {

      float: left; 

      width: 45%; 

      margin-right: 5%;

  }



  .listing-meubles article.et_pb_post{

      float: left; 

      width: 45%; 

      margin-right: 5%;

  }



  .listing article.et_pb_post:nth-of-type(2n+1), .archive article.et_pb_post:nth-of-type(2n+1), .blog article.et_pb_post:nth-of-type(2n+1) {

    clear: both;

  }
}




@media (min-width: 767px ) {

  .archive article.et_pb_post.commerces, .archive article.et_pb_post.aires-de-camping-car  {

      float: left; 

      width: 45%; 

      margin-right: 5%;

  }

  .archive article.et_pb_post:nth-of-type(2n+1) {

    clear: both;

  }
}


@media ( min-width: 1101px ) {



  .listing article.et_pb_post{

    float: left; width: 23%;

      margin-left: 1%; 

      margin-right: 1%;        

  }

  .listing-meubles article.et_pb_post {

    float: left; width: 32%;

  }  

  .listing-2cols article.et_pb_post {

    float: left; 

    width: 47%;

      margin-left: 1%; 

      margin-right: 1%;  

  }    



  .listing article.et_pb_post:nth-of-type(4n+5) {

    clear: both;

  }

  .listing-meubles article.et_pb_post:nth-of-type(3n+4) {

    clear: both;

  }

/*

  .listing article.et_pb_post:nth-of-type(4n+3), .listing article.et_pb_post:nth-of-type(4n+3) { 

      margin-left: 1%; 

      margin-right: 1%;

  }

*/

  .listing-meubles article.et_pb_post:nth-of-type(3n+2), .listing-meubles article.et_pb_post:nth-of-type(3n+2) { 

      margin-left: 1%; 

      margin-right: 1%;

  }  



}





.alm-listing {

  clear: both;

}

.listing .container {

    width: 90%;

}



/*















.wrapper {



  display: grid;



  grid-template-columns: 24.5% 24.5% 24.5% 24.5%;



  grid-gap: 15px;



  grid-row-gap: 15px;



  background-color: #fff;



  color: #444;



}



*/



.listing-2cols article, .listing-meubles article, .listing article {



  position: relative;



  background-color: #ececec;



  color: #000000;



  padding: 0px;



  overflow: hidden;



}



/*







  img {







  }



*/



.overlay {



  position: absolute;



  bottom: 0;



  left: 0;



  right: 0;



  background-color: #008CBA;



  overflow: hidden;



  width: 100%;



  height: 0;



  transition: .5s ease-out;  



}



.listing-2cols article:hover, .listing-meubles article:hover, .listing article:hover, .overlay:hover {



  cursor: pointer;    



}



.text {



  color: white;



  font-size: 15px;



  position: absolute;



  overflow: hidden;



  top: 30%;



  left: 30%;



  transform: translate(-30%, -30%);



  -ms-transform: translate(-30%, -30%);



}







.listing-2cols article:hover .overlay, .listing-meubles article:hover .overlay, .listing article:hover .overlay {



  height: 100%;



}











.listing article h1, .listing article h2, .listing article h3, .listing article h4, .listing article h5, .listing article h6 {



/*    color: #fff;

*/



}







.listing article h2 {

    font-size: 20px;

}



.listing article h3 {



    font-size: 18px;



}



.listing article h4 {



    font-size: 16px;



}







.listing article h3, .listing article h4, .listing article h5, .listing article h6 {



    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif;



    font-weight: 300;



}











.img-holder {



  width: auto;



  height: 150px;



  position: relative;



  overflow: hidden;



}



.img-holder img {



  position: absolute;



  display: block;



  top: 0;



  left: 0;



}



 p.recherche {

  display: block;

  float: left;

}



.recherche_avancee {

  display: block;

  clear: both;

  padding: 0 5% 5% 5%;

}



.prixsemaine {

    position: absolute;

    top: 0;

    background: darkgreen;

    color: beige;

    padding: 10px;

    right: 0;

    font-weight: bold;

}
.relativeprixsemaine {

    
    top: 0;

    background: darkgreen;

    color: beige;

    padding: 10px;

    right: 0;

    font-weight: bold;

}

.prixsemaine.single {

    right: 100%;

	left: -90px;

}






.relativelabels {
    right: 0;
    bottom: 0;
}







.single-producteurs .vignette_label {

    bottom: 0;

}



.form-container {

   background: #111199;

   -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;

   -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;

   box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;

   font-family: 'Helvetica Neue',Helvetica,sans-serif;

   text-decoration: none;

   vertical-align: middle;

   min-width:300px;

   padding:20px;

   width:100%;

   }

.form-container .postform {

   border: 1px solid #111199;

   background: #e4d5c3;

   -webkit-border-radius: 4px;

   -moz-border-radius: 4px;

   border-radius: 4px;

   color: #111199;

   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;

   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;

   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;

   padding:3px 8px;

   margin: 0 5px;

   }

.ui-autocomplete {

   background: #ffffff;

   color: #111199;

   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;

   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;

   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;

   padding:8px;

   margin: 0 5px;

   max-width: 300px;

   }

.form-container input[type=text].postform, .form-container select.postform {

   min-width:120px;

   }

.form-container .postform:focus {

   background: #fff;

   color: #111199;

   }

.form-container .submit-container {

   margin:8px 0;

   text-align:right;

   }

.form-container .submit-button {

   border: 1px solid #447314;

   background: #6aa436;

   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   text-shadow: #addc7e 0 1px 0;

   color: #31540c;

   font-family: helvetica, serif;

   padding: 8.5px 18px;

   font-size: 14px;

   text-decoration: none;

   vertical-align: middle;

   }

.form-container .submit-button:hover {

   border: 1px solid #447314;

   text-shadow: #31540c 0 1px 0;

   background: #6aa436;

   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));

   background: -webkit-linear-gradient(top, #8dc059, #6aa436);

   background: -moz-linear-gradient(top, #8dc059, #6aa436);

   background: -ms-linear-gradient(top, #8dc059, #6aa436);

   background: -o-linear-gradient(top, #8dc059, #6aa436);

   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);

   color: #fff;

   }

.form-container .submit-button:active {

   text-shadow: #31540c 0 1px 0;

   border: 1px solid #447314;

   background: #8dc059;

   background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436));

   background: -webkit-linear-gradient(top, #6aa436, #8dc059);

   background: -moz-linear-gradient(top, #6aa436, #8dc059);

   background: -ms-linear-gradient(top, #6aa436, #8dc059);

   background: -o-linear-gradient(top, #6aa436, #8dc059);

   background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);

   color: #fff;

   }

p.form-title {

   margin-bottom:10px;

   color: #ffffff;

   text-shadow: #141414 0 1px 0;

  text-align: center; 

  font-weight: bold;

 }

.form-container label {

   margin-bottom:10px;

   color: #ffffff;

   text-shadow: #141414 0 1px 0;

  text-align: center; 

 }





/*
#logo {

  -webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.42);

  -moz-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.42);

  box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.42); 



  position: absolute;

  z-index: 0;

 top: -32px; 

  max-height: 200%;

  max-width: 30%;

  min-width:50px;  

}





*/

.et_fixed_nav #logo {

  max-height: 150px;

}



.et-fixed-header #logo {

    max-height: 100px !important;

   padding:0 !important;   

}



@media only screen and (min-width: 981px){

  .et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {

      padding-bottom: 20px !important;

  }

  .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {

    padding: 20px 0 0 0 !important;

  }

}



#et-info {

    float: right;

}



.container.entete {

  max-width: 100%;

}



.container.et_menu_container {

  max-width: 100%;

  width: 90%

}



.et_fixed_nav #top-header {

    z-index: 99;

}







#close {

  position: absolute;

  right: 0;

  cursor: pointer;

  z-index: 1000;

}

#close i {

  font-size: 50px;

}

.et_fullscreen_slider .et_pb_slides,
.et_fullscreen_slider .et_pb_slide,
.et_fullscreen_slider .et_pb_container {
    min-height: 100% !important;
    height: 100% !important;
}
/*
.fs-api-tourinsoft .fs-api-listing {
    width: 90% !important;
}

.fs-api-listings.fs-api-col1 .fs-api-listing-entete h2 {
    width: 100%;
}
*/

/*Hide the section overflow*/
.ds-carousel-section {
    width: 100%;
    overflow: hidden;
}
 
/*Set the row width*/
.ds-carousel-row {
    overflow: hidden;
    width: 1000vw;
    max-width: 1000vw;
}
 
@media all and (max-width: 1024px) {
/*Override Divi's width setting on tablets*/
    .ds-carousel-section .ds-carousel-row {
        max-width: 1000vw !important;
    }
}
 
@media all and (max-width: 479px) {
/*Override Divi's width setting on mobiles*/
    .ds-carousel-section .ds-carousel-row {
        max-width: 1000vw !important;
    }
}
 
/*Style the navigation arrows*/
#ds-arrow-left,
#ds-arrow-right {
    color: #fff;
    background: gray;
    font-family: 'ETModules';
    font-size: 30px;
    padding: 5px 30px;
    border-style: none;
    border-radius: 0;
    cursor: pointer;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
 
/*Position the left arrow*/
#ds-arrow-left {
    float: right;
    margin-right: 5px;
}
 
/*Position the right arrow*/
#ds-arrow-right {
    float: left;
    margin-left: 5px;
}
 
/*Style navigation arrows on hover*/
#ds-arrow-left:hover,
#ds-arrow-right:hover {
    -webkit-box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2);
}
 
/*Style navigation arrows on click*/
#ds-arrow-left:active,
#ds-arrow-right:active {
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2) inset;
}
 
/*Make sure the modules span their entire container*/
.ds-carousel-module .column {
    float: left;
    width: 100% !important;
    margin-right: 0 !important;
}
 
/*Set the module width*/
.ds-carousel-module {
    width: 20vw; /*Change this value to increase or decrease the module displayed per page*/
    padding: 0 30px;
    float: left;
    position: relative;
    margin-bottom: 0 !important;
}
 
/*Adjust for smaller screens*/
@media all and (max-width: 1024px) {
    /*Show 3 modules per page on tablets*/
    .ds-carousel-module {
        width: 33.33vw;
    }
    /*Align the navigation on smaller screens*/
    #ds-arrow-row .et_pb_column {
        width: 50% !important;
    }
}
 
@media all and (max-width: 479px) {
    /*Show 1 module per page on mobiles*/
    .ds-carousel-module {
        width: 100vw;
    }
}


/*Set the row width*/
.ds-carousel-row {
    overflow: hidden;
    width: 300vw;
    max-width: 300vw !important;
}

@media all and (max-width: 1024px) {
/*Override Divi's width setting on tablets*/
    .ds-carousel-section .ds-carousel-row {
        max-width: 500vw !important;
    }
}
 
@media all and (max-width: 479px) {
/*Override Divi's width setting on mobiles*/
    .ds-carousel-section .ds-carousel-row {
        max-width: 1500vw !important;
    }
}

/*Set the module width*/
.ds-carousel-module {
    width: 20vw; /*Change this value to increase or decrease the modules displayed per page*/
    padding: 0 30px;
    float: left;
    position: relative;
    margin-bottom: 0 !important;
}

.ds-carousel-module .post-content {
  display: none;
}
/*Adjust for smaller screens*/
@media all and (max-width: 1024px) {
    /*Show 3 modules per page on tablets*/
    .ds-carousel-module {
        width: 33.33vw;
    }
    /*Align the navigation on smaller screens*/
    #ds-arrow-row .et_pb_column {
        width: 50% !important;
    }
}
 
@media all and (max-width: 479px) {
    /*Show 1 module per page on mobiles*/
    .ds-carousel-module {
        width: 100vw;
    }
}





.fond-menu {
  background-image: url(https://www.destination-montlozere.fr/wp-content/uploads/2018/01/en-famille.jpg);
}


@media only screen and ( min-width: 768px ) {
 
  .three-column-grid-portfolio .et_pb_grid_item {
  width: 28.333% !important;
  margin: 0 7.5% 7.5% 0 !important;
  }
   
  .three-column-grid-portfolio .et_pb_grid_item:nth-child(3n) {
  margin-right: 0 !important;
  }
   
  .three-column-grid-portfolio .et_pb_grid_item:nth-child(4n+1) {
  clear: unset !important;
  }
 
}
/*
.commune_locatifs {
  text-align: right;
  display: block;
  float: right;
}
*/



#top-menu {
  font-weight: 300;
}
#top-menu li li a {
  font-size: 14px;
  padding: 6px 0px;
}
#et-footer-nav, #footer-bottom {
  display: none;
}

ul.et_pb_social_media_follow {
    list-style: none; /* Remove HTML bullets */
    padding: 0;
    margin: 0;
}
ul.et_pb_social_media_follow li:before {
    display: none;
}






.mobile_menu_bar:before {
  color: #ffffff !important;
}


.fs-api-detail-fiche h1 span {
  line-height: 1 !important;
}




.uiresa .et_pb_text_inner p {
  font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 300;
  letter-spacing : 11px;
  line-height: 1.1em; 
  font-size: 100%;
  padding-bottom : 0;
  color: #00485e!important;
}

.uiresa .et_pb_text_0 .et_pb_text_inner p {
  font-size: 3em;
}
.uiresa .et_pb_text_1 .et_pb_text_inner p {
  font-size: 1.5em;
}



@media only screen and ( max-width: 1024px ) {
 
  #top-menu li a, .et_search_form_container input {

      letter-spacing: 2px !important;

  }
  #logo {
    max-height: 100px !important;
  }
  .uiresa .et_pb_text_0 .et_pb_text_inner p {
    font-size: 1.5em;
  }
  .uiresa .et_pb_text_1 .et_pb_text_inner p {
    display: none;
  } 
}






/****** Lightbox Styling *******/
[class*="lightbox-trigger-"] {cursor:pointer;}
[class*="lightbox-content-"] {position:relative; z-index: unset !important;}
[class*="lightbox-content-"] .mfp-close {color:#999999 !important;}
[class*="lightbox-content-"] .mfp-close:active {top:0px !important;}






.vidbacking-active-body-back{
  position: fixed;
  z-index: -100;
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  background-size: cover;
  overflow: hidden;
  opacity: 1;
  transition: 2s opacity;
  transform: translateX(-50%) translateY(-50%);
}

.vidbacking-active-body-back-youtube{
  position: fixed;
  z-index: -100;
  /*min-width: 100%;
  min-height: calc(100% * 1.77);*/
  top: 50%;
  left: 50%;
  overflow: hidden;
  opacity: 1;
  transition: 2s opacity;
  transform: translateX(-50%) translateY(-50%);
}

.vidbacking-active-block-back{
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  height: auto;
  width: auto;
  z-index: -100;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.vidbacking-active-block-back-youtube{
  position: absolute;
  /*min-width: 100%;
  min-height: 100%;*/
  height: auto;
  width: auto;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.vidbacking{
  display: none;
}
.vidmask-body-back{
  background: url(videooverlay1.png) repeat;
  opacity: 0.4;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -50;
  display: block;
}
.vidmask-block-back{
  background: url(videooverlay1.png) repeat;
  opacity: 1;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
  z-index: -50;
  display: block;
}
.fluid-width-video-wrapper {
  position: absolute!important;
  padding-top: 0!important;
  top: 50%;
  left: 50%;
}

#brochures .entry-featured-image-url {
  pointer-events: none;
}