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

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

.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);
}

.hover_btn svg{
	width:32px !important;
}
.hover_btn span > span{
	    align-content: center !important;
}

.hover_btn a{
	position:relative;
}
.hover_btn a::before{
	position: absolute;
    content: '';
    background-image: url(/wp-content/uploads/2025/08/gg_chevron-right-o.svg);
    background-repeat: no-repeat;
    background-position: center;
    left: 7%;
    top: 10px;
    width: 32px;
    height: 32px;
  	transition: all 0.3s ease; /* animation fluide */
}
.hover_btn a:hover{
	padding: 16px 60px 16px 24px !important;
}
.hover_btn a:hover::before{
	position: absolute;
    content: '';
    background-image: url(/wp-content/uploads/2025/08/gg_chevron-right-o.svg);
    background-repeat: no-repeat;
    background-position: center;
	left:83%;
    top: 10px;
    width: 32px;
    height: 32px;
}




.hover_btn2 svg{
	width:32px !important;
}
.hover_btn2 span > span{
	    align-content: center !important;
}

.hover_btn2 a{
	position:relative;
}
.hover_btn2 a::before{
	position: absolute;
    content: '';
    background-image: url(/wp-content/uploads/2025/08/lets-icons_sign-in.svg);
    background-repeat: no-repeat;
    background-position: center;
    left: 7%;
    top: 10px;
    width: 32px;
    height: 32px;
  	transition: all 0.3s ease; /* animation fluide */
}
.hover_btn2 a:hover{
	padding: 16px 60px 16px 24px !important;
	color: ⁨⁨#FF3B00 !important;
	border:4px solid #FF3B00 !important;
}
.hover_btn2 a:hover::before{
	position: absolute;
    content: '';
    background-image: url(/wp-content/uploads/2025/08/sign.png);
    background-repeat: no-repeat;
    background-position: center;
	left:83%;
    top: 10px;
    width: 32px;
    height: 32px;
}




/*****************
 * 
 * Pseudo element
 * 
 * **************/



.img_pseudo_rond{
	position:relative;
}
.img_pseudo_rond img{
	position:relative;
	width:100%;
}
.img_pseudo_rond::before{
	position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2025/08/Ellipse-1.svg);
    width: 128px;
    height: 128px;
    flex-shrink: 0;
    bottom: 50px;
    right: -90px;
}
.pseudo_elt_a1{
	position:relative;
}

.pseudo_elt_a1::before {
    position: absolute !important;
    content: "" !important;
    background-image: url(/wp-content/uploads/2025/08/Vector.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
    width: 309px !important;
	height:832.964px !important;
    flex-shrink: 0 !important;
    top: unset !important;
    left: 0 !important;
    bottom: 0 !important;
}
.pseudo_elt_a2{
	position:relative;
}

.pseudo_elt_a2::before {
    position: absolute !important;
    content: "" !important;
    background-image: url(/wp-content/uploads/2025/08/Vector.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
    width: 309px !important;
	height:832.964px !important;
    flex-shrink: 0 !important;
    bottom: unset !important;
    left: 0 !important;
    top: 100px !important;
}


.pseudo_elt_rondvert{
	position:relative;
}
.pseudo_elt_rondvert::before{
	position: absolute !important;
    content: "" !important;
    width: 118px !important;
    height: 118px !important;
    flex-shrink: 0;
    bottom: unset !important;
    left: unset !important;
    right: 100px !important;
    border-radius: 118px !important;
    top: -50px !important;
    background-color: #5faa85;
}

/***************
 * 
 * Video Paralax Formation
 * 
 ***************/

.videoparalax > div{
	width:100%;
}


/****************
 *
 * Header Adhésion 
 * 
 ***************/

.Header-Adhesion{
	background-image: 
    linear-gradient(to right, 
      black 0%, 
      black 40%, 
      rgba(0,0,0,0) 60%),
    url("/wp-content/uploads/2025/09/d652f06573ad6c7563b55159e1e278b40fc907c1-scaled.jpg");

  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  background-color: black; /* fallback */
}


/*******************************
 * 
 * 
 * Accordéon
 * 
 * ****************************/

#accordeon ul {
	list-style-type:disc;
	margin-left:20px;
}


/*******************************
 * 
 * 
 * Studio
 * 
 * ****************************/


.BlocOverflow{
	overflow:hidden !important;
}
.grille-image2{position:relative;}
.grille-image2::before {
	content: '' !important;
    position: absolute !important;
    width: 657px !important;
    height: 657px !important;
    left: -127px !important;
    top: -63px !important;
    border-radius: 657px !important;
    background: #ECAE48 !important;
    z-index: 0 !important;
}

/*****************************************************************************
 * 
  _____                                 _           
 |  __ \                               (_)          
 | |__) |___  ___ _ __   ___  _ __  ___ ___   _____ 
 |  _  // _ \/ __| '_ \ / _ \| '_ \/ __| \ \ / / _ \
 | | \ \  __/\__ \ |_) | (_) | | | \__ \ |\ V /  __/
 |_|  \_\___||___/ .__/ \___/|_| |_|___/_| \_/ \___|
                 | |                                
                 |_|                                
 * 
 * 
 * **************************************************************************/

/*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) {

	.pseudo_elt_rondvert::before{
		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) {



}

/*RESPONSIVE*/