/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/* NO SCROLL OVERFLOW-X  */
/*.elementor-section:not(.no-overflow):not(.elementor-top-section):not(.overflow-ok) {
	overflow-x: hidden !important;
}*/
/*VIDEO BACKGROUND*/
#video-section .elementor-background-video-container {
    height: 120%;
    width: 100%;
    top: -7vh;
    left: 0;
    position: absolute;
    overflow: hidden;
    z-index: 0;
    direction: ltr;
}
/*BACKGROUND SECTION AMENAGEMENT*/
@media (min-width: 1351px) {
.transparent-desktop{
    background-color:transparent!important;
}
}
/*BLOG & POST*/
.elementor-post__read-more{
	background: #58AD61;
    padding: 10px 20px;
    border-radius: 5px;
}
.single-post .hero-section {
	background-position: 50% 25%;
    background-size: cover;
	position: relative;
}
.single-post .background-overlay {
	background-color: #101010;
    opacity: 0.6;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.single-post .wrap {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	align-content: center;
    align-items: center;
	background-image: url(https://myforet.agence-vingt-deux.fr/wp-content/uploads/2021/07/Vague-grise.svg);
    background-position: bottom center;
    background-repeat: no-repeat;	
}
.container-height {
	min-height: 50vh;
	display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.single-post .title {
	text-align: center; 
	margin-bottom: 20px;
	position: relative;
	width: 100%;
}
.single-post .date {
	text-align: center;
    color: var( --e-global-color-617c765 );
    font-family: "Poppins", Sans-serif;
    font-size: 1em;
    font-weight: normal;
	width: 100%;
}
.single-post .title h1 {
	color: var( --e-global-color-617c765 );
    font-family: "Quicksand", Sans-serif;
    font-size: 2.4em;
    font-weight: 600;
	padding: 0;
    margin: 0;
    line-height: 1;
}
.single-post h2 {
	color: var( --e-global-color-secondary );
    font-family: "Poppins", Sans-serif;
    font-size: 2em;
    font-weight: 600;
}
.single-post h2 + p {
	border-left-width: 2px;
	border-left-color: #e6e9ec;
    border-left-style: solid;
    padding-left: 20px;
	margin: 0;
    color: #5D5D5D;
	margin-bottom: 20px;
}
.single-post p:first-child {
	margin-top: 30px;
}
.single-post p {
	color: var( --e-global-color-text );
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-size: var( --e-global-typography-text-font-size );
    font-weight: var( --e-global-typography-text-font-weight );
	margin-bottom: 40px;
}
.single-post p img {
	margin-top: 20px;
	width: 100%;
}
.single-post .related-posts-entry {
	margin-top: 100px;
	display: flex;
	align-items: center;
}
.single-post hr {
	border: 0;
	flex-grow: 1; 
	background: #58AD61; 
	height: 2px;
	margin: 0px 8px;
}
.related-span {
	color: #FFFFFF;
	background-color: #58AD61;
	padding: 8px;
	text-transform: uppercase;
}
.related-posts {
	margin-top: 30px;
	display: flex;
}
.related-post {
	width: 33.33%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 20px;
}
.related-img img {
	border-radius: 10px;
}
.related-link a {
	font-size: var( --e-global-typography-text-font-size );
}
.return-separator {
	margin-top: 40px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.backtoblog {
	color: #3C3C3B;
	border: 1px solid #3C3C3B;
	padding: 8px;
	text-transform: uppercase;
}
.backtoblog a {
	color: #3C3C3B;
}
.backtoblog a:hover {
	color: #58AD61;
	transition: color 0.3s;
}
.blog-separator {
	border: 0;
	flex-grow: 1; 
	background: #3C3C3B !important; 
	height: 2px;
	margin: 0px 8px;
}
.max-width-container {
	max-width: 1390px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
@media (max-width: 1350px) {
	.max-width-container {
		max-width: 1024px;
	}
	.single-post section {
		padding: 20px;
	}
}
@media (max-width: 767px) {
	.max-width-container {
		max-width: 767px;
	}
}

/*CUSTOM COLOR SPAN*/
.bold {
	font-weight: bold;
}
.green-span{
	color: #58AD61;
}
.purple-span{
	color: #8A6BFC;
}
.turquoise-span{
	color: #25CE9E;
}
.blue-span{
	color: #2AAAD1;
}
.pink-span{
	color: #E862BB;
}
.orange-span{
	color: #F7AA43;
}
.red-span{
	color: #E54149;
}
.dark-orange-span{
	color: #DB643A;
}
/*COOKIES STYLES*/
.cn-button{
    background: #fff !important;
    color: #000 !important;
    border-radius: 40px !important;
    font-family: 'Quicksand' !important;
    font-weight: 900 !important;
	padding: 10px !important;
}
.cn-button{
    background: #fff;
    color: #58AD61 !important;
    border-radius: 40px !important;
    font-family: 'Quicksand' !important;
    font-weight: 900 !important;
	padding: 10px !important;
}
/*FORM FOOTER STYLES*/
.elementor-35 .elementor-element.elementor-element-314de45 .elementor-form-fields-wrapper{
	align-items: start;
}
@media (min-width: 1350px) {
	.elementor-35 .elementor-field-type-email,.elementor-35  .elementor-field-type-tel{
		margin-top: -100px;
	}
	.elementor-35 .elementor-field-type-textarea{
		margin-bottom: 0px;
	}
}

/* FLIPBOX DESCRIPTION */
@media (min-width: 768px) and (max-width: 1350px) {
	.elementor-flip-box__layer__title {
		max-width: 230px;
		margin: 0 auto !important;
	}
	.elementor-flip-box__layer__description {
		max-width: 230px;
		margin: 0 auto;
	}
}
@media (max-width: 767px) {
		.elementor-flip-box__layer__title {
		max-width: 40%;
		margin: auto!important;
	}
	.elementor-flip-box__layer__description {
		max-width: 40%;
		margin: auto!important;
	}
	
	/*Page Nos clients*/
	.nos-clients-flipbox .elementor-flip-box__layer__title {
		max-width: unset;
	}
	.nos-clients-flipbox .elementor-flip-box__layer__description {
		max-width: unset;
	}
}
@media (min-width: 1351px) and (max-width: 1500px) {
	.no-margin .elementor-widget-container {
		margin: 0 !important;
	}
}