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

/* GENERAL */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root{--ae-blue:#0093d1;--ae-blue-dark:#006ba9;--ae-blue-light:#28bbf9;--ae-navy:#001d30;--ae-grey:#f5f5f5;--ae-input:#f4f4f4;--ae-white:#fff;--ae-radius:50px;--ae-container:1240px;--ae-section:80px}
body{font-family:Roboto,sans-serif;font-weight:400;color:var(--ae-navy);background:var(--ae-white)}
h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif;font-weight:500;color:var(--ae-navy);text-transform:none}
h1{font-size:clamp(1.875rem,1.5536rem + 1.6071vw,3rem)}
h2{font-size:clamp(1.625rem,1.4107rem + 1.0714vw,2.375rem)}
h3{font-size:clamp(1.375rem,1.1786rem + .9821vw,2.0625rem)}
h4{font-size:clamp(1rem,.9286rem + .3571vw,1.25rem)}
p{font-size:clamp(.875rem,.8393rem + .1786vw,1rem)}
a{color:var(--ae-navy)}
a:hover,a:focus{color:var(--ae-blue-dark)}
.ae-btn{display:inline-block;background:var(--ae-blue);color:var(--ae-white);border:1px solid var(--ae-blue);border-radius:var(--ae-radius);padding:11px 31px;font-size:16px;text-transform:uppercase;text-decoration:none;transition:background .2s}
.ae-btn:hover,.ae-btn:focus{background:var(--ae-blue-dark);border-color:var(--ae-blue-dark);color:var(--ae-white)}
.ae-btn--secondary{background:transparent;color:var(--ae-blue)}
.ae-section--grey{background:var(--ae-grey)}

/* HEADER */
.ae-container{max-width:var(--ae-container);margin:0 auto;padding:0 1rem}
.ae-skip{position:absolute;left:-9999px;top:0;z-index:1000;background:var(--ae-navy);color:var(--ae-white);padding:.5rem 1rem}
.ae-skip:focus{left:1rem;top:1rem;color:var(--ae-white)}
.ae-header :focus-visible,.ae-footer :focus-visible{outline:2px solid var(--ae-blue-light);outline-offset:3px}
.ae-header{position:sticky;top:0;z-index:100;background:var(--ae-white);box-shadow:0 1px 0 rgba(0,29,48,.08)}
.admin-bar .ae-header{top:32px}
.ae-topbar{background:var(--ae-navy)}
.ae-topbar__inner{display:flex;justify-content:space-between;gap:1rem;padding-top:8px;padding-bottom:8px}
.ae-topbar p{margin:0;font-size:13px;line-height:1.4;color:var(--ae-white)}
.ae-header__inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:80px}
.ae-header__logo img{display:block;max-height:56px;width:auto;min-width: 160px}
.ae-sitename{font-size:20px;font-weight:500;color:var(--ae-navy);text-decoration:none}
.ae-nav{display:flex;align-items:center;gap:2rem}
.ae-menu{display:flex;gap:1.75rem;list-style:none;margin:0;padding:0}
.ae-menu li{position:relative}
.ae-menu a{display:block;padding:8px 0;font-weight:500;color:var(--ae-navy);text-decoration:none}
.ae-menu a:hover,.ae-menu a:focus,.ae-menu .current-menu-item>a,.ae-menu .current-menu-ancestor>a{color:var(--ae-blue)}
.ae-menu .sub-menu{position:absolute;top:100%;left:-1rem;min-width:220px;list-style:none;margin:0;padding:.5rem 0;background:var(--ae-white);border-radius:8px;box-shadow:0 8px 24px rgba(0,29,48,.12);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s}
.ae-menu li:hover>.sub-menu,.ae-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.ae-menu .sub-menu a{padding:8px 1rem;font-weight:400}
.ae-menu a,.ae-phone,.ae-btn{white-space:nowrap}
.ae-nav{gap:1.5rem}
.ae-menu{gap:1.5rem}
.ae-nav__actions{display:flex;align-items:center;gap:1.25rem}
.ae-phone{display:inline-flex;align-items:center;gap:.5rem;font-weight:500;color:var(--ae-navy);text-decoration:none;white-space:nowrap}
.ae-phone svg,.ae-header__call svg{width:18px;height:18px;fill:var(--ae-blue)}
.ae-header__call{display:none}
.ae-burger{display:none}
.ae-burger span,.ae-burger span::before,.ae-burger span::after{display:block;position:relative;width:24px;height:2px;background:var(--ae-navy);transition:transform .2s,background .2s}
.ae-burger span::before,.ae-burger span::after{content:"";position:absolute;left:0}
.ae-burger span::before{top:-7px}
.ae-burger span::after{top:7px}
.ae-burger[aria-expanded=true] span{background:transparent}
.ae-burger[aria-expanded=true] span::before{transform:translateY(7px) rotate(45deg)}
.ae-burger[aria-expanded=true] span::after{transform:translateY(-7px) rotate(-45deg)}


/* FOOTER */
.ae-footer{background:var(--ae-navy);color:var(--ae-white)}
.ae-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem;padding-top:64px;padding-bottom:48px}
.ae-footer p,.ae-footer li{font-size:15px;line-height:1.6;color:rgba(255,255,255,.8)}
.ae-footer ul{list-style:none;margin:0;padding:0}
.ae-footer li{margin-bottom:.5rem}
.ae-footer a{color:var(--ae-white);text-decoration:none}
.ae-footer a:hover,.ae-footer a:focus{color:var(--ae-blue-light)}
.ae-footer .ae-footer__title{margin:0 0 1rem;font-size:16px;font-weight:500;color:var(--ae-white)}
.ae-footer__zone strong{font-weight:500;color:var(--ae-white)}
.ae-footer .ae-btn,.ae-footer .ae-btn:hover,.ae-footer .ae-btn:focus{margin-top:.5rem;color:var(--ae-white)}
.ae-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:20px;padding-bottom:20px;border-top:1px solid rgba(255,255,255,.15)}
.ae-footer__bottom p,.ae-footer .ae-legal li{margin:0;font-size:13px}
.ae-legal{display:flex;flex-wrap:wrap;gap:1.5rem}


/* MEDIA QUERIES */
@media(max-width:1200px){
	.ae-footer__grid{grid-template-columns:1fr 1fr}
	.ae-topbar__zone{display:none}
	.ae-header__inner{gap:.5rem;min-height:68px}
	.ae-header__logo{margin-right:auto}
	.ae-header__call{display:flex;align-items:center;justify-content:center;width:44px;height:44px}
	.ae-header__call svg{width:22px;height:22px}
	.ae-burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}
	.ae-burger:hover,.ae-burger:focus{background:transparent}
	.ae-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:1rem;padding:1rem;background:var(--ae-white);box-shadow:0 12px 24px rgba(0,29,48,.12)}
	.ae-nav.is-open{display:flex}
	.ae-menu{flex-direction:column;gap:0}.ae-menu a{padding:12px 0;border-bottom:1px solid var(--ae-grey)}
	.ae-menu .sub-menu{position:static;min-width:0;padding:0 0 0 1rem;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none}
	.ae-nav__actions{flex-direction:column;align-items:stretch}
	.ae-nav__actions .ae-btn{text-align:center}}
}

@media(max-width:782px){
	.admin-bar .ae-header{top:46px}
}

@media(max-width:600px){
	.admin-bar .ae-header{top:0}
	.ae-footer__grid{grid-template-columns:1fr;padding-top:48px}
}


