/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

body.admin-bar{
	margin-top:0
}

#menuOverlay {
	height: 100vh;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	transition: all ease 0.2s;
	width: 100vw;
	z-index: -1;
}
#menuOverlay.active {
	backdrop-filter: blur(2px);
	background: rgba(0, 0, 0, 0.3);
	opacity: 1;
	pointer-events: auto;
}

header{
	position:sticky;
	top:0;
	z-index:10;
}
header .elementor-nav-menu--dropdown{
	transition:none !important;
}

.elementor-button:hover {
    box-shadow: 0 0 5px var( --e-global-color-primary );
}

.site-header{
	position: relative;
	padding:0 0;
}

/* Le contenu reste au-dessus */
.site-header > * {
	position: relative;
	z-index: 1;
}

.site-header .elementor-menu-toggle svg{
	fill:#fff !important;
}

.site-header .elementor-nav-menu .elementor-item.elementor-item-active{
	color:var(--e-global-color-text) !important;
	font-weight:700 !important;
}
.site-header .elementor-nav-menu--main .elementor-nav-menu .elementor-item.elementor-item-active:after{
	content:inherit !important;
}

@media(max-width: 1024px) {
	.site-header .elementor-nav-menu--dropdown{
		background:transparent !important;
		overflow:visible !important;
		z-index:1 !important;
	}
	.site-header .elementor-nav-menu{
		position: absolute;
		background: url('/wp-content/themes/hello-theme-child-master/assets/menu_feuille.svg') no-repeat center top;
		background-size: cover;
		border: none;
		border-radius: 0;
		transition: transform 0.4s ease, opacity 0.3s ease;
		transform-origin: top center;
		height: 645px;
		width: 315px;
		top: -105px;
		right: 0;
		padding: 110px 10px 0 0;
		opacity: 1;
		filter: drop-shadow(2px 4px 6px black);
	}
	.site-header .elementor-nav-menu .elementor-item{
		color:var(--e-global-color-text);
		padding:20px 5px;
	}
	.site-header .elementor-menu-toggle{
		z-index:2;
	}
	.site-header .elementor-menu-toggle svg.elementor-menu-toggle__icon--close{
		fill:var(--e-global-color-text) !important;
	}
	.site-header .elementor-nav-menu--dropdown .elementor-nav-menu .menu-item{
		text-align:right;
	}
	.site-header .elementor-nav-menu--dropdown .elementor-nav-menu .elementor-item{
		justify-content:right !important;
		text-align:right;
		line-height:25px;
		font-size:27px;
		position: relative;
		display:inline-block;
	}
	.site-header .elementor-nav-menu--dropdown .elementor-nav-menu .elementor-item:after{
		background-color: #dadada;
		height: 3px;
		opacity:1 !important;
		left: 0;
		width: 100%;
		z-index: 2;
		bottom: 0;
		content: "";
		display: block;
		position: absolute;
		transition: .3s;
		transition-timing-function: cubic-bezier(.58, .3, .005, 1);
	}
	.site-header .elementor-nav-menu--dropdown .elementor-nav-menu .elementor-item:hover,
	.site-header .elementor-nav-menu--dropdown .elementor-nav-menu .elementor-item:focus,
	.site-header .elementor-nav-menu--dropdown .elementor-nav-menu .elementor-item.elementor-item-active{
		background:inherit !important;
		font-weight:700;
	}

	body.menu-open #content,
	body.menu-open #site-footer{
		filter: blur(6px) brightness(0.6);
	}
	body.menu-open #content::after,
	body.menu-open #site-footer:after {
		opacity: 1;
		visibility: visible;
	}
}

.home #content:before {
	content: '';
	background: var(--e-global-color-primary);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 220px;
	z-index:-1;
}

/*Page d'accueil*/
.home_title {
	position: relative;
	overflow: visible;
}
.home_title,
.page_title {
	margin-top:-165px; /*la hauteur du header*/
	padding-top:180px; /*Pour récupérer la marge extérieur et aérée le contenu*/
}

.home_title::before {
	content: '';
	inset: 0;
	background-image: url(/wp-content/themes/hello-theme-child-master/assets/home_title_large.png);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: 50% 100%; /*centré en bas*/
}
.home_title::after {
	content:'';
	background:#fff;
	width:100%;
	height:10px;
	bottom:-5px;
	left:0;
	position:absolute;
}
@media(max-width: 1024px) {
	.home_title,
	.page_title {
		margin-top:-200px; /*la hauteur du header*/
		padding-top:200px; /*Pour récupérer la marge extérieur et aérée le contenu*/
	}
	
	.home_title::before {
		background-image: url(/wp-content/themes/hello-theme-child-master/assets/home_title_mobile.png);
	}
}

.home_title_logo {
	position: relative;
	z-index: 3;
}

.home_title_h1 h1{
	line-height:35px;
}
.home_title_h1 h1 span{
	font-size:50%;
}

.realisations-bubbles > * {
	 max-width: 1000px;
	 text-align: center;
}
.realisations-bubbles .realisations-liste,
 .realisations-bubbles .bubbles {
	 position: absolute;
	 top:0;
	 left:0;
	 width: 100%;
	 height: 100%;
}
 .realisations-bubbles .bubbles * {
	 position: absolute;
	 border-radius: 50%;
}
 .realisations-bubbles .bubbles .bubble-1, .realisations-bubbles .bubbles .bubble-2, .realisations-bubbles .bubbles .bubble-3, .realisations-bubbles .bubbles .bubble-4 {
	 aspect-ratio: 1;
}
 .realisations-bubbles .bubbles .bubble-1, .realisations-bubbles .bubbles .bubble-4 {
	 background: #203031;
}
 .realisations-bubbles .bubbles .bubble-2, .realisations-bubbles .bubbles .bubble-3 {
	 background: #95c29a;
}
 .realisations-bubbles .bubbles .bubble-2, .realisations-bubbles .bubbles .bubble-3, .realisations-bubbles .bubbles .bubble-4 {
	 z-index: 1;
}
 .realisations-bubbles .bubbles .bubble-1 {
	 width: 30%;
	 top: 20px;
	 left: -50px;
}
 .realisations-bubbles .bubbles .bubble-2 {
	 width: 25%;
	 top: 170px;
	 left: 30%;
}
 .realisations-bubbles .bubbles .bubble-3 {
	 width: 25%;
	 bottom: 5%;
	 left: 15%;
}
 .realisations-bubbles .bubbles .bubble-4 {
	 width: 23%;
	 top: 340px;
	 left: 55%;
}
 .realisations-bubbles .realisations {
	 position: relative;
	 width: 100%;
	 height: 750px;
}
 .realisations-bubbles .realisations .realisation {
	 position: absolute;
	 overflow: visible;
	 border-radius: 50%;
	 aspect-ratio: 1/1;
	 display:block;
	 margin:0;
}
.realisations-bubbles .elementor-post__text{
	text-align:left;
}
 .realisations-bubbles .realisations .realisation:nth-child(1) {
	 width: 60%;
	 top: 50px;
	 left: 0;
	 z-index: 1;
}
 .realisations-bubbles .realisations .realisation:nth-child(1) .elementor-post__text {
	 position: absolute;
	 top: -40px;
	 right: -100px;
	 width:250px;
}
 .realisations-bubbles .realisations .realisation:nth-child(1) .elementor-post__text:after {
	 content: '';
	 background: url('/wp-content/themes/hello-theme-child-master/assets/realisation_arrow_1.png') no-repeat;
	 position: absolute;
	 top: 30px;
	 left: 40px;
	 width: 35px;
	 height: 58px;
}
 .realisations-bubbles .realisations .realisation:nth-child(2) {
	 width: 35%;
	 top: 100px;
	 right: calc(0% + 164px); /*la longueur du titre*/
	 z-index: 3;
}
 .realisations-bubbles .realisations .realisation:nth-child(2):before {
	 content: ':';
	 background: #fff;
	 border-radius: 50%;
	 width: 100%;
	 aspect-ratio: 1;
	 position: absolute;
	 top: 10px;
	 left: -20px;
	 z-index: -1;
}
 .realisations-bubbles .realisations .realisation:nth-child(2) .elementor-post__text {
	 position: absolute;
	 top: 100%;
	 right: -250px;
	 width: 250px;
}
 .realisations-bubbles .realisations .realisation:nth-child(2) .elementor-post__text:after {
	 content: '';
	 background: url('/wp-content/themes/hello-theme-child-master/assets/realisation_arrow_2.png') no-repeat;
	 position: absolute;
	 top: -50px;
	 left: -35px;
	 width: 41px;
	 height: 45px;
}
 .realisations-bubbles .realisations .realisation:nth-child(3) {
	 width: 40%;
	 bottom: 5%;
	 left: 25%;
	 z-index: 2;
}
 .realisations-bubbles .realisations .realisation:nth-child(3):before {
	 content: '';
	 background: #fff;
	 border-radius: 50%;
	 width: 100%;
	 aspect-ratio: 1;
	 position: absolute;
	 top: -20px;
	 right: -10px;
	 z-index: -1;
}
 .realisations-bubbles .realisations .realisation:nth-child(3) .elementor-post__text {
	 position: absolute;
	 top: 100%;
	 right: -200px;
	 width: 250px;
}
 .realisations-bubbles .realisations .realisation:nth-child(3) .elementor-post__text:after {
	 content: '';
	 background: url('/wp-content/themes/hello-theme-child-master/assets/realisation_arrow_3.png') no-repeat;
	 position: absolute;
	 top: 5px;
	 left: -100px;
	 width: 87px;
	 height: 27px;
}
 .realisations-bubbles .realisations .realisation .elementor-post__text {
	 text-transform: uppercase;
}
 .realisations-bubbles .realisations .realisation .elementor-post__text:hover {
	 filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.4));
}
 .realisations-bubbles .realisations .realisation .elementor-post__thumbnail {
	 border-radius: 50%;
}
 .realisations-bubbles .realisations .realisation .elementor-post__thumbnail__link {
	 clip-path: circle(50% at 50% 50%);
	 margin:0 !important;
	 width:100%;
}
 .realisations-bubbles .realisations .realisation .elementor-post__thumbnail__link:hover {
	 clip-path: inherit;
	 filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.4));
}
@media(max-width: 1024px) {
	.realisations-bubbles .realisations  {
	 	height: calc(70vw + 5vh);
	}
	.realisations-bubbles .realisations .realisation:nth-child(1) {
/* 		width: 50vw; */
	}
	.realisations-bubbles .realisations .realisation:nth-child(2) {
/* 		width: 35vw; */
/* 		right: 170px; */
	}
	 .realisations-bubbles .realisations .realisation:nth-child(2) .elementor-post__text {
/* 		top: 95%; */
/* 		right: -90px; */
	}
	.realisations-bubbles .realisations .realisation:nth-child(3) {
/* 		width: 40vw; */
/* 		left: calc(50% - 250px); */
	}
	 .realisations-bubbles .realisations .realisation:nth-child(3) .elementor-post__text {
/* 		top: 90%; */
/* 		right: -110px; */
	}
	 .realisations-bubbles .bubbles .bubble-1 {
/* 		width:150px; */
/* 		left: 10px; */
	}
	 .realisations-bubbles .bubbles .bubble-2 {
/* 		width:120px; */
/* 		left: 230px; */
	}
	 .realisations-bubbles .bubbles .bubble-3 {
/* 		width:120px; */
/* 		top:450px; */
/* 		left: 100px; */
	}
	 .realisations-bubbles .bubbles .bubble-4 {
/* 		width:150px; */
/* 		bottom:110px; */
/* 		right: 240px; */
	}
}
@media(max-width: 767px) {
	.realisations-bubbles .elementor-post__thumbnail{
		padding-bottom:calc( 1 * 100% ) !important;
	}
	.realisations-bubbles .bubbles .bubble-1 {
		 top:30px;
		 left:0;
	}
	.realisations-bubbles .bubbles .bubble-2 {
		 top:150px;
		 left: 21%;
	}
	.realisations-bubbles .bubbles .bubble-3 {
		 left: 5%;
	}
	.realisations-bubbles .bubbles .bubble-4 {
	 	top: 270px;
	 	left: 40%;
	}
	.realisations-bubbles .realisations .realisation:nth-child(1):before{
		top:-10px;
	}
	.realisations-bubbles .realisations .realisation:nth-child(2){
		top:120px;
	}
	.realisations-bubbles .realisations .realisation:nth-child(2):before{
		left:-10px;
	}
	.realisations-bubbles .realisations .realisation:nth-child(3){
		width:37%;
		left:15%;
		bottom:0;
	}
}
@media(max-width: 500px) {
	.realisations-bubbles .realisations  {
	 	height: calc(90vw + 5vh);
	}
	.realisations-bubbles .realisations .realisation:nth-child(1) .elementor-post__text{
		right:-110px;
	}
	.realisations-bubbles .realisations .realisation:nth-child(2){
		top:140px;
		right:calc(0% + 104px);
	}
	.realisations-bubbles .realisations .realisation:nth-child(2) .elementor-post__text{
		top:120%;
		right:-100px;
	}
	.realisations-bubbles .realisations .realisation:nth-child(3){
		bottom:10%;
	}
	.realisations-bubbles .realisations .realisation:nth-child(3) .elementor-post__text{
		top:105%;
		right:-165px;
	}
	.realisations-bubbles .bubbles .bubble-2 {
		left:25%;
	}
	.realisations-bubbles .bubbles .bubble-3 {
		left:5%;
		bottom:20%
	}
	.realisations-bubbles .bubbles .bubble-4 {
		top:250px;
		width:19%;
		left:42%;
	}
}

#breadcrumbs span a{
	text-transform:none;
	font-weight:700;
}

/* Avis client Google via TrustIndex.io */
.ti-name, .ti-review-text-container{
	color:var( --e-global-color-text ) !important;
}
.ti-date, .ti-read-more-active{
	color:var( --e-global-color-30e8a1b ) !important;
}

/*Formulaire de contact*/
form .elementor-message{
	color:#fff;
}