/* Keep GeneratePress's native keyboard, dropdown, and mobile controls. */
.site-header { background: #fff; border-bottom: 1px solid #e5e9eb; }
.site-header .inside-header { padding: 24px 30px; gap: 28px; }
.site-header .site-logo img { width: 250px; height: auto; }
#site-navigation { background: #fff; }
#site-navigation .main-nav ul li a,
#site-navigation .menu-toggle { color: #31383c; font-size: 15px; font-weight: 600; }
#site-navigation .main-nav > ul > li > a { padding-left: 13px; padding-right: 13px; line-height: 54px; }
#site-navigation .main-nav ul li > a:hover,
#site-navigation .main-nav ul li > a:focus,
#site-navigation .main-nav ul li.sfHover > a,
#site-navigation .main-nav ul li[class*="current-menu-"] > a { color: #157c94; background: #f1f7f8; }
#site-navigation a:focus-visible,
#site-navigation button:focus-visible { outline: 2px solid #157c94; outline-offset: -3px; }
#site-navigation .main-nav ul ul { width: 250px; background: #fff; border-top: 3px solid #1f9ab6; box-shadow: 0 8px 24px #15384422; }
#site-navigation .main-nav ul ul li a { font-size: 14px; font-weight: 400; padding: 13px 18px; line-height: 1.5; }
#site-navigation .main-nav > ul > li:last-child > ul { left: auto; right: 0; }
@media (max-width: 768px) {
    .site-header .inside-header { padding: 18px 20px; gap: 16px; }
    .site-header .site-logo img { max-width: 220px; }
    #site-navigation .main-nav > ul > li > a { line-height: 48px; }
    #site-navigation .main-nav ul ul { width: 100%; box-shadow: none; border-top: 0; background: #f6f9fa; }
}