/*
 Theme Name:   astra-child
 Description:  Child theme of astra
 Author:       bwa
 Template:     astra
 Version:      1.0.0
*/

/*
--------------------------------------
Elements
--------------------------------------
*/
.elementor-element-7b74530 div img{
	mix-blend-mode: lighten;
}
#videoslider div div div div .swiper-slide{
	padding:15px;
}
#videoslider div div div div .swiper-slide:hover .elementor-carousel-image{
	box-shadow: 0px 0px 20px 2px #6BFF94;
}

.elementor-14 .elementor-element.elementor-element-74e1385 .elementor-custom-embed-play svg{
	fill: #00000000 !important;
	opacity:unset;
    background: url('/wp-content/themes/astra-child/header/assets/img/play.png'), url('/wp-content/themes/astra-child/header/assets/img/playback.png');
    background-repeat: no-repeat, no-repeat;
    background-position: center;
    width: 120px;
    height: 120px;
}



ul {
	list-style-type: none;
	margin: 0;
}

.entry-content ul {
	margin-left: 1em;
}

p {
	margin-bottom: 0;
}
.home_titre_degrade{
    background: -webkit-linear-gradient(0.5turn, #FA8BFF, #FA8BFF, #2ad1ff, #2cff88, #2cff88);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.LedBleu:hover{
	background: rgb(8,174,234) !important;
	background: radial-gradient(circle, rgba(8,174,234,1) 0%, rgba(8,174,234,0) 100%);
	box-shadow:0px 0px 50px 20px #08AEEA;
}
.LedRose:hover{
	background: rgb(250,139,255) !important;
	background: radial-gradient(circle, rgba(250,139,255,1) 0%, rgba(250,139,255,0) 100%);
		box-shadow:0px 0px 50px 20px rgb(250,139,255);

}
.LedVert:hover{
	background: rgb(107,255,148) !important;
	background: radial-gradient(circle, rgba(107,255,148,1) 0%, rgba(107,255,148,0) 100%);
	box-shadow:0px 0px 50px 20px rgb(107,255,148);
}

.textespanrouge{
	    text-align: justify;
    color: #FFFFFF;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}

h2 .spanvert{
	font-size:40px;
}
.spaneventvert{
	font-size:23px;
	color:#6BFF94;
}
.spanvert{
	color: #6BFF94;
}
.spanrose{
	font-size:23px;
	color:#FA8BFF;
}
.spanrouge{
	color:#f00;
}
.spanblue{
	font-size:23px;
	color:#08AEEA;
}
#nf-label-field-9-0{
	color:white;
}


/* SECTION "Vos Evenements" */


.event1 div #LedEvent1{
  	transition: transform 0.5s, opacity 0.5s;
}

.event1:hover div #LedEvent1{
		transform: translate(100%,150%);
	    content:url('/wp-content/themes/astra-child/header/assets/img/Led/Event1Led.png');
}



.event2 div #LedEvent2{
  	transition: transform 0.5s, opacity 0.5s;
}

.event2:hover div #LedEvent2{
		transform: translate(-50%,-100%);
	    content:url('/wp-content/themes/astra-child/header/assets/img/Led/Event2Led.png');
}



.event3 div #LedEvent3{
  	transition: transform 0.5s, opacity 0.5s;
}

.event3:hover div #LedEvent3{
		transform: translate(-75%,20%);
	    content:url('/wp-content/themes/astra-child/header/assets/img/Led/Event3Led.png');
}


.event4 div #LedEvent4{
  	transition: transform 0.5s, opacity 0.5s;
}

.event4:hover div #LedEvent4{
		transform: translate(40%,-10%);
	    content:url('/wp-content/themes/astra-child/header/assets/img/Led/Event3Led.png');
}
.event5 div #LedEvent5{
  	transition: transform 0.5s, opacity 0.5s;
}

.event5:hover div #LedEvent5{
		transform: translate(100%,150%);
	    content:url('/wp-content/themes/astra-child/header/assets/img/Led/Event1Led.png');
}
.event6 div #LedEvent6{
  	transition: transform 0.5s, opacity 0.5s;
}

.event6:hover div #LedEvent6{
		transform: translate(-30%,-100%);
	    content:url('/wp-content/themes/astra-child/header/assets/img/Led/Event2Led.png');
}



.event1:hover div div div img{
    content:url('/wp-content/themes/astra-child/header/assets/img/Event/1.png');
	z-index:-1;
}
.event1 div div .elementor-widget-button {
  	opacity: 0;
	display:block;
	transform: translateY(-100%);
  	transition: transform 0.5s, opacity 0.5s;
}
.event1:hover div div .elementor-widget-button {
  opacity: 1;
  transform: translateY(0);
	display:block;
}

.event2:hover div div div img{
    content:url('/wp-content/themes/astra-child/header/assets/img/Event/2.png');
}
.event2 div div .elementor-widget-button {
  	opacity: 0;
	display:block;
	transform: translateY(-100%);
  	transition: transform 0.5s, opacity 0.5s;
}
.event2:hover div div .elementor-widget-button {
  opacity: 1;
  transform: translateY(0);
	display:block;
}


.event3:hover div div div img{
    content:url('/wp-content/themes/astra-child/header/assets/img/Event/3.png');
}
.event3 div div .elementor-widget-button {
  	opacity: 0;
	display:block;
	transform: translateY(-100%);
  	transition: transform 0.5s, opacity 0.5s;
}
.event3:hover div div .elementor-widget-button {
  opacity: 1;
  transform: translateY(0);
	display:block;
}


.event4:hover div div div img{
    content:url('/wp-content/themes/astra-child/header/assets/img/Event/4.png');
}
.event4 div div .elementor-widget-button {
  	opacity: 0;
	display:block;
	transform: translateY(-100%);
  	transition: transform 0.5s, opacity 0.5s;
}
.event4:hover div div .elementor-widget-button {
  opacity: 1;
  transform: translateY(0);
	display:block;
}

.event4:hover div div div img{
    content:url('/wp-content/themes/astra-child/header/assets/img/Event/4.png');
}
.event4 div div .elementor-widget-button {
  	opacity: 0;
	display:block;
	transform: translateY(-100%);
  	transition: transform 0.5s, opacity 0.5s;
}
.event4:hover div div .elementor-widget-button {
  opacity: 1;
  transform: translateY(0);
	display:block;
}

.event5:hover div div div img{
    content:url('/wp-content/themes/astra-child/header/assets/img/Event/5.png');
}
.event5 div div .elementor-widget-button {
  	opacity: 0;
	display:block;
	transform: translateY(-100%);
  	transition: transform 0.5s, opacity 0.5s;
}
.event5:hover div div .elementor-widget-button {
  opacity: 1;
  transform: translateY(0);
	display:block;
}


.event6:hover div div div img{
    content:url('/wp-content/themes/astra-child/header/assets/img/Event/6.png');
}
.event6 div div .elementor-widget-button {
  	opacity: 0;
	display:block;
	transform: translateY(-100%);
  	transition: transform 0.5s, opacity 0.5s;
}
.event6:hover div div .elementor-widget-button {
  opacity: 1;
  transform: translateY(0);
	display:block;
}
lottie-player{
	margin:auto;
}
dotlottie-player{
	margin:auto;
}


/* FIN SECTION "Vos Evenements" */
/* Début Section Before:After */

.LedBleu1:hover{
    content: url('/wp-content/themes/astra-child/header/assets/img/Led/Bleu.png');
}
.LastRose{
    width: 800px;
    height: 800px;
}
.LastRose div{
	align-content:center;
}
.LastRose:hover{
	    content: url('/wp-content/themes/astra-child/header/assets/img/Led/LastRose.png');
	transition: all 1s ease;
}
.LastVert{
    width: 750px;
    height: 750px;
}
.LastVert div{
	align-content:center;
}
.LastVert:hover{
	    content: url('/wp-content/themes/astra-child/header/assets/img/Led/LastVert.png');
	transition: all 1s ease;
}
.LastBleu{
    width: 475px;
    height: 475px;
}
.LastBleu div{
	align-content:center;
}
.LastBleu:hover{
	    content: url('/wp-content/themes/astra-child/header/assets/img/Led/LastBleu.png');
	transition: all 1s ease;
}
.FirstBleu{
    width: 475px;
    height: 475px;
}
.FirstBleu div{
	align-content:center;
}
.FirstBleu:hover{
	    content: url('/wp-content/themes/astra-child/header/assets/img/Led/FirstBleu.png');
	transition: all 1s ease;
}


#FirstViolet{
    width: 750px;
    height: 750px;
	left:77vw;
}
#FirstViolet div{
	align-content:center;
}
#FirstViolet:hover{
	    content: url('/wp-content/themes/astra-child/header/assets/img/Led/FirstViolet.png');
	transition: all 1s ease;
}

.nf-pass.field-wrap .nf-field-element:after{
	z-index:10;
}

.elementor-carousel-image:hover{
	box-shadow: 0px 0px 50px #144F34;

}


/* Responsive */
@media (max-width: 1100px ){
	
	.FirstBleu {display:none;}
	.LastVert {display:none;}
	.LastRose {display:none;}
	.LastBleu {display:none;}
	dotlottie-player{
		width:50%;
	}
	
}

@media only screen and (max-width: 1500px ){

	.FirstBleu {display:none;}
	#FirstViolet{ display:none;}
	.LastVert {display:none;}
	.LastRose {display:none;}
	.LastBleu {display:none;}
	#LedEvent1 {display:none;}
	#LedEvent2 {display:none;}
	#LedEvent3 {display:none;}
	#LedEvent4 {display:none;}
	#LedEvent5 {display:none;}
	#LedEvent6 {display:none;}
	
}
@media (max-width: 650px ){
	
	.elementor-element-787855a{
		overflow-x:hidden;
	}
	dotlottie-player{
		margin:auto;
		width:100%;
	}
	
}
@media (max-width: 200px ){
	
	.elementor-element-787855a{
		overflow-x:hidden;
	}
	.elementor-14 .elementor-element.elementor-element-f7cc74a .elementor-button{
		display:none;
	}
	lottie-player{
		width:30px;
		height:30px;
	}
	
}