body { font-family: system-ui, sans-serif; } h1 { font-size: 22px; } h2 { font-size: 21px; } h3 { font-size: 20px; } h4 { font-size: 19px; } h5 { font-size: 19px; } h6 { font-size: 18px; } @media (min-width: 769px) { header { background-color: #ffffff !important; min-height: 0px; } .header-wrapper { display: flex !important; justify-content: space-between !important; align-items: center !important; height: 0px; } header .site-logo img { max-height: -30px; width: auto; } .site-navigation { background-color: transparent !important; height: auto !important; } .main-menu { display: flex !important; justify-content: flex-end !important; height: auto !important; list-style: none; margin: 0; padding: 0; } .main-menu li a { color: #575757 !important; padding: 10px 20px !important; line-height: normal !important; display: block; text-decoration: none; font-weight: 500; } .main-menu li a:hover { background-color: #ffcc00 !important; color: #000 !important; } } @media (max-width: 768px) { header { background-color: #ffffff !important; min-height: auto !important; padding: 15px 0 !important; } .header-wrapper { display: block !important; text-align: center; } header .site-logo img { max-height: 60px !important; margin: 0 auto 15px; width: auto; } .desktop-logo { display: none !important; } .mobile-logo { display: block !important; margin: 0 auto; } .site-navigation { background-color: #e8e8e8 !important; height: auto !important; padding: 5px 0; } .main-menu { display: flex !important; flex-direction: column !important; height: auto !important; list-style: none; margin: 0; padding: 0; } .main-menu li a { color: #575757 !important; line-height: 3px !important; text-align: center; display: block; text-decoration: none; font-weight: 500; border-bottom: 1px solid rgba(255,255,255,0.1); } .main-menu li a:hover { background-color: #ffcc00 !important; color: #000 !important; } .content-wrapper { flex-direction: column !important; } .site-main, .site-main-full, .site-sidebar { flex: 1 1 100% !important; max-width: 100% !important; width: 100% !important; } .footer-widgets { grid-template-columns: 1fr !important; gap: 20px; } } .site-main, .site-main-full { background-color: #ffffff; } .site-main ul:not(.menu) { list-style: none; padding-left: 0; margin: 20px 0; } .site-main ul:not(.menu) li { position: relative; padding: 12px 0 12px 30px; border-bottom: 1px solid #f2f2f2; transition: all 0.3s ease; } .site-main ul:not(.menu) li::before { content: '\2713'; position: absolute; left: 0; color: #ffcc00; font-weight: bold; font-size: 18px; } .site-main ul:not(.menu) li:hover { padding-left: 38px; background-color: #fcfcfc; } .site-main ul:not(.menu) li:last-child { border-bottom: none; } footer { background-color: #383838 !important; } .site-sidebar .widget_nav_menu a { color: #a8a8a8; } .site-sidebar .widget_nav_menu a:hover { color: #e65100; } #nesScrollTop { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 22px; border: none; outline: none; cursor: pointer; padding: 10px 18px; border-radius: 4px; box-shadow: 0 2px 10px rgba(0,0,0,0.2); transition: all 0.3s; background-color: #ffcc00; color: #000; }