/*
Theme Name: At home lounge
Theme URI: https://coiffure-at-home-lounge.fr/
Author: Astrid DALLE
Author URI: https://astriddalle.fr
Description: Thème pour At Home Lounge
Requires at least: WordPress 5.9
Version: 1.0.1
*/



@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('fontsquirrel/stylesheet.css');


*{box-sizing:border-box}
img{max-width: 100%;height:auto;display:block;margin:0!important auto}
ul{margin:0;padding:0;}

*::-webkit-scrollbar{
	background-color: #fff;
	width:10px;
	height: 4px;
	border:0;
}
   *::-webkit-scrollbar-thumb{background-color: #1D1D1D;}



   /*MOUSE*/
   #mouse {/*padding-top: 20em*/}
   	.mouseDown {
   	  font-size: 0.9em; /* CONTROL MOUSE SIZE */
   	  border: 2px solid #000;
   	  display: block;
   	  width: 1.7em;
   	  height: 2.8em;
   	  border-radius: 0.9em;
   	  margin: 0 auto;
   	  text-decoration: none;
   	  transition: border 0.2s ease-out;
   	}

   	.mouseDown:hover {border: 2px solid #000;}

   	.mouseDown span {
   	  display: block;
   	  background: #000;
   	  width: 0.2em;
   	  height: 0.3em;
   	  margin: 0.7em auto 0;
   	  border-radius: 0.4em;
   	}

   	.mouseDown span {
   	  -webkit-animation-name: scroll;
   	  animation-name: scroll;
   	  -webkit-animation-duration: 1.5s;
   	  animation-duration: 1.5s;
   	  -webkit-animation-timing-function: cubic-bezier(0.65, -0.55, 0.25, 1.5);
   	  animation-timing-function: cubic-bezier(0.65, -0.55, 0.25, 1.5);
   	  -webkit-animation-iteration-count: infinite;
   	  animation-iteration-count;
   	  will-change: transform;
   	}

   	.mouseDown:hover span {
   	  -webkit-animation-duration: 0.7s;
   	  animation-duration: 0.7s;
   	}

   	@-webkit-keyframes scroll {
   	  0%, 20% {
   	    -webkit-transform: translateY(0) scaleY(1);
   	  }
   	  10% {
   	    opacity: 1;
   	  }
   	  100% {
   	    -webkit-transform: translateY(1.2em) scaleY(1.5);
   	    opacity: 0.01;
   	  }
   	}

   	@keyframes scroll {
   	  0%, 20% {
   	    transform: translateY(0) scaleY(1);
   	  }
   	  10% {
   	    opacity: 1;
   	  }
   	  100% {
   	    transform: translateY(1.2em) scaleY(1.5);
   	    opacity: 0.01;
   	  }
   	}
    #mouse{padding-top: 5em}
   /*MOUSE END*/



/* flexboxes */
.flex{display:flex}
  .flex.j-center{justify-content:center}
  .flex.j-between{justify-content:space-between}
  .flex.j-around{justify-content:space-around}
  .flex.a-start{align-items:flex-start}
  .flex.a-center{align-items:center}
  .flex.a-end{align-items:flex-end}
  .flex.column{flex-direction:column}
  .flex.row{flex-direction:row}
/* flexboxes responsive */
.flex.resp.row{flex-direction:column}
  .flex.resp.row>*{align-self:stretch}


/* txt */
.txt-center{text-align:center}
.txt-left{text-align:left}
.txt-right{text-align:right}
.txt-justify{text-align:justify}

@media screen and (min-width:768px) {
  .flex.resp.row{flex-direction:row}
    .flex.resp.row>*{align-self:inherit}
}

body{
  background:#fff;
  font-family:'Poppins', sans-serif; margin: 0px!important; padding: 0px!important;  cursor: url("img/mouse.png"), pointer;
}
a:hover{cursor: url("img/mouse-survol.png"), pointer;}





main, footer{  }
.container{ margin: 0 auto; }

div .bg-img{
  background:url('img/image-header.jpg') fixed no-repeat;
  /* background-attachment : scroll / fixed  */
  background-size: cover; background-position:30% 70%
  /* background-size : contain / cover  */

}




  header{background:#CF8E70; box-shadow: 0px 4px 7px #0004; position:fixed;
width:100%; z-index: 6; top: 0}
    header h1{color:#fff }
    header h2{color:#fff }
    header .burger_btn{cursor:pointer}
    .hide{display:none}

      header .top_menu nav{}
        header .top_menu nav ul{list-style:none;display:flex; flex-direction:column}
          header .top_menu nav ul li{background:#F6F2ED;}
            header .top_menu nav ul li a{color:#CF8E70;display:block;padding:1em;text-align:center; text-decoration: none; text-transform: uppercase;}
            header .burger_btn{margin-right:1.5em; margin-top: 0.8em; padding-bottom: 1.5em; color: #fff}
              header .top_menu nav ul li.current-menu-item a{color:#CF8E70!important;}
              header .top_menu nav ul li a:hover{color:#CF8E70!important; text-decoration: none; font-family:'Poppins', sans-serif;}
              header .top_menu nav ul li.current-menu-item a{color: #CF8E70!important}
              header .top_menu nav ul li.current-menu-item a:hover{color: #CF8E70!important}
              header a img{margin-top: 1em; margin-left: 2em; margin-bottom: 1em}
							.logo{justify-content: space-between!important;}

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

								header{display: flex; justify-content: center!important;}
								.logo{position: absolute; justify-content: center!important; margin-left: 16em}
								#menu-item-94{margin-right: 4em}
								#menu-item-95{margin-left: 4em}
                header .burger_btn{display:none}
                .hide{display:inherit}
								.top_menu{padding-top: 0.4em}
                header .top_menu nav ul{flex-direction:row}
                header .top_menu nav ul li{background:#CF8E70}
                header .top_menu nav ul li a{color:#fff!important;}
                header .top_menu nav ul li a:hover{color:#CF8E70!important; text-decoration: none; font-family: 'Poppins'!important}
                header .top_menu nav ul li.current-menu-item a{color: #fff!important; }
                header a img{margin-top: 1em; margin-bottom: 1em}



              }


  main{background: none}

 	h1{color: #CF8E70!important; font-size: 2em!important; font-family: 'americana_stdroman'; text-align: center; text-transform: uppercase;}
  h2{color: #CF8E70!important; font-size: 2em!important; font-family: 'americana_stdroman'; text-align: center; text-transform: uppercase;}
  h3{color: #CF8E70!important; font-size: 1.5em!important; font-family: 'americana_stdroman'; text-transform: uppercase; margin-bottom: 0px!important; padding-top: 2em;
   padding-bottom: 1.5em; margin-top: 0em; text-align: center!important;}
  h4{color: #000!important; font-size: 1.8em!important; font-family: 'americana_stdroman'; text-align: center;}
  h4{color: #000!important; font-size: 1.2em!important; font-family: 'Poppins'; text-transform: uppercase; font-weight: 500; text-align: left;}
  h5{color: #000!important; font-size: 2em!important; font-family: 'americana_stdroman';}
  h6{color: #000!important; font-size: 1.5em!important; font-family: 'americana_stdroman';}
@media screen and (min-width:980px) {
  h2{font-size: 2.5em!important}
	h1{font-size: 2.5em!important}
  h3{font-size: 2em!important}
}




  /*BOUTONS*/
  button{background-color: #CF8E70!important; color: #fff!important; border-radius: 40px; padding-left: 17px; padding-right: 17px; border: 0!important; margin-top: 2em; }
  button:hover {background-color: #fff!important; color: #CF8E70 !important; border: 0!important; text-decoration: none!important;}
  nav.button-group button{font-size: 1em; padding-top: 0.5em; padding-bottom: 0.5em; }
  .wp-block-button{text-transform: uppercase!important; font-weight: 300; font-size: 0.9em}
  .wp-block-button__link{background-color: #CF8E70!important; color: #fff!important; border-radius: 40px; padding-left: 20px; padding-right: 20px; padding-top: 8px; padding-bottom: 8px; border: 0!important; margin-top: 2em; margin-bottom: 2em}
  .wp-block-button__link:hover{background-color: #fff!important; color: #CF8E70!important; border-radius: 40px; padding-left: 20px; padding-right: 20px; padding-top: 8px; padding-bottom: 8px; border: 1!important; border-color: #CF8E70!important;  text-decoration: none!important;}
  /*FIN BOUTONS*/


	/*STYLE SLIDER*/
	#metaslider-id-19{display: none;}


  @media screen and (min-width:980px) {
		#metaslider_container_107{display: none;}
		#metaslider-id-19{display: block; margin-top: 1.9em; margin-bottom: 0.5em}

	}


	/*STYLE SLIDER*/


	/*ACCUEIL*/

  .wp-block-columns{margin-bottom: 0em!important}
  .wp-block-columns img{margin-bottom: 0em!important}
  .wp-block-heading{margin: 0em!important}
  .wp-block-image{margin-bottom: 0em!important}
.nogap{gap:0}

  /*ACCUEIL*/



  /*PRESENTATION*/
  .presentation{padding-top: 3em; padding-left: 2em; padding-right: 2em; padding-bottom: 3em}
	.presentation h1{padding-bottom: 0.5em}


  @media screen and (min-width:980px) {
.presentation{padding-left: 8em; padding-bottom: 5em}
.presentation h1{padding-bottom: 1em}
 }

  /*FIN PRESENTATION*/



	/*NOTRE CONCEPT*/
  .concept h2{color: #fff!important; padding-bottom: 0.5em}
	.concept{background-color: #CF8E70; color: #fff; padding-top: 3em; padding-left: 2em; padding-right: 2em; padding-bottom: 2em}
	.concept blockquote{padding-top: 1em}
	.concept .wp-block-button__link{background-color: #fff!important; color: #CF8E70!important}
	.concept .wp-block-button__link:hover{background-color: #CF8E70!important; color: #fff!important}


  @media screen and (min-width:980px) {
		.concept{padding-left: 20em; padding-right: 20em; padding-top: 4.5em; padding-bottom: 3em}

 }
  /*FIN NOTRE CONCEPT*/




	/*PRESTATIONS*/
.prestations{padding-top: 3em; padding-bottom: 2em; padding-left: 2em; padding-right: 2em}
.prestations h1{padding-bottom: 1.5em}
.prestations .wp-block-cover{border-radius: 40px; min-height: 380px!important;}
.colones-presta{margin-bottom: 2em!important}
.prestations .wp-block-cover p{font-family: 'americana_stdroman'; color: #fff; text-transform: uppercase; font-size: 1.7em!important}
.prestations .wp-block-cover .wp-block-button__link{background-color: #fff!important; color: #CF8E70!important}
.prestations .wp-block-cover .wp-block-button__link:hover{background-color: #CF8E70!important; color: #fff!important}

.head-spa{padding-top: 3em; padding-bottom: 2em; padding-left: 2em; padding-right: 2em; color: #fff}
.head-spa h2{color: #fff!important; padding-bottom: 1em}
.head-spa h4{color: #fff!important}
.p-marge{padding-bottom: 1em}
.head-spa ul{padding-top: 1em}
.head-spa img{padding-top: 3em}


  @media screen and (min-width:980px) {
.head-spa{padding-left: 10em; padding-right: 10em; padding-top: 4em; padding-bottom: 2em}
.head-spa h2{padding-bottom: 2em}
.col-droite{padding-left: 4em}
.col-gauche{padding-right: 4em}
.head-spa img{max-width: 400px!important}
.prestations{padding-top: 3em; padding-bottom: 2em; padding-left: 8em; padding-right: 8em}
	}


.domicile{padding-top: 2em; padding-bottom: 2em; padding-left: 2em; padding-right: 2em; color: #fff}
.domicile h2{color: #fff!important;padding-bottom: 1em; padding-top: 1em}
.domicile h4{color: #fff!important; padding-top: 1em}
.domicile ul{padding-top: 1em; padding-bottom: 1em; padding-left: 1em}
.domicile img{padding-bottom: 1.5em}


@media screen and (min-width:980px) {
	.domicile img{max-width: 400px!important}
	.domicile h2{padding-bottom: 2em;}
	.domicile{padding-left: 10em; padding-right: 10em; color: #fff}

}


.coupe{padding-top: 2em; padding-bottom: 3em; padding-left: 2em; padding-right: 2em; color: #fff}
.coupe h2{color: #fff!important;padding-bottom: 1em; padding-top: 1em}
.coupe h4{color: #fff!important; padding-top: 1em}
.coupe ul{padding-top: 1em; padding-bottom: 1em; padding-left: 1em}
.coupe blockquote{padding-bottom: 1em}


	@media screen and (min-width:980px) {
		.coupe{padding-left: 10em; padding-right: 10em; color: #fff; padding-bottom: 6em}
		.coupe h2{padding-bottom: 2em;}
		.coupe blockquote{padding-bottom: 1em; padding-top: 2em}

}

.mariage{padding-top: 2em; padding-bottom: 3em; padding-left: 2em; padding-right: 2em; color: #fff}
.mariage h2{color: #fff!important;padding-bottom: 1em; padding-top: 1em}
.mariage h4{color: #fff!important; padding-top: 1em}
.mariage ul{padding-top: 1em; padding-bottom: 1em; padding-left: 1em}
.tarifs{border-width: 0.1em!important; border-radius: 40px!important; border: solid; padding-left: 2em; padding-right: 1em; padding-top: 1em; padding-bottom: 1em; margin-bottom: 3em!important}
.ordi{display: none!important}


@media screen and (min-width:980px) {
	.mariage{padding-left: 6em; padding-right: 6em; color: #fff; padding-bottom: 6em; padding-top: 4em}
	.tarifs{margin-bottom: 4em!important;}
	.ordi{display: block!important;}
	.mobile{display: none!important}

}


.head-spa .tarifs{padding-left: 3em; padding-right: 2em; padding-top: 2em; padding-bottom: 2em; position: relative;}
.head-spa .tarifs::before{content: url('img/fleur-lotus.png'); display: inline-block; bottom: -9px; right:2px; position: absolute;}
.coupe .tarifs{position: relative; margin-top: 2em}
.coupe .tarifs::before{content: url('img/fleur-lotus.png'); display: inline-block; bottom: -9px; right:2px; position: absolute;}
.mariage .tarifs{position: relative; margin-top: 2em}
.mariage .tarifs::before{content: url('img/fleur-lotus.png'); display: inline-block; bottom: -9px; right:2px; position: absolute;}

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


}

	/*FIN PRESTATIONS*/






	/*REALISATIONS*/
.realisations{padding-bottom: 2em; padding-left: 2em; padding-right: 2em;}
.realisations h1{padding-bottom: 1em; padding-top: 0.5em}
.pfg-filters--buttons .pfg-filter{border-radius: 40px!important}


@media screen and (min-width:980px) {
	.realisations{padding-left: 5em; padding-right: 5em; padding-top: 2em; text-align: center; padding-bottom: 4em}
	.realisations h1{padding-bottom: 1em; padding-top: 0.5em}

}

	/*FIN REALISATIONS*/



/*SECTION AVIS*/
.avis{padding-top: 3em; padding-bottom: 4em}
.avis h2{padding-bottom: 1em; color: #fff!important}
.testimonial-inner{background-color: #fff; max-width: 800px;border-radius: 40px}
.strong-view{display: flex; justify-content: center;}
.wpmtst-testimonial{display: flex!important; justify-content: center!important; font-size: 0.9em!important; }
.wpmtst-testimonial-content p{padding-top: 1em!important; padding-bottom: 1em!important}
.wpmtst-testimonial-content::before{display: none!important;}
.wpmtst-testimonial-content::after{display: none!important;}
.wpmtst-testimonial-content{font-style: normal!important;}


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



}
/*FIN SECTION AVIS*/




.mentions-obligatoires{text-align: center; margin-right: 2em; margin-left: 2em; margin-top: 5em; margin-bottom: 2em; height: auto!important}



/*PAGE CONTACT*/
.contact{padding-left: 2em; padding-right: 2em; padding-top: 2.5em; position: relative;}
.contact .wp-block-columns{padding-top: 2em}
.contact::before{content: url('img/fleur-lotus-orange.png'); display: inline-block; top: 650px; left:5px; position: absolute;}


@media screen and (min-width:980px) {
.contact p{display: flex; justify-content: center;}
.contact{padding-left: 10em; padding-right: 10em; }
.contact::before{content: url('img/fleur-lotus-orange.png'); display: inline-block; top:850px; left:120px; position: absolute;}


}
/*FIN PAGE CONTACT*/






  /*STYLE FORMULAIRE*/
  .contact{height: auto!important; padding-top: 3em}
	.frm_checkbox label{font-size: 0.8em!important}
	.contact h2{padding-bottom: 1em}
  .with_frm_style .frm_primary_label{font-family: 'Poppins'; color: #000; font-size: 1.2em!important; padding-bottom: 1em; padding-top: 2em; text-transform: uppercase; font-weight: 300;}
  .frm_style_style-formidable.with_frm_style p.description, .frm_style_style-formidable.with_frm_style div.description, .frm_style_style-formidable.with_frm_style div.frm_description, .frm_style_style-formidable.with_frm_style .frm-show-form > div.frm_description, .frm_style_style-formidable.with_frm_style .frm_error{font-family: 'Poppins'; color: #000}
  .with_frm_style .frm_required{color: #CF8E70}
  .with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=phone], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .frm_form_fields_style, .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .with_frm_style .frm-card-element.StripeElement, .with_frm_style .chosen-container-multi .chosen-choices, .with_frm_style .chosen-container-single .chosen-single {background-color: #fff; border-block-color: #CF8E70}
  .frm_style_style-formidable.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_style-formidable.with_frm_style input[type=submit], .frm_style_style-formidable.with_frm_style .frm_submit input[type=button], .frm_style_style-formidable.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_style-formidable.with_frm_style .frm-edit-page-btn {border-radius: 20px; margin-top: 2em}
  .with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox]{; border: 1; border-color: #CF8E70}
  label{font-family: 'Poppins'; font-size: 1em!important; text-transform: uppercase;}
  .frm_opt_container{display: flex; justify-content: space-between; padding-top: 1em;}
  .frm_opt_container label{color: #000!important; }
  .contact .wp-block-group__inner-container{display: block!important;}
  .frm_form_1_container{}
  .frm_form_fields {display: flex; justify-content: center!important; border: 0px}
  .frm_form_fields fieldset{width: 400px}
	.frm_submit.frm_flex{display: flex; justify-content: center;}



@media screen and (min-width:980px) {
	.frm_checkbox label{font-size: 1em!important}
  .frm_form_fields fieldset{width: 800px}
	.photo-contact-bas{padding-left: 3em; padding-right: 0em; padding-top: 3em; padding-bottom: 3em}

    .wpmslider-wrapper{padding-top: 2em!important; padding-bottom: 2em!important}
}
  /*FIN STYLE FORMULAIRE*/



  .the_content{}
    nav.button-group{display:flex;justify-content:center; margin-bottom: 5em}
      nav.button-group button{text-transform: uppercase!important; border-radius: 40px; padding-left: 17px; padding-right: 17px; border: 0!important; padding-top: 0.5em; padding-bottom: 0.5em; margin: 2em 1em 0em 0em; font-family: 'trashregular'}
      nav.button-group button:hover{}












/*LOGO HOME*/
.is-default-size.aligncenter{margin-top: 4em; margin-bottom: 2em}

/*FIN LOGO HOME*/


/*ARTICLES*/
      .articles{
    display: flex;
    flex-wrap: wrap;
  ;
    padding-top: 0em;
    justify-content: center;
    ;
}
        .cache{display:none}

              .articles_item figure{
    position:relative
}
                .articles_item figure figcaption{}

                    .articles_item figure figcaption ul{list-style:none;display:flex;justify-content:space-around;}
                    .articles_item figure figcaption ul li{list-style: none;}
                      .articles_item figure figcaption ul li a{padding:1em;text-decoration:none;color:#fff}
/*FIN ARTICLES*/








/*STYLE FOOTER*/
footer{background:#CF8E70; color: #fff!important; margin-top: 2em}
footer .wp-block-group__inner-container{background-color: transparent}
footer .menu-menu-container ul li a{background-color: transparent; border-radius: 0px; padding: 0em; text-transform: uppercase;;}
footer .menu-menu-container ul li:hover a{background-color: transparent; color: #fff!important; text-decoration: underline;}
footer .menu-menu-container ul{display: block;  }
footer h3{font-size: 1.5em!important; text-transform: none; color: #fff!important}
footer .widgets{padding-top: 1em; justify-content: space-between; padding-left: 6em; padding-right: 6em; text-align: center;}
footer .widgets div{width: 100%; justify-content: center; padding-top: 0.5em}
footer .flex.resp.row {flex-direction: column;}
footer label{font-family: 'Poppins'!important}
.reseaux-droit p{font-family: 'americana_stdroman'; text-transform: uppercase;}
a:any-link {text-decoration: none; }
footer a{color: #fff;}
a:any-link:hover{text-decoration: underline;}
footer li{list-style: none; }
footer p{text-align: center; padding-bottom: 0em; margin-top: 0px; padding-top: 0em; margin-bottom: 0px!important}
footer .reseaux{margin-bottom: 1.5em!important}
footer .wp-container-4{background-color: transparent!important}
.widgettitle{font-family: 'americana_stdroman'; text-transform: uppercase;}
footer img{height: 120px!important; width: auto!important;margin-top: 2em}
.wp-block-social-links .wp-social-link svg{color: #CF8E70!important}
.widget_nav_menu{margin-bottom: 0.5em}
.menu-menu-footer-container{padding-bottom: 2em; display: flex; justify-content: center; text-align: center!important;}


@media screen and (min-width:980px) {
#menu-menu-footer li{list-style: none; text-align: center; text-transform: uppercase; font-weight: 300;}
.widget_nav_menu{margin-bottom: 2em}
footer .reseaux{margin-bottom: 0em!important}
footer p{padding-bottom: 0em}
}
/*FIN STYLE FOOTER*/








    /*  MOBILE/TABLETTE > 576px  ____________________________________________________________________*/
    @media screen and (min-width:576px) {
    } /* fin mobile/tablette */


    /*  TABLETTE > 768px  ____________________________________________________________________*/
    @media screen and (min-width:782px){
    .home-grenze{
      background-size:contain;
      background-position-x:left;
    }
      .nogap>div{flex-basis:50%!important}
    } /* fin tablette */


    /*  DESKTOP > 992px  ____________________________________________________________________*/
    @media screen and (min-width:992px){
    } /* fin desktop  */



    /*  DESKTOP LARGE  > 1200px  ____________________________________________________________________*/
    @media screen and (min-width:1200px){
    } /* fin desktop large  */

    /*  DESKTOP EXTRA LARGE  > 1400px  ____________________________________________________________________*/
    @media screen and (min-width:1400px){
    } /* fin desktop large  */