/*---------------------------------------------------------------------------------

 Theme Name:   Thème enfant divi
 Theme URI:    
 Description:  Thème enfant de Divi personnalisé par KhaliKrea et West Coast
 Author:       KhaliKrea
 Author URI:   https://www.khalikrea.fr
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/*  font cookie consent */
.cc-message, .cc-compliance .cc-btn.cc-dismiss{
	font-family:'quicksand'!important;
}

.grecaptcha-badge{
	display:none;
}

.cc-color-override-711237304.cc-window{
	display:none;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	transition: all .8s;
}

header{
	display:none;
}
#main-footer{
	display:none;
}

@font-face {
font-family: ‘quicksand‘;
src: url(‘quicksand.eot’);
src: url(‘quicksand.eot?#iefix’) format(’embedded-opentype’),
url(‘quicksand.woff2′) format(‘woff2’),
url(‘quicksand.woff’) format(‘woff’),
url(‘quicksand.ttf’) format(‘truetype’),
url(‘quicksand.svg#svgquicksand‘) format(‘svg’);
}


h1, h2, h3, body{
	font-family:'quicksand';
}
.capitale{
	text-transform:uppercase;
}


/*   Accueil   */
#page-container{
	padding-top:20px!important;
}
.vignette-menu.qui .et_pb_main_blurb_image, .vignette-menu.ateliers .et_pb_main_blurb_image{
	margin-bottom:0;
}
.vignette-menu.ateliers.et_pb_blurb_3.et_pb_blurb {
	padding:20px!important;
}
.vignette-menu.qui.et_pb_blurb_1.et_pb_blurb{
	padding:20px 5px!important
}
.vignette-menu.yoga.et_pb_blurb_0.et_pb_blurb, .vignette-menu.hg.et_pb_blurb_2.et_pb_blurb {
	padding-bottom:20px!important;
}
.vignette-menu img.et_pb_animation_top.et-animated {
    opacity: 1;
    -webkit-animation: fadeTop 1.5s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeTop 1.5s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeTop 1.5s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeTop 1.5s 1 cubic-bezier(.77,0,.175,1);
}
.contact-main{
	position:absolute;
	bottom:12px;
	right:0;
	-webkit-transition: opacity .6s;
	-moz-transition: opacity .6s;
	transition: opacity .6s;
}
.contact-main:hover{
	opacity:.7;
	-webkit-transition: opacity .6s;
	-moz-transition: opacity .6s;
	transition: opacity .6s;
}
.contact-main h2{
	margin-top: -74px;
	padding-right: 25px;
}
.contact-main img:hover, .contact-main h2:hover{
	cursor:pointer;
}
.home .slogan{
	font-family:'satisfy';
	position:absolute;
	bottom:0;
	left:0;
}
.error404 .slogan{
	font-family:'satisfy';
}
.slogan > div{
	display:flex;
	justify-content:center;
	padding:15px 5px;
}
.slogan > div > div{
	padding:0 5px 0 15px;
}
.slogan img{
	object-fit:contain;
	opacity:.17;
}
.ligne-vignettes{
	background-size:68%!important;
}

/*   Yoga - Viniyoga   */
.bouton-contact{
	font-family:'satisfy';
	position:relative!important;
}
.yoga-col1 div, .yoga-col1 span, .yoga-col1 img, .yoga-col3 div, .yoga-col3 span, .yoga-col3 img{
	height:100%!important;
}
.yoga-col1 .et_pb_image, .yoga-col3 .et_pb_image{
	display:flex;
	justify-content:flex-end;
}
/*   Tableau horaires   */
table td:nth-child(1){
	padding-right:0;
	padding-left:0;
}
table{
	margin-left:20px!important;
	width:95%!important;
	border:0!important;
	margin-top:15px!important;
}
table tr:nth-child(1) td{
	border-top:0!important;
}


/*   Qui   */
#qui img{
	object-fit:cover;
}
.qui-texte img{
	float:left;
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
	margin-top:-100px;
	margin-right:6em;
	margin-bottom:4em;
	width:46%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.titre-qui{
	font-size:55px;
	color:white;
	padding-bottom:1em;
}
.titre-qui + p{
	padding-left:3em;
	text-align:justify;
}
/*   Ateliers   */
/* #ateliers a{
	font-family:'quicksand';
	pointer-events: none;
	cursor: default;
} */

/*   Soin par la musique des plantes  */
#ateliers .bouton-contact{
	margin-left:20%!important;
}
.ligne{
	display:flex;
}
.col1{
	width:85%;
	display:flex;
	align-items:center;
	padding-right:40px;
	text-align:justify;
}
.col2{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*  Contact form   */
label{
	color:#3D3D3D;
}
.btn-envoi{
	width:70%;
	display:flex;
	justify-content:center;
	height:118px;
}
.btn-envoi input{
	font-family:'satisfy';
	font-size:30px;
	-webkit-box-shadow: 10px 10px 6px  rgba(0, 0, 0, .3);
	-moz-box-shadow: 10px 10px 6px  rgba(0, 0, 0, .3);
	box-shadow: 10px 10px 6px  rgba(0, 0, 0, .3);
	background-color:white;
	border:solid 1px #EC8757;
	padding:.2em 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:2em;
	color:#3D3D3D;
}
.btn-envoi input:hover{
	cursor:pointer;
	font-size:28px;
	margin: 2.2em 0 0 .2em;
	-webkit-box-shadow: 6px 6px 6px  rgba(0, 0, 0, .3);
	-moz-box-shadow: 6px 6px 6px  rgba(0, 0, 0, .3);
	box-shadow: 6px 6px 6px  rgba(0, 0, 0, .3);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
input:not(.wpcf7-submit){
	width:50%;
}
textarea{
	width:70%;
}
input:not(.wpcf7-submit), textarea{
	font-size:16px;
	padding:.5em;
	border:solid 1px #EC8757;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;		
}
input:focus, textarea:focus{
		border:solid 1px #EC8757!important;
}
input:not(.wpcf7-submit):focus, textarea:focus{
	background-color:rgba(236,135,87,0.1);
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	transition: all .8s;
}



/*   footer   */
.footer a {
	font-weight:bold;
	color: #030303
}
.footer a:hover{
	color:#EC8C58!important;
}
.footer{
	padding-top:calc(100vw / 5.1);
}

/*----------------------------------------------------------------------------------------------------

                                   pc port grand

----------------------------------------------------------------------------------------------------*/
@media all and (min-width : 981px) and (max-width : 1405px){
	.bouton-contact{
		margin-top:0px!important
	}
	#ateliers .bouton-contact{
		margin-top:0px!important
	}
	#yoga{
		width:90%;
	}
	.footer {
 	   padding-top: calc(100vw / 5.5);
	}
	.ligne-vignettes h2{
		font-size:22px!important;
	}
	.contact-pc h2{
		font-size:43px!important;
	}
	.fougere img{
		opacity:.5;
	}
	.qui-texte img{
		margin-bottom:3em;
		margin-right:3em;
	}
}


/*----------------------------------------------------------------------------------------------------

                                   pc port petit

----------------------------------------------------------------------------------------------------*/
@media all and (min-width : 981px) and (max-width : 1280px){
	.hg-col2{
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
	.vignette-menu.hg h2{
		font-size:17px!important;
	}
	.contact-main img{
		width:80%;
	}
	.contact-main h2{
		font-size:18px!important;
		margin-top:-62px!important;
	}
	
	/*   soin par les plantes   */
	.ligne{
		display:block;
	}
	.col1{
		width:100%;
		padding-bottom:15px;
		padding-right:0;
	}
	.col2 img{
		height:150px;
		width:100%;
		object-fit:cover;
	}
	.col2{
		height:150px;
		overflow:hidden;		
	}
}

/*----------------------------------------------------------------------------------------------------

                                   pc port 

----------------------------------------------------------------------------------------------------*/
@media all and (max-width : 1280px){
		/*   soin par les plantes   */
	.ligne{
		display:block;
	}
	.col1{
		width:100%;
		padding-bottom:15px;
		padding-right:0;
	}
	.col2 img{
		height:55vw;
		width:100%;
		object-fit:cover;
	}
	.col2{
		height:55vw;
		overflow:hidden;		
	}
}

/*----------------------------------------------------------------------------------------------------

                                   TABLETTE PAYSAGE

----------------------------------------------------------------------------------------------------*/
@media all and (max-width: 981px) {
	 html, body, #page-container {position:relative;  overflow-x:hidden; } 
	
	.slogan{
		left:inherit;
		right:20px;
	}
	.ligne-vignettes-tablette .et_pb_column{
		width:22.5%!important;
	}
	.ligne-vignettes-tablette .et_pb_main_blurb_image{
		margin-bottom:10px;
	}
	.ligne-vignettes-tablette .vignette-menu{
		height:190px!important;

	}
	#hg{
		background-position:-55vw 200px;
	}
	#qui img{
		object-fit:cover;
		height:500px;
		width:auto!important;
	}
	#qui > div {
		margin-top:210px!important;
		overflow:visible;
	}
	#qui{
		background-color:inherit!important;
	}
	.ligne-qui{
		background-position: 60vw!important;
	}
	.photo-sev{
		height:400px;
	}
	.contact-form input:not(.wpcf7-submit){
		width:60%;
	}
	.contact-form textarea{
		width:90%;
	}
	.home #footer .ligne-footer{
		padding-top:75px!important;
	}
	.vignette-menu img{
		width:55%;
	}
	.der div, .der span{
		width:100%;
	}
	.der .et_pb_module_header{
		margin-top:-21px;
	}
	#qui .photo-sev{
		margin-top:-120px!important;
	}
	  #qui > div {
		margin-top: 120px !important;
	}
	.et_pb_divider_2::before{
		left:19%!important;
	}
	
	/*   Soin par les plantes   */
	.plante-col1{
		order:2;
	}
	.plante-col2{
		order:1;
		padding-top:0!important;
	}
	.ligne-plante{
		display:flex;
		flex-direction:column;
	}
	.soin-plante{
		background-image: url(https://severine-dufort-yoga.fr/wp-content/uploads/2023/09/plante-musicale-1.png) !important;
		background-size:contain;
		background-size: 44%;
		background-repeat: no-repeat;
		background-position: 54vw 150px;
	}
	.temoignage-plante{
		width:100%!important;
	}
	#ateliers .bouton-contact {
	  margin-left: 40% !important;
	}
	.soin-plante .tarifs-soin{
		width:328px;
		margin-right:auto!important;
		margin-left:auto!important;
	}
}



/*----------------------------------------------------------------------------------------------------

                                   TABLETTE PORTRAIT

----------------------------------------------------------------------------------------------------*/
@media all and (max-width: 768px) {
	div#page-container{overflow-y:initial!important;}
	.bandeau-mobile{
		background-size:contain;
	}
	
	#yoga .yoga-col1, #yoga .yoga-col3{width:12%!important}
	#yoga .yoga-col2, #yoga .yoga-col4{width:85%!important}
	#yoga .yoga-col2 > div, #yoga .yoga-col4 > div {width:100%!important}
	.ligne-vignettes-tablette .vignette-menu{
		height:160px!important;
	}
	#hg{
		background-position:-775px 200px;
	}
	#qui img{
		object-fit:cover;
		height:400px;
		width:auto!important;
	}
	#qui > div {
		margin-top:90px!important;
	}
	.photo-sev{
		height:300px;
	}
	#footer{
		background-size:contain;
		background-position:bottom!important;
	}
	.footer{
		padding-top:0;
	}
	#footer > div{
		margin-left:auto!important;
		margin-right:10px!important;
	}
		#footer .ligne-footer{
		padding-top:27px!important;
	}
	
	/*   Soin par les plantes   */
	.soin-plante{
		background-image: none !important;
	}
	#ateliers .bouton-contact{
	  	margin-left: auto !important;
		margin-right:0px!important;
	}
	.soin-plante .tarifs-soin{
		width:328px;
		margin-right:0px!important;
		margin-left:auto!important;
	}
	.soin-plante .et_pb_button_module_wrapper{
		display:flex;
		justify-content:flex-end;
	}
	.et_pb_divider_2::before{
		left:12%!important;
	}

}

/*----------------------------------------------------------------------------------------------------

                                   MOBILE

----------------------------------------------------------------------------------------------------*/
@media all and (max-width: 480px) {
	
	h1{
		font-size:36px!important;
	}
	.ligne-vignettes-tablette .et_pb_column{
		width:46.25%!important;
	}
	.ligne-vignettes-tablette .et_pb_column.et_pb_column_1_4.et_pb_column_6, .ligne-vignettes-tablette .et_pb_column.et_pb_column_1_4.et_pb_column_8{
		margin-right:4.5%!important;
	}
	.ligne-vignettes-tablette img{
		height:120px;
		width:auto;
	}
	.ligne-vignettes-tablette .vignette-menu{
		height:170px!important;
	}
	#yoga{
		margin-top:530px;
	}
	.ligne-vignettes-tablette .et_pb_column {
		margin:0!important;
	}
	.hg-col1 .et_pb_module.et_pb_text{
		width:100%;
		margin-right:auto!important;
		margin-left:0!important;
		padding-left:1em!important;
	}
	.hg-col1 .et_pb_module.et_pb_divider{
		margin-right:auto!important;
		margin-left:0!important;
		margin-left:1em!important;
		width:100px;
	}
	#hg{
		background-position: 248px 500px;
		background-size:contain!important;
	}
	.qui-texte{
		width:100%!important;
	}
	.ligne-qui{
		background-image:inherit!important;
	}
	.yoga-pour-tous{
		display:none;
	}
	.temoignageHG{
		width:90%!important;
		margin:auto!important;
	}
	#ateliers{
		padding-top:0!important;
	}
	.ligne-contact{
		display:block!important;
	}
	.ligne-contact .contact-col1{
		-webkit-border-radius: 0px!important;
		-moz-border-radius: 0px!important;
		border-radius: 0px!important;
	}
	.ligne-contact .contact-pc{
		display:block!important;
		text-align: center;
		padding: 20px 0 10px 0!important;
	}
	.contact-tab{
		display:none!important;
	}
	.ligne-contact .contact-form{
		padding-top:0!important;
	}
	.btn-envoi{
		width:90%!important;
		justify-content:flex-end;
	}
	.contact-form input:not(.wpcf7-submit) {
    width: 70%;
	}
	#footer{
		height:420px;
	}
	.titre2 h2{
		font-size:34px!important;
	}
	.prixHG{
		width:320px!important;
	}
	.ligne-yoga{
		padding-bottom:0!important;
	}
	.ateliers .pad-left{
		padding-left:0!important;
	}
	 .titre2{
		margin-bottom:0!important;
	}
	.et_pb_divider{
		padding-top:0!important;
	}
/* 	.col2 img{
		height:150px;
	}
	.col2{
		height:150px;	
	} */
	.et_pb_divider_7{
		padding-top:2em!important;
	}
}