/* ═══ Herald Meetings — Global Theme (header, footer, inner pages) ═══
   Matches the redesigned homepage: navy #1E3A5F, blue #2563EB, green #43A047, gold #FCD34D
   Crimson Pro headings, Atkinson Hyperlegible body. Loaded after style.css/responsive.css. */
:root {
  --hm-navy: #1E3A5F; --hm-navy-dark: #0B1729; --hm-blue: #2563EB;
  --hm-green: #43A047; --hm-green-dark: #388E3C; --hm-gold: #FCD34D;
  --hm-ink: #0F172A; --hm-muted: #475569; --hm-line: #CBD5E1; --hm-soft: #F8FAFC;
}
body { font-family: 'Atkinson Hyperlegible', -apple-system, 'Segoe UI', Arial, sans-serif !important; color: var(--hm-ink); background: var(--hm-soft); }
body p, body li, body span, body label, body input, body select, body textarea, body button { font-family: 'Atkinson Hyperlegible', -apple-system, 'Segoe UI', Arial, sans-serif; }
h1, h2, h3, h4, h5 { font-family: 'Crimson Pro', Georgia, serif !important; color: var(--hm-navy); text-transform: none; letter-spacing: 0; }
a { transition: color 200ms ease; }
.hm-header .header-area { background: var(--hm-navy-dark) !important; padding: 7px 0; }
.hm-header .header-text span { color: rgba(255,255,255,0.75) !important; font-size: 13px; }
.hm-header .header-text i { color: var(--hm-gold) !important; margin-right: 6px; }
.hm-header .header-wraaper { text-align: right !important; }
.hm-header .main-menu-area { background: #fff !important; border-bottom: 1px solid var(--hm-line); box-shadow: none; }
.hm-header .main-menu-area.sticky, .hm-header #sticky-header.sticky { box-shadow: 0 2px 16px rgba(15,23,42,0.08); }
.hm-header .logo { padding: 6px 0; }
.hm-header .logo img { width: auto !important; height: 64px !important; object-fit: contain; }
.hm-header .main-menu nav > ul > li > a { font-family: 'Atkinson Hyperlegible', sans-serif !important; font-size: 14px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--hm-navy) !important; padding: 30px 0 !important; position: relative; }
.hm-header .main-menu nav > ul > li { margin-left: 26px; }
.hm-header .main-menu nav > ul > li > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 22px; height: 2px; background: var(--hm-green); transform: scaleX(0); transition: transform 200ms ease; }
.hm-header .main-menu nav > ul > li:hover > a, .hm-header .main-menu nav > ul > li.active > a { color: var(--hm-green) !important; }
.hm-header .main-menu nav > ul > li:hover > a::after, .hm-header .main-menu nav > ul > li.active > a::after { transform: scaleX(1); }
.hm-header .main-menu ul li .sub-menu { background: #fff !important; border: 1px solid var(--hm-line) !important; border-top: 3px solid var(--hm-green) !important; border-radius: 0 0 8px 8px; box-shadow: 0 10px 30px rgba(15,23,42,0.08) !important; padding: 8px 0 !important; min-width: 230px; }
.hm-header .main-menu ul li .sub-menu li a { color: var(--hm-navy) !important; font-size: 14px !important; font-weight: 400 !important; text-transform: none !important; padding: 9px 18px !important; background: transparent !important; }
.hm-header .main-menu ul li .sub-menu li:hover > a, .hm-header .main-menu ul li .sub-menu li.active > a { color: var(--hm-green) !important; background: var(--hm-soft) !important; }
.hm-header .mean-container .mean-bar { background: var(--hm-navy) !important; }
.hm-header .mean-container .mean-nav ul li a { font-family: 'Atkinson Hyperlegible', sans-serif !important; color: #fff !important; text-transform: none !important; border-top-color: rgba(255,255,255,0.1) !important; }
.hm-header .mean-container .mean-nav { background: var(--hm-navy) !important; }
.slider-area .single-slider { background: linear-gradient(160deg, #0B1729 0%, #1E3A5F 55%, #1A4F8B 100%) !important; height: auto !important; min-height: 0 !important; padding: 56px 0 50px !important; }
.slider-area .breadcrumb-text h1, .slider-area .breadcrumb-text h2 { font-family: 'Crimson Pro', Georgia, serif !important; font-size: 38px !important; font-weight: 700 !important; color: #fff !important; text-transform: none !important; margin: 0 !important; line-height: 1.2 !important; }
.slider-area .breadcrumb-text h1::after { content: ""; display: block; width: 56px; height: 3px; background: var(--hm-gold); margin: 14px auto 0; border-radius: 2px; }
.upcoming-events-area, .gallery-area, .contact-area, .gray-bg { background: var(--hm-soft) !important; background-image: none !important; }
.upcoming-events-area { padding-top: 50px !important; padding-bottom: 70px !important; }
.contact-area { padding-top: 50px !important; }
.upcoming-events-wrapper, .speaker-block-three .inner-box { background: #fff !important; border: 1px solid var(--hm-line) !important; border-radius: 8px !important; overflow: hidden; transition: box-shadow 200ms ease, border-color 200ms ease; height: calc(100% - 30px); margin-bottom: 30px !important; }
.upcoming-events-wrapper:hover, .speaker-block-three .inner-box:hover { border-color: var(--hm-green) !important; box-shadow: 0 4px 20px rgba(0,0,0,0.06); }
.upcoming-events-img img, .speaker-block-three .image-box img { border: 0 !important; border-bottom: 1px solid #E9EEF5 !important; border-radius: 0 !important; width: 100%; box-shadow: none !important; }
.upcoming-events-text, .speaker-block-three .info-box { padding: 16px 18px 18px !important; }
.upcoming-events-text h4, .upcoming-events-text h4 a, .speaker-block-three h4, .speaker-block-three h4 a { font-family: 'Crimson Pro', Georgia, serif !important; font-size: 18px !important; font-weight: 600 !important; text-transform: capitalize !important; color: var(--hm-navy) !important; line-height: 1.35 !important; letter-spacing: 0 !important; }
.upcoming-events-text h4 a:hover, .speaker-block-three h4 a:hover { color: var(--hm-green) !important; }
.upcoming-events-meta, .upcoming-events-meta span, .upcoming-events-meta a { color: var(--hm-muted) !important; font-size: 13px !important; }
.upcoming-events-meta { border-top: 1px solid #E9EEF5; padding-top: 10px; margin-top: 8px; }
.upcoming-events-meta span span, .upcoming-events-meta a { color: var(--hm-navy) !important; font-weight: 700; }
.minheight60 { min-height: 48px; }
.main-filter-data, .portfolio-menu button { font-family: 'Atkinson Hyperlegible', sans-serif !important; background: #fff !important; color: var(--hm-navy) !important; border: 1px solid var(--hm-line) !important; border-radius: 4px !important; padding: 7px 16px !important; font-weight: 700; margin: 3px; }
.main-filter-data.active, .main-filter-data:hover, .portfolio-menu button.active, .portfolio-menu button:hover { background: var(--hm-green) !important; border-color: var(--hm-green) !important; color: #fff !important; }
.gallery-wrapper { border-radius: 8px; overflow: hidden; border: 1px solid var(--hm-line); background: #fff; }
.gallery-text h4, .gallery-text h4 a { font-size: 17px !important; color: var(--hm-navy) !important; }
.contact-wrapper, .news-form, .contact-form-content { background: #fff !important; border: 1px solid var(--hm-line) !important; border-radius: 8px !important; padding: 28px !important; box-shadow: none !important; }
.contacts-title h2, .contacts-title h3, .event-wrapper h2 { font-size: 28px !important; color: var(--hm-navy) !important; text-transform: none !important; }
.form-control, .contact-page-form input, .contact-page-form textarea, .default-form input, .default-form textarea, .bootstrap-select > .dropdown-toggle { border: 1px solid var(--hm-line) !important; border-radius: 4px !important; background: #fff !important; color: var(--hm-ink) !important; font-size: 15px !important; box-shadow: none !important; min-height: 44px; }
.form-control:focus, .contact-page-form input:focus, .contact-page-form textarea:focus, .default-form input:focus, .default-form textarea:focus { border-color: var(--hm-blue) !important; box-shadow: 0 0 0 3px rgba(37,99,235,0.15) !important; outline: none; }
.contact-person { background: #fff; border: 1px solid var(--hm-line); border-radius: 8px; padding: 22px; }
.contact-person i { color: var(--hm-green) !important; }
.contact-person h3, .contact-person h4 { color: var(--hm-navy) !important; }
.btn-success, .btn-theme, .btn-one, .cr-btn, .contact-page-form .submit, .default-form button[type=submit], .btn-block.btn-md, .btn.brown { background: var(--hm-green) !important; border: 1px solid var(--hm-green) !important; color: #fff !important; border-radius: 4px !important; font-family: 'Atkinson Hyperlegible', sans-serif !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; transition: background 200ms ease; }
.btn-success:hover, .btn-theme:hover, .btn-one:hover, .cr-btn:hover, .contact-page-form .submit:hover, .default-form button[type=submit]:hover, .btn-block.btn-md:hover, .btn.brown:hover { background: var(--hm-green-dark) !important; border-color: var(--hm-green-dark) !important; }
.alert-success { border-radius: 6px; }
.sidebar .side-content, .sidebar-shop { background: #fff; border: 1px solid var(--hm-line); border-radius: 8px; padding: 18px; }
.hm-footer .footer-area { background: var(--hm-navy) !important; padding-top: 60px !important; padding-bottom: 30px !important; }
.hm-footer .footer-title { font-family: 'Crimson Pro', Georgia, serif !important; font-size: 22px !important; font-weight: 700 !important; color: #fff !important; text-transform: none !important; margin-bottom: 22px !important; padding-bottom: 12px; position: relative; }
.hm-footer .footer-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background: var(--hm-gold); border-radius: 2px; }
.hm-footer .contact-list li { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 12px; }
.hm-footer .contact-list li i { color: var(--hm-gold) !important; width: 18px; margin-top: 4px; }
.hm-footer .contact-list li p, .hm-footer .contact-list li p a { color: rgba(255,255,255,0.72) !important; font-size: 14px; line-height: 1.6; margin: 0; }
.hm-footer .footer-list li { border-color: rgba(255,255,255,0.1) !important; margin-bottom: 12px; }
.hm-footer .footer-text h4, .hm-footer .footer-text h4 a { font-family: 'Crimson Pro', Georgia, serif !important; font-size: 17px !important; color: #fff !important; text-transform: capitalize !important; line-height: 1.35; }
.hm-footer .footer-text span, .hm-footer .footer-text span a { color: rgba(255,255,255,0.6) !important; font-size: 13px; }
.hm-footer .footer-list > li > a { color: var(--hm-gold) !important; font-weight: 700; font-size: 14px; }
.hm-footer .footer-list > li > a:hover, .hm-footer .footer-text h4 a:hover, .hm-footer .contact-list a:hover { color: var(--hm-green) !important; }
.hm-footer .footer-icon a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.08) !important; border: 1px solid rgba(255,255,255,0.15) !important; color: #fff !important; margin-right: 8px; transition: background 200ms ease; }
.hm-footer .footer-icon a:hover { background: var(--hm-green) !important; border-color: var(--hm-green) !important; }
.hm-footer .footer-bottom-area { background: var(--hm-navy-dark) !important; border-top: 1px solid rgba(255,255,255,0.08); }
.hm-footer .copyright p { color: rgba(255,255,255,0.55) !important; font-size: 13px; }
@media (max-width: 991px) { .hm-header .main-menu nav > ul > li { margin-left: 16px; } }
@media (max-width: 768px) {
  .slider-area .single-slider { padding: 38px 0 34px !important; }
  .slider-area .breadcrumb-text h1 { font-size: 28px !important; }
  .contact-wrapper, .news-form, .contact-form-content { padding: 18px !important; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

/* hm-bodybg: remove legacy star background image */
body { background-image: none !important; background-color: #F8FAFC !important; }
