/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.grecaptcha-badge {
	 visibility: hidden!important;
}

.home-big-h1{
    font-size: 48px;
}

.elementor-widget-text-editor ul li::marker{
    color: var(--Vert);
}
.elementor-widget-text-editor ul{
    /*list-style: circle;*/
    margin-bottom: 18px;
    padding-left: 25px;
}
.elementor-widget-text-editor ul li/*:not(:last-child)*/{
    margin-bottom: 8px;
}


/*SINGLE POST TEMPLATE-----------------*/
.side-recent-post .elementor-post__text{
    display: flex;
    justify-content: center;
}
.cta-img{
    padding-top: 15px;
    margin: 30px 0 -12px 0;
}
.cta-img img{
    max-height: 350px;
    object-fit: cover;
}

.cta-btn{
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: .6px;
    margin-top: -35px !important;
    margin-bottom: 35px !important;
}

.cta-btn a{
    transition: .3s;
    padding-bottom: 11px!important;
}
.cta-btn a:hover{
    background-color: var(--e-global-color-text)!important;
}
/*BLOG SINGLE POST / ARTICLE */


@media (min-width:768px){
	.contenu-blog h2{
		font-size: 30px;
		line-height: 32px;
	}

	.contenu-blog h3{
		font-size: 22px;
		line-height: 26px;
	}
}

.contenu-blog h3{
	color: var(--Bleu);
}

.contenu-blog h2,
.contenu-blog h3,
.contenu-blog h4,
.contenu-blog h5,
.contenu-blog h6{
    margin-top: 45px;
}

.contenu-blog h2 + h3,
.contenu-blog h3 + h4,
.contenu-blog h4 + h5,
.contenu-blog h5 + h6{
	margin-top: 0;
}

.contenu-blog ul{
	margin-bottom: 15px;
}
.contenu-blog ul li{
	margin-bottom: 10px;
}
.contenu-blog ul li:marker{
	color: #ff7031;
}

.contenu-blog .texte-en-avant p,
.contenu-blog .lire-aussi p{
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: unset;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 20px 30px 20px 30px;
    border-radius: 0 15px 15px 0;
    box-shadow: 0px 0px 40px -25px rgb(0 0 0 / 50%);
    background: #ffffff;
    border-left: 2px solid var(--Vert);
}

.contenu-blog .texte-en-avant p{
	border: none;
	border-radius: 15px;
	margin-bottom: 15px;
    margin-top: 15px;
	color: #fff;
	background-color: var(--Bleu);
}


.contenu-blog .cta-blog {
	margin: 30px 0;
}
.contenu-blog .cta-blog .wp-block-button{
	margin-top: -50px;
}
.contenu-blog .cta-blog .wp-block-button a{
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
	transition: .3s;
}
.contenu-blog .cta-blog img{
	max-height: 200px;
    object-fit: cover;
    /*filter: grayscale(1);*/
    position: relative;
    z-index: -1;
    transition: .3s;
}
/*.contenu-blog .cta-blog:hover img{
	filter: grayscale(.1);
}*/
.contenu-blog .cta-blog .wp-block-button a:hover{
    background-color: #002e35!important;
}


/*MENU--------------------------------*/

/*Open button*/
.custom-menu-button{
	width: 30px;
	display: flex;
    position: relative;
	flex-direction: column;
	gap: 6px;
}
.custom-menu-button span.bar{
	width: 100%;
	height: 2px;
	background-color: #000;
	transition: 0;
}

/*Open button hover animation*/
/*
.menu-custom-open:hover .bar.n1{
	transform: rotate(0deg) translateY(8px);
	transition: .3s ease-in-out;
}
.menu-custom-open:hover .bar.n2{
	transform: rotate(0deg) translateY(8px);
	transition: .3s ease-in-out;
}
.menu-custom-open:hover .bar.n3{
	transform: rotate(180deg) translateY(16px);
	transition: .3s ease-in-out;
}*/

/*Close button*/
.custom-menu-button.close{
    min-height: 30px;
}
.custom-menu-button.close .bar{
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
}
.custom-menu-button.close .bar.n1{
	transform: rotate(45deg);
}
.custom-menu-button.close .bar.n2{
	transform: rotate(135deg);
}



/*Formulaire commande*********************/

.newsletters .sib_signup_box_inside_1 p {
    font-size: 13px;
}

.fc2{
    max-width: 100%!important;
}

.fc2 p, .fc2 label, .fc2 input, .fc2 textarea, .fc2-ac-nom, .fc2-ac-tranche, .fc2-ac-pop, .fc2-option-label, #fc2-rappel-txt, select, .fc2-ac-empty{
    font-family: var(--e-global-typography-text-font-family)!important;
    font-size: var(--e-global-typography-text-font-size)!important;
}

.fc2 p {
    text-align: center;
}

.fc2-comp-counter{
    font-family: var(--e-global-typography-text-font-family)!important;
    font-size: 12px!important;
}

.fc2-group {
    margin-bottom: 2rem!important;
}


.fc2-total p{
    color:#fff!important;
}

.fc2-prix-bloc{
    margin: 3em 0!important;
}

.fc2 h2{
    font-family: var(--e-global-typography-text-font-family)!important;
    font-weight:400!important;
    font-size:28px!important;
    text-align :center!important;
}

.fc2-formule-detail{
    font-weight:400!important;
}

button, [type=submit]{
    font-family: var(--Boutons)!important;
    font-size : 16px!important;
    font-weight: 500!important;
    text-transform: uppercase  !important;
    border-radius: 18px!important;
    background-color: var(--Bleu)!important;
    border-color: var(--Bleu)!important;
    color:#fff!important;
}

button:hover{
    background-color: var(--Vert)!important;
    border-color: var(--Vert)!important;
    color:#fff!important;
}

#fc2-formule-hint {
    font-size: 14px !important;
}

#fc2-form p {
    text-align: left!important;
}

label{
    line-height: 22px!important;
}



/*Formulaire contact********************************/

#short-contact-form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#short-contact-form p:nth-child(1), #short-contact-form p:nth-child(2), #short-contact-form p:nth-child(3), #short-contact-form p:nth-child(4), #short-contact-form p:nth-child(5), #short-contact-form p:nth-child(6){
	width: 48%;
    display: inline-block;
}

#short-contact-form p:nth-child(7), #short-contact-form p:nth-child(8){
    width:100%;
}

input[type=email], input[type=text], select, textarea, input[type=tel]{
	width: 100%;
	background-color:#ffffff;
    color: #000;
    border: 1.5px solid #c5cfe0;
    border-radius: 10px;
    padding: 0.5rem 1rem;
    transition: all .3s;
	font-weight: 300;
	padding: 15px;
    margin-bottom: 20px;
	outline : none;
	font-size : 14.5px;
	font-family : var(--e-global-typography-text-font-family);
}


a.politique-lien{
	color: var(--e-global-color-accent)!important;
    font-size: 13px;
}

select {
	color: #676767;
}

.checkbox-contact {
	font-family : var(--e-global-typography-text-font-family);
	font-size: 13px;
	font-weight : 400;
    color: #a9a9a9;
}



.wpcf7 form.sent .wpcf7-response-output{
	border-color: none;
	color:#ffffff!important;
}
     

.wpcf7 form.sent .wpcf7-response-output {
    border: none;
    padding: 0;
    margin: 30px 0;
    font-weight: 500;
    color: #000;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    border-color: var(--Bleu);
    border-radius: 10px;
}


/* COOKIES */
/*Cookies - Complianz*/
#cmplz-manage-consent .cmplz-btn.cmplz-manage-consent{
    overflow: hidden;
    color: #01061900 !important;
}

.cmplz-banner-checkbox label:before{
    box-shadow: none!important;
}
.cmplz-manage-consent::before {
   /* font-family: "Font Awesome 5 Free";
    font-weight: 900;  
    content: "\f564";*/
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    color: white;

}
#cmplz-manage-consent .cmplz-manage-consent {
    bottom: 30px !important;
    left: 30px !important;
    border-radius: 100% !important;
    color: #010619 !important;
    background: #010619 !important;
    padding: 15px 15px 15px 15px !important;
    min-width: unset !important;
    width: 45px;
    height: 45px !important;
    padding: 0 !important;
    background-image: url(https://finances-communes.fr/wp-content/uploads/2026/04/cookie.png) !important;
    background-position: center;
    background-repeat: no-repeat !important;
}
#cmplz-cookies-overview{
    background-color: #fff;
}
@media screen and (min-width: 768px) and (max-width: 1024px){
    #cmplz-manage-consent .cmplz-manage-consent {
        bottom: 45px !important;
        left: 15px !important;
    }
}@media screen and (max-width: 768px){
    #cmplz-manage-consent .cmplz-manage-consent {
        bottom: 15px !important;
        left: 15px !important;
    }
}
.cmplz-show-banner.elementor-widget-button a:hover{
    cursor: pointer;
    background-color: var(--e-global-color-primary);
} 



@media (max-width:768px){
    .fc2-formules{
        display: flex!important;
        flex-direction: column;
    }

     #short-contact-form p:nth-child(1), #short-contact-form p:nth-child(2), #short-contact-form p:nth-child(3), #short-contact-form p:nth-child(4){
	    width: 100%!important;
    }

    span.wpcf7-form-control-wrap{
    	display: flex;
    	flex-direction: column;
	}

	input[type=email], input[type=text], select, textarea{
		width:auto;
	}

    .elementor .btn{
        display:block;
    }

    #btn-header{
        display:none;
    }

    .fc2-form{
        padding:1em!important;
    }

}