:root{ --menu-color:#3b3b3b; --menu-active:#c74a4a; --menu-gap:22px; }
.main-navigation{ margin:8px 0 22px; }
.page-header .header-ft .main-navigation{ text-align:center; }
.page-header .header-ft .main-navigation .menu{ justify-content:center; }
@media(min-width:769px){
  .main-navigation .menu{ display:flex; flex-wrap:wrap; gap:var(--menu-gap); list-style:none; padding:0; margin:0; align-items:center; }
  .main-navigation .menu>li{ position:relative; }
  .main-navigation .menu>li>a{ text-decoration:none; color:var(--menu-color); font-weight:600; letter-spacing:.02em; padding:6px 0; border-bottom:2px solid transparent; transition:color .15s,border-color .15s; }
  .main-navigation .menu>li.current-menu-item>a,
  .main-navigation .menu>li.current-menu-ancestor>a,
  .main-navigation .menu>li>a:hover{ color:var(--menu-active); border-bottom-color:var(--menu-active); }
  .main-navigation .sub-menu{ position:absolute; left:0; top:100%; min-width:220px; background:#fff; border:1px solid rgba(0,0,0,.08); box-shadow:0 8px 16px rgba(0,0,0,.06); padding:8px 0; display:none; z-index:50; }
  .main-navigation li:hover>.sub-menu{ display:block; }
  .main-navigation .sub-menu li{ display:block; }
  .main-navigation .sub-menu a{ display:block; padding:9px 14px; color:#333; text-decoration:none; font-weight:500; border-bottom:0; white-space:nowrap; }
  .main-navigation .sub-menu a:hover{ background:rgba(0,0,0,.04); color:var(--menu-active); }
}
@media(max-width:768px){
  #site-navigation{ margin-top:8px; }
  .main-navigation .menu{ list-style:none; padding:0; margin:10px 0 0; }
  .main-navigation .menu>li{ margin:0 0 6px; }
  .main-navigation .menu>li>a{ display:inline-block; padding:8px 0; color:var(--menu-color); text-decoration:none; border-bottom:1px dotted rgba(0,0,0,.15); }
  .main-navigation .menu>li>a:hover{ color:var(--menu-active); border-bottom-color:var(--menu-active); }
  .main-navigation .sub-menu{ margin:6px 0 0 12px; padding-left:12px; border-left:2px solid rgba(0,0,0,.06); }
  .main-navigation .sub-menu a{ padding:6px 0; }
}