/*
	Theme Name: sophrologue-child
	Theme URI: www.stephanie-filhol.fr
	Description: Éveillez votre sérénité intérieure
	Author: Moustache Agence de communication digitale
	Author URI: https://moustachestudio.fr/
 	Template: Divi
	Version: 1.0.0
*/

::-webkit-scrollbar { width: 10px;}
::-webkit-scrollbar-track { background-color:#fff;  }
::-webkit-scrollbar-thumb { background-color: #ffbd93; border-radius:20px;   }
 
html, body { font-weight:400;}

.inline-block { display:inline-block;}
.flex {display: flex;} 
.flex-col {flex-direction: column;}
.flex-wrap {flex-wrap: wrap;} 
.gap-1 { gap:1rem;}
.gap-2 { gap:2rem;}
.flex-col { flex-direction: column;}
.justify-between { justify-content: space-between;}
.justify-center { justify-content: center;}
.justify-end {justify-content: flex-end;}
.items-center {align-items: center;}
.items-end {align-items: flex-end;}
.h-100 { height:100%;}
.min-h-100 {min-height: 100vh;}
.order-2 { order:2 !important; }
@media (min-width: 980px) { .order-2 { margin-right:0 !important; margin-left: 5.5%; } }

@media screen and (min-width: 980px){ 
	.sticky { position: sticky;  top: 0; }
	.sticky.top-70 {top:70px;}
	.sticky.top-120 {top:110px;}
}

.et_pb_column.mb-3 { margin-bottom:2rem !important;}
@media (min-width: 768px) { .et_pb_column.mb-3 { margin-bottom:3rem !important;} }
.pt-0 { padding-top:0 !important;}
.radius-20 {border-radius:20px;}
.text-white { color:#ffffff !important;}
.index-1 { z-index:1}
.index-9 { z-index:9}

.transform-y {transition: 0.25s linear;}
.transform-y:hover, a.et_pb_button:hover, .wp-block-buttons a:hover, button:hover { transform: translateY(-5px);}

.img-cover { overflow:hidden; width: 100% !important;}
.img-cover.rounded-y { border-radius:200px 200px 0 0 !important;}
.img-cover.ratio-1 img {aspect-ratio: 50/35;}
.img-cover.ratio-2 img {aspect-ratio: 50/70;}
.img-cover img { aspect-ratio: 50/50; -o-object-fit: cover; object-fit: cover; height: auto;  transition: 0.25s linear; width: 100% !important;}
.scale:hover img { scale:1.1;}
.img-full .et_pb_image_wrap, .img-full .et_pb_image_wrap img, .img-cover .et_pb_image_wrap   { width:100% !important;}

/*****title**********/
#et-main-area h1, #et-main-area .h1 {font-size: clamp(48px,8.5vw,105px) !important; line-height:0.85em !important; font-weight: 550;letter-spacing: -1.4px; }
#et-main-area .h1 { font-family: 'Belleza',Helvetica,Arial,Lucida,sans-serif; }
#et-main-area h2 { font-size: clamp(36px,5vw,65px) !important; line-height:0.9em !important; font-weight: 500; letter-spacing: -0.75px;}
#et-main-area h3 {font-size: clamp(23px,2.3vw,30px) !important; line-height:0.9em !important; font-weight: 400; letter-spacing: -0.75px;}

#et-main-area .header-full-height {min-height: calc(100vh - 85px);} 
#et-main-area .header-full-height h1, #et-main-area .header-full-height.h1 {font-size: clamp(48px,10vw,125px) !important; line-height:0.85em !important; font-weight: 550;letter-spacing: -1.4px; }
@media (min-width: 980px) { 
	#et-main-area .header-full-height {min-height: calc(100vh - 113px);} 
}
#et-main-area .et_pb_button { line-height:1.2 !important;}

/******menu************/
header#main-header, header#main-header.et-fixed-header { position: sticky;  z-index: 9999999; box-shadow:none !important; border-radius: 0 0 30px 30px;  }
header .container, #top-header .container { width:95%;  max-width: 2200px;  }
header#main-header a { font-weight:400 !important; }
header#main-header .btn a {border-radius: 20px; background-color: #FDCD81; padding:0.7em 1em!important; transition: all 0.25s ease;  color:#131110 !important;} 
header#main-header .btn a:hover {background-color: #F5AB93;} 
header#main-header #top-menu-nav>ul>li>a:hover { opacity:1 !important;}
header#main-header #top-menu-nav>ul>li {  padding-right: 17px;}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {padding: 15px 0 0 0  !important;} 
.et_header_style_left #et-top-navigation .mobile_menu_bar { padding-bottom: 15px;}
#mobile_menu { border-top: 0; padding:1rem; box-shadow:none; border-radius:0 0 30px 30px; margin-top: -8px;   }
.et_mobile_menu li a { width: 100%; margin: 0 auto; padding: 10px;  font-size: initial;}
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before { content: '\4d';  }
@media (max-width: 980px){ .et_header_style_left #logo { max-height: 78%;}}

@media (min-width: 1180px) { 
	.header-full-height .bloc  {float:none; max-width: 600px;  width: 100% !important;}
	.header-full-height .bloc.right {  margin: 0 0 0 auto !important; }

}
 
/****flip********/
.flipcard-wrap{display:grid; gap:2rem;   }
.flipcard-wrap .card { width:100% !important; }
.flipcard-front {  border-radius: 20px 20px 0 0 !important; }
.flipcard-front h3 { padding-bottom:1.5rem;}
.flipcard-back {  border-radius: 0 0 20px 20px !important; }
.flipcard-back .et_pb_text_inner {display: flex;flex-direction: column;justify-content: space-between; height: 100%;}

@media (min-width: 768px) {
	.flipcard-wrap { grid-template-columns: repeat(2, minmax(0, 1fr));  perspective:1200px;   }  
	.flipcard-wrap .card {height:350px; position:relative; cursor: pointer; transition-duration: 0.9s; 
		transition-timing-function: ease-in-out; transform-style: preserve-3d;}
	.flipcard-front, .flipcard-back {position: absolute; top: 0; width: 100%; height: 100%;  border-radius: 20px !important; backface-visibility: hidden;  transform: rotateX(0deg);}
	.flipcard-front::after { content: '+'; font-size: 30px; background: #ffffff; padding: 5px 10px; border-radius: 100px; font-weight: 400; 
		position: absolute; right: 20px; bottom:20px; cursor: pointer;}	
	.flipcard-wrap .card .flipcard-back {  transform: rotateY(180deg);}
	.flipcard-wrap .card:hover {  transform: rotateY(180deg);} 
 
}	
@media (min-width: 1200px) {
	.flipcard-wrap { grid-template-columns: repeat(4, minmax(0, 1fr)); }  
	.flipcard-wrap .card { height:450px; }
}
 
#et-main-area .et_pb_button.btn-rdv, #et-main-area .et_pb_button.btn-rdv:hover { display:inline-block; padding: 0.7em 0.7em 0.7em 2rem!important;}
.btn-rdv:before {content:"\f073";font-family: FontAwesome!important;font-weight: 400!important;line-height: inherit;font-size: inherit!important;opacity: 1;margin-left: -1.3em;right: auto;display: inline-block;font-family: FontAwesome!important;font-weight: 400!important;}

.et-pb-contact-message { font-size:14px !important;color: #ea6c2e !important; }
.et_pb_contact p .et_contact_error {border: 1px solid #ea6c2e!important;}