/* Custom CSS */

/* Example: Override main section background color. */
/* body .jupiterx-main {
    background-color: gray;
} */
.elementor p a {text-decoration:underline;}
.elementor-button-content-wrapper {align-items:center;}
.jet-listing .elementor-button-icon svg {
width: 1.8em!important;
}
.elementor-button-icon svg {
width: 1.4em!important;
}
.page-id-54 .fontarticle .elementor-button-text{
	font-size:22px;
	font-weight:400
}
.jupiterx-main-content{
	padding:0px !important
}
ul.jupiterx-post-meta.list-inline{
	display:none !important
}
footer .underlinea a{
	text-decoration:underline
}
.jet-mobile-menu__container-inner{
	    justify-content: space-between !important;
}
.jet-mobile-menu__controls{
	    position: absolute;
    left: 20px;
    top: 30px;
}
.jet-mobile-menu__item{
	align-items:center !important
}
.jet-mobile-menu .jet-dropdown-arrow{
	    position: relative !important;
    left: 10px;
	color:#784F29 !important
}
.jet-mobile-menu__container {
    width: 100%;
}
.icomenu  svg{
	width:1.6em !important;
}
.icomenu .elementor-button-content-wrapper{
	gap:15px;
	align-items: center;
}
.icomenu a:after{
content: "";
    background: url(https://www.audoisedesbois.fr/wp-content/uploads/2026/04/fleche-iere.png);
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    top: calc(50% - 10px);
    background-size: contain;
    transform: rotate(180deg);
}
div#jupiterx-primary{
	padding:0 !important
}
.fondrond .elementor-icon{
	    background: #EFEAE4;
    padding: 15px;
    border-radius: 50px;
}
.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container__inner{
	background : #FEFCF5 !important;
	border-radius: 0 0 25px 25px !important
}
.btn-botborder a .raven-cta__button:after{
	content:"";
	height:2px;
	width:0px;
	position:absolute;
	bottom:0;
	left:0;
	background:#fefcf5;
	transition:width 0.5s ease-in-out 
}
.btn-botborder a .raven-cta__button{
	position:relative;
	padding:13px 0 !important
}
.home .raven-cta__content:before{
    content: "";
    background: linear-gradient(360deg, #0000003d, transparent)
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.btn-botborder a:hover .raven-cta__button:after{
		content:"";
	height:2px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background:#fefcf5;
	transition: width 0.5s ease-in-out 
}
.parent-pageid-132 .elementor-swiper-button {background-color: white;
  border-radius: 5px;}
/******* formulaire de contact *****/
#formulaire-responsive {
    max-width:800px ;
    margin:0 auto;
}
.search-results #jupiterx-main{
	max-width:1280px;
	margin:0 auto;
}


.demi-colonne, .colonne {
    float: left;
    position: relative;
    padding: 0 10px;
    width:100%;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    background: #fff;
    border: 1px solid;
    margin-top: 5px;
    padding: 13px 16px 13px 26px;
    border-radius: 50px;
    font-family: 'Google Font';
    font-size: 15px;
}
 textarea.wpcf7-form-control.wpcf7-textarea{
    border-radius: 10px;
    border: 1px solid;
    font-family: 'Google Font';
 }
#formulaire-responsive p {
    font-family: 'Google Font';
    font-weight: 500;
    color: #19130D;
}
#formulaire-responsive .envoyer p {
    text-align-last: center;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 180px !important;
    background: #910731;
    border: 0;
    font-family: 'Google Font';
    cursor: pointer;
    font-size: 18px;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: 85% 50%;
    padding: 13px 19px;
    color: #fff;
    letter-spacing: 2.4px;
    margin: 0 auto;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
 transform: scale(1.08);
 transition: all .2s ease-in-out;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder,.wpcf7-form-control-wrap textarea::placeholder{
     font-family: 'Google Font'
    color: #19130D;
    opacity: 96%;
	font-size:15px !important
}
select.wpcf7-form-control.wpcf7-select{
	width: 100%;
    padding: 10px;
    background: none;
    border: 0;
    border-bottom: 1px solid #707070;
}

.wpcf7-turnstile {width:300px; display:block; margin:0 auto;}

/* Bouton Contact Form 7 - Style Audoise des Bois */
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #8F1D22; /* bordeaux */
    color: #ffffff;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.02em;
    padding: 14px 52px 14px 28px;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    text-decoration: none;
	background-image: url('https://www.audoisedesbois.fr/wp-content/uploads/2026/05/fleche3.svg');
    background-repeat: no-repeat;
    background-size: 26px 26px;
    background-position: right 24px center;
}

/* Hover */
.wpcf7-submit:hover {
    background-color: #5e0c27;
    transform: scale(1.02);
}

/* Focus accessibilité */
.wpcf7-submit:focus {
    outline: 3px solid #7D1035;
    outline-offset: 3px;
}


/**---------------- Media query ----------------**/
@media only screen and (min-width: 1024px) { 
    .demi-colonne {
        width: 50%;
    }
}
@media all and (max-width: 768px){
	.change-fixed-respon{
		position:fixed !important;
		top:150px;
		right:0
	}
}