/* =============================================
   JWXperience WP - Demo Site Alignment v2
   ============================================= */

/* -- Load Inter font -- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* -- Global accent color -- */
body.newsmatic_font_typography {
  --newsmatic-global-preset-color-3: #E12229;
  --newsmatic-global-preset-color-12: #E12229;
  --theme-block-top-border-color: #E12229;
}

/* =========================================
   1. HIDE ROW ONE (red ticker bar) entirely
   ========================================= */
.site-header .row-wrap.row-one {
  display: none !important;
}

/* =========================================
   2. ROW TWO (logo / branding area)
   ========================================= */
.newsmatic_main_body .site-header .row-two.full-width,
.newsmatic_main_body .site-header .row-two .full-width {
  background: #fff !important;
  padding: 12px 0 !important;
}

/* Remove the decorative underline pseudo-element */
body .site-header .row-two .bb-bldr-row:before {
  display: none !important;
}

/* Also kill the offset it creates */
.bb-bldr--normal .row-two .bb-bldr-row:before,
.bb-bldr--normal .custom-button-absolute,
.bb-bldr--responsive .row-two .bb-bldr-row:before,
.bb-bldr--responsive .custom-button-absolute {
  display: none !important;
}

/* Clean bottom border on row-two instead */
.site-header .row-wrap.row-two {
  border-bottom: 1px solid #e5e5e5 !important;
}

/* Tagline styling */
.site-description {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 13px !important;
  color: #888 !important;
  font-style: italic;
}

/* =========================================
   3. ROW THREE (category nav bar)
   ========================================= */
.newsmatic_main_body .site-header .row-three.full-width,
.newsmatic_main_body .site-header .row-three .full-width {
  background: #fff !important;
  padding: 0 !important;
}

/* Remove any existing underlines/borders on row three */
body .site-header .row-three .bb-bldr-row:before {
  display: none !important;
}

/* Clean bottom border on the nav row */
.site-header .row-wrap.row-three {
  border-bottom: 1px solid #e5e5e5 !important;
}

/* Nav link styling — match demo site */
.main-navigation .menu {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  gap: 0 !important;
  white-space: nowrap !important;
}
.main-navigation .menu > li > a {
  font-family: 'Inter', system-ui, sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  color: #111 !important;
  padding: 14px 16px !important;
  transition: color 0.15s ease, border-color 0.15s ease !important;
  border-bottom: 3px solid transparent !important;
  display: inline-block !important;
  white-space: nowrap !important;
}

/* Remove any Newsmatic default hover effects on nav */
.main-navigation.hover-effect--none .menu > li > a:after,
.main-navigation.hover-effect--none .menu > li > a:before {
  display: none !important;
}

/* Center the nav links properly */
.site-header .row-three .bb-bldr-column.two {
  display: flex !important;
  justify-content: center !important;
}

/* =========================================
   4. ACCENT COLOR OVERRIDES (green → red)
   ========================================= */
header .site-title a,
header .site-title a:after,
header .site-title a:hover {
  color: #E12229 !important;
}

body .post-categories .cat-item {
  background-color: #E12229 !important;
}

.newsmatic_font_typography {
  --move-to-top-background-color: #E12229;
  --move-to-top-background-color-hover: #b81c22;
  --search-color-hover: #E12229;
  --sidebar-toggle-color-hover: #E12229;
  --random-news-color-hover: #E12229;
  --newsletter-color-hover: #E12229;
}

.newsmatic_font_typography .header-custom-button {
  background: #E12229 !important;
}
.newsmatic_font_typography .header-custom-button:hover {
  background: #b81c22 !important;
}

/* =========================================
   5. FOOTER — red accent instead of green
   ========================================= */
body .site-footer .row-one.full-width,
body .site-footer .row-one .full-width {
  border-top-color: #E12229 !important;
}

/* =========================================
   6. GLOBAL FONT
   ========================================= */
body,
.site-description,
.main-navigation .menu > li > a {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}