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

/*
--------------------------------------
réglages Astra
--------------------------------------
*/

body {
    overflow-x: unset !important;
}

.accueil{
	overflow: clip !important;
}


.ast-container {
  max-width: 100%;
  margin: unset;
  padding: unset;
}

.ast-separate-container #content .ast-container {
  padding: 0;
}

/*
--------------------------------------
custom Template
--------------------------------------
*/

.content-container {
  width: 100%;
}

/*
--------------------------------------
elements
--------------------------------------
*/

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

.entry-content ul {
  list-style-type: disc;
  margin-left: 1em;
}

p {
  margin-bottom: 0;
}

/*
--------------------------------------
btns
--------------------------------------
*/

.btn-primary {
  display: flex;
  align-items: center;
  background: var(--e-global-color-primary);
  font-family: var(--e-global-typography-primary-font-family), sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: var(--e-global-color-secondary);
  border: 1px solid var(--e-global-color-primary);
  line-height: 28px;
  height: 47px;
  padding: 12px 42px;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--e-global-color-secondary);
  color: var(--e-global-color-primary);
}

.btn-secondary {
  background-color: var(--e-global-color-primary);
  color: #fff;
  border: 2px solid var(--e-global-color-primary);
  padding: 4px 6px;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #fff;
  color: var(--e-global-color-114779e);
  border: 2px solid var(--e-global-color-primary);
}


/************************
 * 
 * Accueil 
 * 
 ************************/


.accueil{
	position:relative;
}
.accueil::after{
	position:absolute;
	width: 1660px;
	height: 100%;
	transform: rotate(-2deg);
	flex-shrink: 0;
	content:"";
	bottom:0;
	left:10%;
	right:0%;
	background-image:url('/wp-content/themes/bwa/assets/img/Accueil.svg');
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events:none;

}

.accueil-after{
	position:relative;
	overflow:hidden;
}

.accueil-after::before{
	position:absolute !important;
	width: 692px !important;
	height: 461px !important;
	flex-shrink: 0;
	content:"" !important;
	bottom:0 !important;
	background-image:url('/wp-content/uploads/2025/07/41576353_8918181-2.png') !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	pointer-events:none !important;
	animation: slideLeft 10s linear infinite !important;
	z-index:9 !important;
	opacity: 0.8 !important;
}

.accueil-after::after{
	position:absolute !important;
	width: 974px;
	height: 649px;
	flex-shrink: 0;
	content:"" !important;
	bottom:200px !important;
	background-image:url('/wp-content/uploads/2025/07/41578441_8918206-1.png') !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	pointer-events:none !important;
	animation: slideLeft2 13s  linear infinite !important;
	z-index:1 !important;
	opacity: 0.8 !important;
}


@keyframes slideLeft {
  0% {
    transform:translatex(100vw)
  }
  100% {
    transform:translatex(-100vw)
  }
}
@keyframes slideLeft2 {
  0% {
    transform:translatex(130vw)
  }
  100% {
    transform:translatex(-100vw)
  }
}



.img-clip_home{
	clip-path: polygon(
    0% 0%,        /* coin haut gauche */
    85% 0%,       /* haut - avant découpe coin supérieur droit */
    100% 20%,     /* découpe coin supérieur droit */
    100% 100%,    /* bas droite */
    20% 100%,     /* bas - avant découpe coin inférieur gauche */
    0% 75%        /* découpe coin inférieur gauche */
  )
  overflow: hidden;
}
.img-etudedecas{
	clip-path: polygon(
    0% 0%,        /* coin haut gauche */
    75% 0%,       /* haut - avant découpe coin supérieur droit */
    100% 20%,     /* découpe coin supérieur droit */
    100% 100%,    /* bas droite */
    15% 100%,     /* bas - avant découpe coin inférieur gauche */
    0% 85%        /* découpe coin inférieur gauche */
  );
}
.img-processus{
	clip-path: polygon(
    10% 0%,        /* début après découpe haut gauche */
    100% 0%,       /* haut droit */
    100% 90%,      /* avant découpe bas droit */
    93% 100%,      /* coin coupé bas droit */
    0% 100%,       /* bas gauche */
    0% 15%         /* coin coupé haut gauche */
  );
}


.pseudo_element1{
	position:relative;
}
.pseudo_element1::after{
	position:absolute !important;
	content:"";
	width: 433.17px;
	height: 480.17px;
	flex-shrink: 0;
	background-image:url('/wp-content/uploads/2025/07/Calque_1.png');
	background-position:center;
	background-repeat:no-repeat;
	top:5%;
	left:0;
	z-index:1;
}

.pseudo_element2{
	position:relative;
}
.pseudo_element2::after{
	position: absolute;
    content: "";
    width: 100%;
    height: 800px;
    top:-10%;
    left: 50%;
    border-radius: 1671px;
    background: radial-gradient(50% 45% at 50% 50%, #A3E635 0%, rgba(163, 230, 53, 0.00) 100%);
	z-index:2;
}




/*RESPONSIVE*/

/*phone*/
@media (max-width: 767px) {


}

/*tablet*/
@media (min-width: 768px) and (max-width: 1024px) {




}

@media (min-width: 1024px) and (max-width: 1025px) {



}


/*mobile and tablet*/
@media (max-width: 1024px) {

	
	.accueil-after::before{
		display:none !important;
		}

	.accueil-after::after{
		display:none !important;

	}

}


/*desktop*/
@media (min-width: 1025px) {


}

/*laptop 1 aka 150%*/
@media (min-width: 1024px) and (max-width: 1439px) {



}

/*laptop 2 aka 125%*/
@media (min-width: 1440px) and (max-width: 1700px) {

	.accueil-after h1{
		font-size:45px !important;
		line-height:50px !important;
	}

}

/*RESPONSIVE*/