/*
Theme Name: Hello Elementor Enfant
Description: Theme enfant de Hello Elementor. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: WPMarmite
Author URI: https://wpmarmite.com
Template: hello-elementor
Version: 1.0
*/

/*colors*/
/* bleu : #0073BD */
/* orange : #EF7B00 */

/*GENERAL*/
h2 {line-height: 48px!important}
section > .elementor-container.elementor-column-gap-default {max-width: 1180px!important}
.e--pointer-underline .elementor-item:after {display: none}
/*bg dégradé*/
#bg-degrade-bleu {background: linear-gradient(360deg, #1D71B8 3.72%, #1D71B8 28.35%, #009FE3 115.71%)}
/*titres*/
h1.elementor-heading-title, h2.elementor-heading-title {letter-spacing: -2px!important}
.elementor-heading-title {display: inline-block;position: relative}
.bottom-orange .elementor-heading-title::after {content: '';width: 290px;display: block;height: 5px;background-color: #EF7B00;position: absolute;left: 0;bottom: -1rem}
.center .elementor-heading-title::after {position: relative;width: 100%}
/*cta*/
a.elementor-button-link {padding: 17px 12px;min-width: 240px!important;height: auto;border-radius: 30px}
a#degrade-bleu {background: linear-gradient(90deg, #1D71B8 17.5%, #1D71B8 34.41%, #009FE3 94.38%)}
a#degrade-bleu-center {background: linear-gradient(90deg, #1D71B8 17.5%, #1D71B8 34.41%, #009FE3 94.38%);margin: auto;display: block;width: fit-content}
a#degrade-orange {background: linear-gradient(270deg, #FCEA10 -6.56%, #EE7203 54.74%, #EE7203 88.39%)}
a#degrade-orange-center {background: linear-gradient(270deg, #FCEA10 -6.56%, #EE7203 54.74%, #EE7203 88.39%);margin: auto;display: block;width: fit-content}
/*image*/
#haut-droit-orange::after {content: '';background: url("/wp-content/uploads/2025/07/vector-orange.png");position: absolute;top: 0;right: 0;width: 242px;height: 129px;display: block}

/*HEADER*/
#header > div {max-width: 1280px!important}
#menu-header a.has-submenu:hover, #menu-header a.has-submenu:has(+ ul.sub-menu:hover) {text-decoration: underline;text-decoration-color:#EE7203;text-underline-offset: 5px; text-decoration-thickness: 3px}
ul.sub-menu, ul.sub-menu > li:last-child {border-bottom-left-radius: 20px;border-bottom-right-radius: 20px}
ul.sub-menu > li:last-child {border-bottom: 5px solid #EE7203}
ul.sub-menu > li a:hover {border-bottom-left-radius: 15px;border-bottom-right-radius: 15px}

/*HOMEPAGE*/
em.chiffre {color: #EE7203;font-family: 'Open Sans';font-size: 40px;font-weight: 700;font-style: normal;display: block;text-align: center}


/*ASSOCIATION*/
#faq em, #droits-libertes em {color:#EF7B00;font-size: 40px;font-style: normal;margin-right: 1rem}
#faq .elementor-toggle-item {margin-bottom: 2rem}
#faq .elementor-tab-content, #faq .elementor-tab-title {border-bottom-left-radius: 20px;border-bottom-right-radius: 20px}
#faq .elementor-toggle-icon svg {height: 2em;width: 2em}
#faq .elementor-toggle-icon-right {margin-right: 1rem;margin-top: .5rem}

/*SIEGE SOCIAL ETABLISSEMENTS SERVICES*/
#siege-social .wpgb-masonry {display: flex;justify-content: center}
#siege-social .wpgb-masonry > article {position: relative}

/*OFFRES*/
#contact-offre .wpcf7-form-control-wrap {display: block;margin-bottom: 3rem}
#contact-offre form br {display: none}
#contact-offre label.piece-jointe {color: white;display: block}
#contact-offre span[data-name="piece-jointe"] {margin-top: 1rem;display: block;background: white;border: 1px solid #666;border-radius: 3px}
#contact-offre span[data-name="your-message"] {margin-bottom: 1rem}
#contact-offre .wpcf7 input[type="file"] {padding: .5rem 1rem}
#contact-offre input[type="submit"] {background: linear-gradient(270deg, #FCEA10 -6.56%, #EE7203 54.74%, #EE7203 88.39%);padding: 17px 12px;min-width: 240px!important;height: auto;border-radius: 30px;font-family: "Open Sans", Sans-serif;
font-size: 16px;font-weight: 700;text-transform: uppercase;color: white!important;border: none}
/*unique*/
#contact-offre.unique label.piece-jointe {color: #0073BD}
#contact-offre.unique input, #contact-offre.unique span[data-name="piece-jointe"], #contact-offre.unique textarea {border-color: #0073BD;color: #0073BD}
#contact-offre input::placeholder, #contact-offre textarea::placeholder {color: #0073BD}
#contact-offre.partenaires {}

/*ARTICLES*/
section.elementor-section #article h2 {font-family: "Quicksand", Sans-serif;font-size: 40px;font-weight: 700;color: #0073BD;letter-spacing: -2px !important;margin-top: 3rem}

/*CONTACT*/
.wpcf7 form.sent .wpcf7-response-output {color: white;background: #46b450}
#faq-contact .elementor-tab-title {padding: 15px 0}
#contact-offre .menu-service {color: white;margin-bottom: 1rem}

/*FOOTER*/
#site-footer {display: none}
#footer-droite a:hover {text-decoration: underline}
.subfooter img {max-width: 190px!important}
.subfooter p {margin-bottom: 0}


@media (max-width: 767px) {
	h1.elementor-heading-title {font-size: 50px!important}
	h2.elementor-heading-title {font-size: 40px!important}
}