/*

Theme Name:     Lou-Meleze

Description:   

Author:         By noOpr

Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
/***********************************************************
 ************************** FONTS **************************
************************************************************/
body #page-container h1,body #page-container h2,body #page-container h3,body #page-container h4,body #page-container h5,body #page-container h6{
	font-family:'Montserrat', sans-serif !important;
	font-style:normal !important;
	font-weight:700 !important;
	text-transform:uppercase;
}
body #page-container .bld{font-weight:bold !important;}
body #page-container sup {font-size:0.7em;}
body #page-container h1{font-size:62px;}
body #page-container h2{font-size:48px;}
body #page-container h3{font-size:38px;}
body #page-container h4{font-size:28px;}
body #page-container h5{font-size:22px;}
body #page-container h6{font-size:18px;}

body .left{text-align:left !important;}
body .center{text-align:center !important;}
body .right{text-align:right !important;}

body #page-container p{
	font-family:'Open Sans', Arial, sans-serif !important;
	font-weight:normal !important;
	font-style:normal !important;
	line-height:1.3em !important;
}
body .size1{font-size:24px;}
body .size2{font-size:20px;}
body .size3{font-size:18px;}
body .size4{font-size:16px;}

/*********** Pictos *****************/

/* Pictos Slider */
.rowSliderText p{display:flex;}
[class*="pictoslider-"]{
	display:inline-block;
	width:30px;
	height:30px;
	background:url(/wp-content/uploads/2025/05/Pictos.png) top left no-repeat;
	border:1px solid #FFFFFF;
	border-radius:30px;
}
.pictoslider-1{ background-position:0 0px;}
.pictoslider-2{ background-position:0 -30px;}
.pictoslider-3{ background-position:0 -60px;}
.pictoslider-4{ background-position:0 -90px;}

[class*="pictotext-"]{
	display:inline-block;
	position:relative;
	height:30px;
	line-height:30px !important;
	padding-left:15px;
}



/************** CTA's ***************/
.ctaS{
  padding:4px 25px;
}
.ctarose{
  background-color:var(--rose);
  border-radius:5px;
  color:#FFFFFF;
  border:2px solid var(--rose);
  transition:all .3s;
}
.ctablanc{
  background-color:#ffffff;
  border-radius:5px;
  color:var(--textcolor);
  border:2px solid #FFFFFF;
  transition:all .3s;
}
.ctarose:hover{
  color:var(--rose);
  background-color:transparent;
}
.ctablanc:hover{
  color:#FFFFFF;
  background-color:var(--rose);
  border:2px solid var(--rose);
}

/********** SLIDER CTA's ************/

.cta1Slider a, a.cta2Slider{
	transition: all .3s !important;
}
.cta1Slider a:hover{
	border-color:var(--rose) !important;
	background-color:var(--rose) !important;
	color:#FFFFFF !important;
}

a.slider2{
margin: 0 auto !important;
color: #FFF !important;
padding: 6px 30px !important;
border: 2px solid var(--rose) !important;
transition: all .3s !important;
}
a.slider2:hover{color:var(--rose) !important;}

a.cta2Slider.vert a:hover{
	color: var(--vert) !important;
}
a.cta2Slider.rose a:hover{
	color: var(--rose) !important;
}
a.cta2Slider.bleu a:hover{
	color: var(--bleu) !important;
}

/* BLOCS APPARTEMENT HOME */
.boxapt{
  display:flex;
  flex-wrap:wrap;
}
.boxapt > *{flex: 1 1 0;}
.boxapt .tuile{
position:relative;
width:100%;
height:400px;
margin:10px;
cursor:pointer;
overflow:hidden;
background-size:cover !important;
}
.boxapt .tuile.apt1{
  background:url('/wp-content/uploads/2025/06/Lou-Meleze-STUDIO-600x600-1.jpg') top left no-repeat;
  transition:all .3s;
}
.boxapt .tuile.apt2{
  background:url('/wp-content/uploads/2025/06/Lou-Meleze-T2-600x600-1.jpg') top left no-repeat;
  transition:all .3s;
}
.boxapt .tuile.apt3{
  background:url('/wp-content/uploads/2025/06/Lou-Meleze-T3-600x600-1.jpg') top left no-repeat;
  transition:all .3s;
}
.boxapt .tuile .overlay{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background-color: rgba(249,9,154,0.75);
  text-align: center;
  transition: all .3s;
  position:absolute;
  width:100%;
  height:100%;
  bottom:-400px;
  padding-bottom:8%;
}
.boxapt .tuile .overlay *{  color:#FFFFFF !important;}
.boxapt .tuile:hover .overlay{
  bottom:0; 
  cursor:pointer;
}
.boxapt .tuile:after{
content:"";
display:block;
  width:80px;
  height:80px;
 position:absolute;
 bottom:0px;
  right:0px;
  background:url('/wp-content/uploads/2025/06/plus_rose.png') top left no-repeat ;
  background-size:cover;
  transition:all .3s;
}
.boxapt .tuile:hover:after{
  right:-80px; 
}

/**** Slider Avis ****/

.avis .stars {
display:inline-block;
width:100px;
height:20px;
margin:0 auto;
background:url('/wp-content/uploads/2025/06/Stars.png') top left no-repeat;
background-size:cover;
}
.avis .stars.twostars{background-position:0 -20px;}
.avis .stars.threestars{background-position:0 -40px;}
.avis .stars.fourstars{background-position:0 -60px;}
.avis .stars.fivestars{background-position:0 -80px;}

/** RTL/LTR Sur tablette et Mobile **/
@media only screen and (max-width : 980px) {
  .dc_inverser_colonnes-section .dc_inverser_colonnes-ligne {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}



/* ENCART PAGE ATTENTE */

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

/*======================
MENU DESK 1250
======================*/
@media screen and (max-width: 1250px){
.boxapt{
  max-width:1000px;
  margin:0 auto;
}
.boxapt .tuile{
height:300px;
}
}

/*======================
MENU DESK 1120
======================*/
@media screen and (max-width: 1120px){

}

/*======================
TABLETTE 980 /PHONE/
======================*/
@media screen and (max-width: 980px){
.boxapt{
max-width:760px;
margin:0 auto;
justify-content: center;
	}
.boxapt>*{
flex: 1 1 300px !important;
	}
.boxapt .tuile{
max-width:300px !important;
	margin:10px;
}
	
	.noMobile{display:none;}
h1{font-size:55px !important;}
h2{font-size:38px !important;}
h3{font-size:30px !important;}
h4{font-size:22px !important;}
h5{font-size:20px !important;}
h6{font-size:16px !important;}

.size1{font-size:20px !important;}
.size2{font-size:18px !important;}
.size3{font-size:16px !important;}
.size4{font-size:14px !important;}

}

/*======================
MOBILE 780 /PHONE/
======================*/
@media screen and (max-width: 767px){ 
    .noMobile{display:none;}
h1{font-size:50px !important;}
h2{font-size:34px !important;}
h3{font-size:26px !important;}
h4{font-size:20px !important;}
h5{font-size:18px !important;}
h6{font-size:15px !important;}

.size1{font-size:16px !important;}
.size2{font-size:15px !important;}
.size3{font-size:14px !important;}
.size4{font-size:13px !important;}
}

/*======================
MOBILE 640 /PHONE/
======================*/

@media screen and (max-width: 640px){
   h1{font-size:50px !important;}
h2{font-size:34px !important;}
h3{font-size:26px !important;}
h4{font-size:20px !important;}
h5{font-size:18px !important;}
h6{font-size:15px !important;}

.size1{font-size:16px !important;}
.size2{font-size:15px !important;}
.size3{font-size:14px !important;}
.size4{font-size:13px !important;}	
}


/*======================
MOBILE 450 /PHONE/
======================*/

@media (max-width: 450px){
   h1{font-size:35px !important;}
h2{font-size:28px !important;}
h3{font-size:22px !important;}
h4{font-size:18px !important;}
h5{font-size:15px !important;}
h6{font-size:13px !important;}

.size1{font-size:14px !important;}
.size2{font-size:13px !important;}
.size3{font-size:12px !important;}
.size4{font-size:11px !important;}	

}


/*======================
MOBILE 370 /IPHONE 4/
======================*/

@media (max-width: 340px){
   h1{font-size:35px !important;}
h2{font-size:24px !important;}
h3{font-size:20px !important;}
h4{font-size:17px !important;}
h5{font-size:14px !important;}
h6{font-size:12px !important;}

.size1{font-size:13px !important;}
.size2{font-size:12px !important;}
.size3{font-size:11px !important;}
.size4{font-size:10px !important;}
	
.boxapt{
max-width:100%;
margin:0 auto;
justify-content: center;
	}
.boxapt>*{
flex: 1 1 280px !important;
	}
.boxapt .tuile{
max-width:280px !important;
	height:280px;
}
	
}

/*FIX & DEBUG*/
div.meuble *{
	background: RGBA(0, 0, 0, 0) !important;
}
.et-l--footer .et_builder_inner_content{
	z-index:0 !important;
}
#main-content{
	position:relative;
	z-index:1;
}