Welcome to Astra Starter Templates. This is your first post. Edit or delete it, then start blogging!
/* ========================================================= HEADER FAMI ========================================================= */
.fami-header-brand{ display:flex !important; align-items:center !important; gap:14px !important; height:88px !important; margin:0 !important; padding:0 !important; text-decoration:none !important; border:0 !important; box-shadow:none !important; }
.fami-header-brand img{ display:block !important; width:105px !important; height:58px !important; max-width:105px !important; max-height:58px !important; object-fit:contain !important; margin:0 !important; padding:0 !important; border:0 !important; box-shadow:none !important; }
.fami-header-tagline{ color:#777 !important; font-size:16px !important; font-weight:500 !important; line-height:1.4 !important; white-space:nowrap !important; }
/* ========================================================= MENU ========================================================= */
.fami-header-nav{ display:flex !important; align-items:center !important; justify-content:center !important; gap:42px !important; width:100% !important; height:88px !important; margin:0 !important; padding:0 !important; }
.fami-nav-link{ display:flex !important; align-items:center !important; justify-content:center !important; height:88px !important; margin:0 !important; padding:0 !important;
color:#111 !important;
font-size:14px !important; font-weight:700 !important; letter-spacing:1.2px !important;
text-transform:uppercase !important; text-decoration:none !important;
background:transparent !important; border:0 !important; box-shadow:none !important;
white-space:nowrap !important;
transition:color .25s ease !important; }
.fami-nav-link:hover{ color:#c40025 !important; }
/* ========================================================= SERVICES + SOUS-MENU ========================================================= */
.fami-nav-dropdown{ position:relative !important; display:flex !important; align-items:center !important; height:88px !important; }
.fami-services-link{ gap:8px !important; }
.fami-dropdown-arrow{ color:#c40025 !important; font-size:8px !important; transition:transform .25s ease !important; }
/* SOUS-MENU */
.fami-dropdown-menu{ position:absolute !important;
top:78px !important; left:50% !important;
transform:translateX(-50%) translateY(10px) !important;
width:285px !important;
padding:8px 0 !important;
background:#fff !important;
border:1px solid rgba(0,0,0,.10) !important;
box-shadow:0 18px 45px rgba(0,0,0,.12) !important;
opacity:0 !important; visibility:hidden !important; pointer-events:none !important;
transition: opacity .25s ease, visibility .25s ease, transform .25s ease !important;
z-index:999999 !important; }
.fami-dropdown-menu a{ display:block !important;
width:100% !important;
padding:15px 20px !important;
color:#111 !important;
font-size:11px !important; font-weight:700 !important;
line-height:1.4 !important;
text-decoration:none !important;
background:#fff !important;
border:0 !important;
box-shadow:none !important;
transition: color .2s ease, background .2s ease, padding-left .2s ease !important; }
.fami-dropdown-menu a:hover{ color:#fff !important;
background:#a00020 !important;
padding-left:25px !important; }
/* OUVRIR SOUS-MENU */
.fami-nav-dropdown:hover .fami-dropdown-menu{ opacity:1 !important;
visibility:visible !important;
pointer-events:auto !important;
transform:translateX(-50%) translateY(0) !important; }
.fami-nav-dropdown:hover .fami-dropdown-arrow{ transform:rotate(180deg) !important; }
/* ========================================================= SUPPRIMER EFFETS ASTRA ========================================================= */
.fami-header-nav a::before, .fami-header-nav a::after, .fami-header-nav a:hover::before, .fami-header-nav a:hover::after{ content:none !important; display:none !important; }
/* ========================================================= MOBILE ========================================================= */
@media(max-width:900px){
.fami-header-brand{ justify-content:center !important; height:78px !important; }
.fami-header-brand img{ width:105px !important; height:55px !important; }
.fami-header-tagline{ display:none !important; }
.fami-header-nav{ display:none !important; }
}
Welcome to Astra Starter Templates. This is your first post. Edit or delete it, then start blogging!