/*
Theme Name: template
Description: Thème enfant pour le thème Divi
Author:  Medialogue
Template: Divi
*/

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

@import url("./css/content.css");

@import url("./css/responsive.css");

.section-forfaits .et_pb_text{
  background-image:none !important;
}

#footer-info img {
  margin-bottom: -10px;
  margin-right: 10px;
}

strong{
  font-weight: bolder!important;
}

.et_fixed_nav.et_show_nav #page-container{
  padding-top:80px !important;
}

p, 
p span,
ul span,
li,
li span{
  font-weight:300 !important;
  color:black !important;
}

h2,h3,h4{
  font-family: 'Quattrocento', Georgia, "Times New Roman", "serif" !important;
  color:black !important;
  font-weight:300 !important;
}


p:not(.has-background):last-of-type,p {
    padding-bottom: 1.2em; 
}

.bouton-accueil p{
  padding-bottom:0px !important;
}

.et_pb_text ul{
  margin-left:4px;
  padding-bottom:1.2em;
}

a{
  text-decoration: underline;
  color:black;
}

h2{
  font-size:29px;
}

h3{
  font-size:26px;
}

h4{font-size:20px !important;}

#footer-info {
  color:white !important;
}

.section-rouge p{
  color:red !important;
}

.sectionbusiness{
    float: right;
    position: relative;
    padding: 3px 1% 5px 0px;
    color: #fff;
}

.section-service p,
.section-service h3,
.section-service h4,
.section-service span,
.contact-section p,
.contact-section span,
.main-slide p,
.section-service li,
.section-service a{
  color:white !important;
}

.main-slide .et_clickable{
  width:70%;
  margin:0 auto;
}

.sectionbusiness img{
    position: absolute;
    width: 25px;
    left: -32px;
    top: 3px;
}

#top-headerGoogleBusiness{
    position: fixed;
    width: 100%;
    background: #333;
    top: 0;
    z-index: 999999;
}

#main-header{
      top: 38px!important;
}

h1{
    font-family: 'Qwigley', "handwriting" !important;
    font-size: 100px !important;
}

.home h1{
  font-size:120px !important;
}


.et_overlay:before{
  color:#006597 !important;
}


.page-id-314 h3:after{
  content: "";
  display: block;
  height: 3px;
  width: 80px;
  background-color: #006597;
  margin-top: 10px;
}



/* ==========
   1.Basic
   ========== */

 /* =========
	 2.Helpers
    =========*/
.fullwidth-image img {
  object-fit: cover;
}

.image-with-border-left span:before{
    position: absolute;
    top: 0;
    left: -1px;
    height: 0px;
    width: 1px;
    background-color: #e39a00;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    content:"";
}

.image-with-border-right span:before{
  position: absolute;
  top: 0;
  right: -1px;
  height: 0px;
  width: 1px;
  background-color: #e39a00;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .7s;
  transition-timing-function: cubic-bezier(0,0,.2,1);
  content:"";
}

.image-with-border-left span:after,
.image-with-border-right span:after{
    position: absolute;
    top: -1px;
    left: 0;
    height: 1px;
    width: 0px;
    background-color: #e39a00;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    content:"";
}

.image-with-border-left img{
    right: -1.3rem;
    bottom: -1.3rem;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.image-with-border-right img{
  left: -1.3rem;
  bottom: -1.3rem;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.image-with-border-left span,
.image-with-border-right span{
    border-width: 1px;
    border-color: #e3b988a3;
    padding: 0px;
    border-style: solid;
}

.image-with-border-left:hover span:after,
.image-with-border-right:hover span:after{
  width:100%;
}

.image-with-border-left:hover span:before,
.image-with-border-right:hover span:before{
  height:100%;
}

.image-with-border-left,
.image-with-border-right{
  margin-top:-1.3rem;
}

/*=============
  3.Header
=============*/

#main-header{
  position: fixed; !important;
  top:0px !important;
  background-color:#fff;
}

#main-header.et-fixed-header{
  background-color:white;
}
#top-menu .reservermenu a{
color: #fff!important;
}

.reservermenu a{
  background-color: #006597;
    margin-top: -17px;
    padding: 17px 25px 16px !important;
    color: #fff!important;
}

.et-fixed-header #top-menu .reservermenu a{
  color: #fff!important;
}

/*#page-container{
  padding-top:0px !important;
}
*/
#top-menu a{
  color:white !important;
}

#main-header{
  box-shadow:unset !important;
}

#top-menu .sub-menu a{
  color:#333 !important;
}

#top-menu  a{
color: #000!important;
}

html .et-fixed-header #top-menu a{
  color: #000!important;
}

.nav li ul{
  border-top:unset;
  -webkit-transform: translateX(-25%);
  padding: 10px 0;
  background-color: #ffffffcc;
}

.nav li ul li{
  padding:0px 10px;
}

#top-menu li a {
    font-size: 15px;
   /* font-weight:300 !important;*/
}

#top-menu li li a{
      font-size: 14px;
    line-height: 19px;
    padding:6px 10px;
    font-weight:300 !important;
}

.et_pb_promo_description{
	padding-bottom: 20px;
    position: relative;
    height: 190px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

/* =========
4.HOME
=========*/

.home-service-listing .et_pb_module p{
	text-shadow: 0px 0px 4px #000000;
	color:white !important;
}

.home-service-listing .et_pb_module h2{
	text-shadow: 0px 0px 4px #000000;
}

.home-service-listing .et_pb_module:hover p{
  color: white;
  text-shadow: 0px 0px 4px #000000;
}

.home-service-listing .et_pb_module a {
    text-shadow: 0px 0px 4px #000000;
}

.home-service-listing .et_pb_module:hover a {
  text-shadow: 0px 0px 4px #000000;
}

.home-service-listing .et_pb_module:hover h2{
   text-shadow: 0px 0px 4px #000000;
 }

 .section-service{
    background-image: url(https://hammammontreal.ca/wp-content/uploads/2025/05/background-motif.png) !important;
    background-size: 600px;
    background-repeat: repeat-y !important;
    background-position-x: calc(100vw - 350px);
 }

.section-temoignage{
    background-image: url(https://hammammontreal.ca/wp-content/uploads/2025/05/background-motif.png) !important;
    background-size: 500px;
    background-repeat: repeat-y !important;
    background-position-x: -250px;
}

.main-slide{
  padding-bottom: 1vw !important;
}

.main-slide > div:last-of-type{
  margin-top:7vw !important;
}

/* ============
5.FORFAITS
==============*/

.section-forfaits a{
    border-radius: 3px;
    letter-spacing: 4px;
    font-size: 16px;
    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #e39a00d6;
    color: white !important;
    padding: 12px;
    text-decoration:unset;
    border:1px solid #e39a00;
    transition:all 0.5s;
}

.section-forfaits a:hover{
  color: #e39a00 !important;
  background-color:white;

}

.section-forfaits .et_pb_text_inner{
      text-align: center;
    border: 1px solid #e3b988;
    padding-top: 50px;
    padding-bottom: 50px;
	background-color: rgba(227, 185, 136, 0.2) !important;
    font-size: 20px;
}

.section-forfaits{
  display:flex;
  flex-wrap: wrap;
  padding-top:0px;
}

/*.section-forfaits .et_pb_column{
  flex:1;
}*/

.section-forfaits .et_pb_text{
  height:100%;
}

.section-forfaits .et_pb_text_inner{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height:100%;
    padding-left:10px;
    padding-right:10px;
}

.section-forfaits .et_pb_text_inner p{
	width:100%;
	padding-left: 10px;
    padding-right: 10px;
}

.section-forfaits .et_pb_text_inner p:first-of-type{
	  font-family: 'Quattrocento', Georgia, "Times New Roman", "serif" !important;
	  padding-bottom:0px !important;
}

.section-forfaits .et_pb_text_inner em,
.section-forfaits .et_pb_text_inner i{
  font-size:15px;
}

.section-forfaits .et_pb_text_inner > p:nth-of-type(2){
	font-weight: bold !important
}

.section-forfaits .et_pb_text_inner > div{
	padding-bottom: 30px;
}

.menu-forfait{
  display:flex;
  padding-left:0px;
  justify-content: center;
  flex-wrap:wrap;
}

.menu-forfait a{
  margin-right:10px;
  padding:10px;
  cursor:pointer;
  list-style: none;
  color:black;
  text-decoration: underline;
}

.menu-forfait a:hover{
  color:#e39a00;
}

.menu-forfait li.active{
  background-color:#e39a00;
}

.titre-section a{
	display:block;
	padding-bottom:100px;
	margin-top:-100px;
	pointer-events: none;
}

.hide{
  display:none;
}

.show{
  display:block;
}

#section-forfait-menu{
  background-color:#f9f1e7!important;
  width:100%;
  padding-left:10%;
  padding-right:10%;
  max-width:unset;
}


.fixed-menu{
	position: fixed;
	width:100%;
	top:80px;
	z-index:9999999;
}

.englo-menu-forfait{

}

/* ==========
   15.FOOTER
   ========== */
.gmap img {
  width: 100%;
  object-fit: cover;
}

.wpcf7-form > p {
  /*display: flex;*/
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: 1;
}

.wpcf7-form input, .wpcf7-form textarea {
  width: 100%;
    padding: 10px;
    margin-bottom: 15px;

    border: 0!important;
}

.wpcf7-form > p > input:only-of-type {
  width: auto;
  padding: 10px 25px;
  font-size: 15px;
  cursor: pointer;
}

.wpcf7-form .wpcf7-form-control-wrap {
  width: 48%;
}

.wpcf7-form-control-wrap.your-message {
  width: 100%;
}

.wpcf7 br{
  display:none;
}

.footer-infos span.et-waypoint, .footer-infos .et_pb_blurb_description a {
  color: #e39a00 !important;
}

.footer-infos {
  padding: 20px 30px;
}

.engloboutonfooter{
  display: flex;
  padding-left: 5px;
  flex-wrap: wrap;
  justify-content: right;
  padding-top: 4px;
  margin-left:auto;
}

.boutonfooter {
  text-transform: uppercase;
  font-weight: 400;
  padding-left:7px;
  padding-right:7px;
  font-size:14px;
}

  .boutonPlanSite{
    margin:0px;
  }

  .engloboutonfooter a{
    text-align: center;
    color:white;
  }

  #footer-bottom .container{
    display:flex;
  }

  .contact-section .et-pb-icon{
  		color:white !important;
  		font-size:30px !important;
  }

   .contact-section a{
   	color:white !important;
   }

  .google-business img,
  .google-business .et_pb_image_wrap{
  	width:30px !important;
  }

  .et_pb_social_media_follow_0 li a.icon:before{
  	    font-size: 22px !important;
	    line-height: 40px !important;
	    height: 40px !important;
	    width: 40px !important;
  }

.et_pb_social_media_follow_0 li a.icon {
    height: 40px !important;
    width: 40px !important;
}

.wpcf7-submit{
	display:block;
	margin-left:auto;
      border-color: rgba(0, 0, 0, 0);
    border-radius: 3px;
    letter-spacing: 4px;
    font-size: 16px;
    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #e39a00;
    color:white;
}

.contact-section{
	padding-top:2% !important;
	padding-bottom:2% !important;
}

.wpcf7 form.sent .wpcf7-response-output{
	color:white !important;
}

.grecaptcha-badge{
	z-index:9999999999 !important;
}

.formulaire_de_contact select{
    width: 100%;
    margin-top: 10px;
    height: 40px;
}

html .wpcf7-not-valid-tip{
    margin-top: -10px;
    margin-bottom: 12px;
    color: red !important;
}

.wpcf7-form textarea{
  margin-top:25px;
}

.clinique-minceur-accueil{
  background-size:100%;
  background-position: center !important;
  background-color:white !important;
}

/* ==========
   16.RESPONSIVE
   ========== */


 @media (max-width:1700px){
 	#top-menu li a {
    	font-size: 15px !important;
	}
 }

 @media (max-width:1500px){
 	#top-menu li{
 		padding-right:10px !important;
 	}
 }

 @media (max-width:1400px){
 	.et_pb_promo_description{
 		height:250px;
 	}

  #et-top-navigation{
    padding-left:240px !important;
  }

  .fixed-menu{
    top:127px;
  }

 }  

 @media (max-width:1200px){
  .clinique-minceur-accueil{
    background-size:140%;
  }
 }

@media (max-width:980px) {
  .inverted-row-mobile {
    display: flex;
    flex-direction: column-reverse;
  }

  .inverted-row-mobile .et_pb_column:first-child {
    margin-bottom: 0px !important;
  }

  .inverted-row-mobile .et_pb_column:last-child {
    margin-bottom: 30px !important;
  }

  #footer-bottom .container{
    flex-wrap:wrap;
  }

  .engloboutonfooter{
    width:100%;
    justify-content: center;
    padding-bottom:10px;
  }

  .image-with-border-right{
      margin-bottom:20px !important;
  }

  .reservermenu a{
    margin-top:0px !important;
  }

  .fixed-menu {
      top: 0px;
  }

  .clinique-minceur-accueil{
    background-size:100%;
  }

}

@media (max-width:720px) {
  h1{
      line-height: 77px;
      font-size: 70px !important;
  }

  .menu-forfait a{
    font-size:16px;
    line-height:17px;
  }

  .main-slide > div:last-of-type{
    margin-top: -4vw !important;
  }

  .home h1 {
    font-size: 100px !important;
    line-height: 90px !important;
  }

  .clinique-minceur-accueil{
    background-size:140%;
  }

}

@media (max-width:479px) {
  .sectionbusiness{
               margin-right: 8%;
    }

    .sectionbusiness img{
        top: 4px;
        display: none;
    }

    h1{
      font-size:45px !important;
    }

    .home h1 {
        font-size: 90px !important;
        line-height: 80px !important;
    }

    .home-service-listing p{
      line-height:27px;
    }


}