/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/************************STYLE DEFAULT WEBSITE*********************/
*{
	outline: none;
} 
a:focus {
	outline: none;
}
ul.list-default{
	margin: 0;
}
.elementor-widget-text-editor p:last-child{ 
	margin-bottom:0px;
}
div.wrapper-icon div.elementor-icon-wrapper {
	display: flex;
}
.hmbanner-intro {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
section.splide button.splide__arrow--prev {
    display: none;
    opacity: 1;
    left: -2.8rem;
    border-radius: 0;
    background-color: #FFF;
    font-size: 22px;
}
section.splide button.splide__arrow--next {
    right: -2.8rem;
    opacity: 1;
    background-color: #FFF;
    border-radius: 0;
    display: none;
    font-size: 22px;
}
section.splide ul.splide__pagination {
    position: relative;
    padding: 0;
    margin-top: 1rem;
}
.splide__pagination__page.is-active {
    background: #000000 !important;
    transform: scale(1) !important;
}
section.splide ul.splide__pagination button.splide__pagination__page {
    background-color: #979797 !important;
    display: flex;
    height: 10px;
    width: 10px;
    transform: scale(1) !important;
}
div.faq-custom-tab .e-n-accordion-item[open] summary.e-n-accordion-item-title {
    border-bottom: 0 !important;
	color: #4391A6;
	font-weight: bold;
}
div.faq-custom-tab .e-n-accordion-item[open] span.e-n-accordion-item-title-icon span.e-opened svg,
div.faq-custom-tab .e-n-accordion-item[open]:hover span.e-n-accordion-item-title-icon span.e-opened svg,
div.faq-custom-tab details.e-n-accordion-item span.e-n-accordion-item-title-icon span.e-closed svg,
div.faq-custom-tab details.e-n-accordion-item:hover span.e-n-accordion-item-title-icon span.e-closed svg,
div.faq-custom-tab details.e-n-accordion-item span.e-n-accordion-item-title-icon span.e-opened svg{
	fill: #FFFFFF !important;
	margin: auto;
}
div.faq-custom-tab details.e-n-accordion-item span.e-n-accordion-item-title-icon span.e-closed,
div.faq-custom-tab details.e-n-accordion-item span.e-n-accordion-item-title-icon span.e-opened{
	background-color: #4391A6;
	width: 35px;
	height: 35px;
	border-radius: 100%;
}
ul.list-default.check li{
	position: relative;
	margin-bottom: 1rem;
}
ul.list-default.check li::before {
    content: "\2713";
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: absolute;
    top: 10px;
    left: -30px;
    width: 20px;
    height: 20px;
    background-color: #FFFFFF;
    border-radius: 100%;
    color: #449FB8;
    font-size: 14px;
}
div.wrap-switch-wpml a.wpml-ls-link{
	color: #FFFFFF;
	font-weight: 500;
}
p.content-square-blue{
	background: #4391A6;
    color: white;
    padding: 30px;
    border-radius: 10px;
	text-align: center;
}
p.content-square-blue span{
	font-style: italic;
}

/*************************************HEADER SLIDER*****************************************/
div.header-coche ul.elementor-nav-menu li.menu-item a.menu-link:hover,
div.header-coche ul.elementor-nav-menu li.menu-item.current-menu-item a.menu-link{
	text-decoration: underline;
}
div.header-coche ul.elementor-nav-menu li.menu-item a.menu-link,
div.header-coche ul.elementor-nav-menu li.menu-item a.menu-link > span.sub-arrow svg{
	transition: all ease-in-out 500ms;
}
div.header-coche ul.elementor-nav-menu li.menu-item:hover a.menu-link > span.sub-arrow svg{
	transform: rotate(180deg);
}

/*****************************SERVICE EVENEMENTS SLIDER*************************************/
section.sld-evenements ul.splide__pagination button.splide__pagination__page{
	background-color: rgba(255, 255, 255, 0.5);
}
section.sld-evenements ul.splide__pagination button.splide__pagination__page.is-active{
	background-color: #FFFFFF !important;
	opacity: 1;
}
section.sld-evenements ul.splide__pagination {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    max-width: max-content;
    padding: 1rem;
    border-radius: 50px;
	margin-left: auto;
	margin-right: auto;
}
section.sld-evenements button.splide__arrow--prev,
section.sld-evenements button.splide__arrow--next{
	background-color: rgba( 0,0,0,0.4 );
	border-radius: 100%;
}
section.sld-evenements button.splide__arrow--prev svg,
section.sld-evenements button.splide__arrow--next svg{
	fill: #FFFFFF;
}
section.sld-evenements button.splide__arrow--prev{
	display: block;
	left: 1rem;
}
section.sld-evenements button.splide__arrow--next{
	display: block;
	right: 1rem;
}

/*****************************TESTIMONIAL SLIDER*************************************/
div.wrap-rating{
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
	gap: 10px;
}
div.wrap-rating span{
	color: #4391A6;
}
div.wrap-testimonial-content p{
	color: rgba(80, 85, 91 ,0.75);
}
section.sldTestimonials ul.testimonials-list > li.splide__slide{
	padding-bottom: 1rem;
}
div.wrapper-testimonial{
	padding: 28px 20px;
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.18) 0px 0.602187px 0.602187px -1.25px, rgba(0, 0, 0, 0.16) 0px 2.28853px 2.28853px -2.5px, rgba(0, 0, 0, 0.06) 0px 10px 10px -3.75px;
}
li.wrap-testimonial div.wrap-testimonial-image img {
	display: block;
	width: 48px;
	border-radius: 100%;
}
li.wrap-testimonial div.wrap-testimonial-image p{
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 500;
	color: #418294;
}
div.wrap-testimonial-image {
    display: flex;
    align-items: center;
    gap: 16px;
}
ul.splide__slide__row {
    height: auto !important;
}

/*******************************INFOLETTRE FORM STYLE**********************************/
div.frmcontactez.infolettre input.input-default:focus,
div.frmcontactez.infolettre select.input-default:focus,
div.frmcontactez.infolettre textarea.input-default:focus{
	border-top: 0;
	border-left: 0;
	border-right: 0;
	color: #FFFFFF;
	background-color: transparent;
	border-bottom: 1px solid rgba(255,255,255);
}
div.frmcontactez.infolettre input.input-default,
div.frmcontactez.infolettre select.input-default,
div.frmcontactez.infolettre textarea.input-default{
	margin-bottom: 1.5rem;
}
div.frmcontactez.infolettre div.wrap-btn-send{
	margin-top: 1rem;
}
div.frmcontactez.infolettre div.wrap-btn-send input.btn-send{
	width: 100%;
	max-width: 100%;
}

/*******************************CONTACT FORM STYLE**********************************/
div.contact-forms{
	display: none;
	visibility: hidden;
	opacity: 0;
	transition: all ease-in-out 500ms;
}
a.link-default{
	text-decoration: none !important;
	color: #07130A;
}
div.contact-forms.active-form{
	display: block;
	visibility: visible;
	opacity: 1;
}
input.input-default,
select.input-default,
textarea.input-default{
	color: #969696;
	background-color: transparent;
	border-top: 0;
	border-left: 0;
	border-right: 0;
    border-bottom: 1px solid rgba(255,255,255, 0.10);
	border-radius: 0;
	margin-top: 5px;
	-webkit-appearance: none;
	resize: none;
	padding: 20px 0px !important;
}
.wpcf7 div.frmcontactez input.input-default:focus,
.wpcf7 div.frmcontactez select.input-default:focus,
.wpcf7 div.frmcontactez textarea.input-default:focus{
	border-top: 0;
	border-left: 0;
	border-right: 0;
	color: #FFFFFF;
	background-color: transparent;
	border-bottom: 1px solid rgba(255,255,255);
}
.wpcf7 div.frmcontactez .wpcf7-not-valid-tip{
	color: #ff8f8f;
}
input.input-default::placeholder,
select.input-default::placeholder,
textarea.input-default::placeholder{
	color: rgba(255,255,255, 0.75);
}
div.frmcontactez label,
div.formservice label{
	font-size: 14px;
	color: #111111;
	display: block;
	margin-bottom: 24px;
	width: 100%;
}
.wpcf7 form.invalid .wpcf7-response-output{
	margin: 0 0 2rem;
}
div.input-col {
    margin-bottom: 0 !important;
}
p.wrap-checkbox span{
	width: auto !important;
	margin: 0 !important;
}
p.wrap-checkbox span.wpcf7-form-control-wrap{
	margin-right: .4rem !important;
}
div.wrap-btn-send input.btn-send {
    width: 100%;
    margin-right: auto;
	padding: 12px 28px;
    background-color: #55A3B8;
    color: #FFFFFF;
	border-radius: 1000px;
	transition: all ease 500ms;
}
div.wrap-btn-send input.btn-send:hover{
	background-color: #418294;
}
div.frmcontactez-wpcf7-response div.wpcf7-response-output {
    color: #FFFFFF;
}
input.checkbox-default {
    margin: 0 !important;
    accent-color: #449FB8;
}

/*******************************SERVICE FORM STYLE**********************************/
p.wrap-checkbox,
span.mc4wp-checkbox-contact-form-7 label{
    display: flex;
	font-size: 18px;
	color: #50555B;
	font-weight: 400 !important;
    align-items: center;
	line-height: 20px;
}
div.formservice div.wrap-btn-send{
	margin-top: 2rem;
}
div.formservice input.input-default,
div.formservice select.input-default,
div.formservice textarea.input-default{
	background-color: rgba(187,187,187,0.15);
	border: 1px solid rgba(136, 136, 136, 0.1);
	color: #50555B;
	border-radius: 10px;
	padding: 6px 12px !important;
}
div.formservice input.input-default::placeholder,
div.formservice select.input-default::placeholder,
div.formservice textarea.input-default::placeholder{
	color: #50555B;
}
div.formservice label{
	color: #50555B;
	font-weight: bold;
	font-size: 16px;
}

/*******************************FOOTER STYLE**********************************/
ul.list-footer{
	margin-left: 1.2rem;
}
ul.list-footer li::marker{
	color: #55A3B8;
	font-size: 26px;
}
ul.list-footer li a{
	color: #50555B;
	opacity: 0.7;
}

/******************************************************************/
/* # Media Queries (mobile-first)
---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 545px) {}
@media only screen and (min-width: 768px) {
	/*******************************CONATCT FORM STYLE**********************************/
	div.wrap-btn-send input.btn-send {
		width: 100%;
		max-width: max-content;
	}
	/*******************************INFOLETTRE FORM STYLE**********************************/
	div.frmcontactez.infolettre div.wrap-btn-send input.btn-send{
		width: 100%;
		max-width: max-content;
	}
}
@media only screen and (min-width: 993px) {}
@media only screen and (min-width: 1025px) {
	/*******************************INFOLETTRE FORM STYLE**********************************/
	div.frmcontactez.infolettre input.input-default,
	div.frmcontactez.infolettre select.input-default,
	div.frmcontactez.infolettre textarea.input-default{
		margin-bottom: 1.5rem;
	}
	
	/*******************************CONTACT FORM STYLE**********************************/
	div.input-col {
        display: flex;
        gap: 2rem;
		margin-bottom: 1rem !important;
    }
	div.input-col.col-btn{
		align-items: center;
		justify-content: space-between;
	}
	div.input-col.col-btn div.wrap-btn-send {
		display: flex;
		flex-direction: column;
	}
	div.input-col.col-btn label{
		max-width: max-content;
	}
	div.input-col.nested > label,
	div.input-col.nested div.input-col{
		width: 50%;
	}
	.card-size {
    	max-width: 550px;
    	margin-left: auto;
	}
}
@media only screen and (min-width: 1200px) {}
@media only screen and (min-width: 1300px) {
	/************************STYLE DEFAULT WEBSITE*********************/
	section.splide button.splide__arrow--prev,
	section.splide button.splide__arrow--next {
        display: block;
    }
}


/* # Media Queries (mobile-second)
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1159px) {}
@media only screen and (max-width: 1024px) {}
@media only screen and (max-width: 992px) {}
@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 544px) {}