/* ============================================================
   INCISOS HOMEPAGE PREMIUM — ADDITIONAL CSS v3
   Fixes: full-width, responsive, header, hero height, banner,
          footer duplicate hide
   ============================================================ */

/* === 1. FULL-WIDTH: Remove all theme width constraints on homepage === */
body.home.page #mvp-site,
body.home.page #mvp-site-wall,
body.home.page #mvp-site-main,
body.home.page #mvp-main-body-wrap,
body.home.page #mvp-content-body,
body.home.page #mvp-content-wrap,
body.home.page #mvp-post-content,
body.home.page #mvp-post-main,
body.home.page .mvp-post-main-out,
body.home.page .mvp-post-main-in,
body.home.page .mvp-main-box,
body.home.page #mvp-article-cont,
body.home.page #mvp-article-wrap,
body.home.page #mvp-content-main,
body.home.page .mvp-post-soc-out,
body.home.page .mvp-post-soc-in {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
}

/* Hide page title */
body.home.page #mvp-article-wrap .mvp-post-title,
body.home.page #mvp-article-wrap h1.mvp-post-title {
  display: none !important;
}

/* Remove theme article padding */
body.home.page #mvp-article-wrap {
  padding: 0 !important;
  margin: 0 !important;
}

/* Remove the sidebar space */
body.home.page #mvp-content-bot {
  width: 100% !important;
  max-width: 100% !important;
}

/* Remove the original logo area below header on homepage */
body.home.page .mvp-org-wrap {
  display: none !important;
}

/* Hide the theme's default post navigation and meta */
body.home.page .mvp-post-tags,
body.home.page .mvp-post-share-top,
body.home.page .mvp-post-share-bot,
body.home.page .mvp-post-feat-img {
  display: none !important;
}

/* Remove top margin from main body */
body.home.page #mvp-site-main {
  margin-top: 0 !important;
}

/* Remove mvp-leader-wrap fixed width */
body.home.page #mvp-leader-wrap {
  display: none !important;
}

/* === 2. HIDE THEME FOOTER ON HOMEPAGE (we have our own) === */
body.home.page #mvp-foot-wrap,
body.home.page #mvp-foot-out,
body.home.page #mvp-foot-in,
body.home.page .mvp-foot-logo,
body.home.page #mvp-foot-bot {
  display: none !important;
}

/* === 3. HEADER FIXES: Solid background, no transparency === */
#mvp-main-head-wrap {
  background: #fff !important;
  border-bottom: 1px solid #e8e8e8 !important;
}

#mvp-main-head-wrap nav {
  background: #fff !important;
}

/* Nav menu styling */
.mvp-fly-nav-menu,
.mvp-nav-menu {
  background: #fff !important;
}

/* === 4. HOMEPAGE CONTENT FULL-WIDTH === */
#incisos-hp {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

#incisos-hp section {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#incisos-hp footer {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* === 5. HERO SECTION HEIGHT FIX === */
#incisos-hp .ihp-hero-grid {
  min-height: 520px !important;
}

#incisos-hp .ihp-hero-grid > div:first-child {
  min-height: 520px !important;
  display: flex !important;
  flex-direction: column !important;
}

#incisos-hp a.ihp-hero-main {
  flex: 1 !important;
  min-height: 520px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  position: relative !important;
  z-index: 3 !important;
}

#incisos-hp .ihp-hero-sidebar {
  min-height: 520px !important;
  display: flex !important;
  flex-direction: column !important;
}

#incisos-hp .ihp-hero-sidebar > div {
  flex: 1 !important;
  min-height: 200px !important;
  position: relative !important;
  overflow: hidden !important;
}

#incisos-hp .ihp-hero-sidebar > div > a {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  min-height: 200px !important;
  padding: 28px !important;
  position: relative !important;
  z-index: 2 !important;
  text-decoration: none !important;
}

/* === 6. RESPONSIVE MOBILE STYLES === */

@media screen and (max-width: 1024px) {
  #incisos-hp .ihp-hero-grid {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }

  #incisos-hp .ihp-verticals-grid {
    grid-template-columns: 1fr !important;
  }

  #incisos-hp .ihp-columbus-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  #incisos-book-featured {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  #incisos-hp .ihp-books-mini {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  #incisos-hp footer .ihp-footer-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  #incisos-hp .ihp-collab-grid {
    grid-template-columns: 1fr !important;
  }
}

@media screen and (max-width: 768px) {
  #incisos-hp section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #incisos-hp footer {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #incisos-hp .ihp-eyebrow {
    padding: 6px 16px !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  #incisos-hp .ihp-eyebrow span {
    font-size: 0.6em !important;
  }

  #incisos-hp .ihp-hero-grid {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }

  #incisos-hp a.ihp-hero-main {
    min-height: 350px !important;
    padding: 24px 20px !important;
  }

  #incisos-hp a.ihp-hero-main h1 {
    font-size: 1.8em !important;
  }

  #incisos-hp .ihp-hero-sidebar {
    border-left: none !important;
    flex-direction: column !important;
    min-height: auto !important;
  }

  #incisos-hp .ihp-hero-sidebar > div {
    min-height: 180px !important;
  }

  #incisos-hp .ihp-incisos-grid {
    grid-template-columns: 1fr !important;
  }

  #incisos-hp .ihp-section-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  #incisos-hp .ihp-section-header a {
    margin-left: 0 !important;
  }

  #incisos-hp .ihp-verticals-grid {
    grid-template-columns: 1fr !important;
  }

  #incisos-hp .ihp-columbus-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }

  #incisos-hp .ihp-columbus-grid {
    grid-template-columns: 1fr !important;
  }

  #incisos-hp .ihp-columbus-cta {
    flex-direction: column !important;
    text-align: center !important;
    gap: 16px !important;
  }

  #incisos-hp .ihp-columbus-cta a {
    margin-left: 0 !important;
  }

  #incisos-hp .ihp-collab-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  #incisos-hp .ihp-books-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }

  #incisos-book-featured {
    grid-template-columns: 1fr !important;
    padding: 24px !important;
    gap: 24px !important;
  }

  #incisos-hp .ihp-books-mini {
    grid-template-columns: 1fr 1fr !important;
  }

  #incisos-hp .ihp-newsletter-form {
    flex-direction: column !important;
  }

  #incisos-hp .ihp-newsletter-form input {
    border-right: 2px solid #1A1A1A !important;
  }

  #incisos-hp .ihp-newsletter-form button {
    width: 100% !important;
  }

  #incisos-hp .ihp-footer-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  #incisos-hp .ihp-footer-bottom {
    flex-direction: column !important;
    text-align: center !important;
    gap: 8px !important;
  }

  #incisos-hp h2 {
    font-size: 1.4em !important;
  }

  #incisos-hp h3 {
    font-size: 1.05em !important;
  }

  #incisos-hp .ihp-hero-meta {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
}

@media screen and (max-width: 480px) {
  #incisos-hp section {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #incisos-hp footer {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #incisos-hp a.ihp-hero-main h1 {
    font-size: 1.5em !important;
  }

  #incisos-hp .ihp-eyebrow span:last-child {
    display: none !important;
  }

  #incisos-hp .ihp-books-mini {
    grid-template-columns: 1fr 1fr !important;
  }

  #incisos-hp .ihp-incisos-grid a {
    padding: 20px !important;
  }
}
/* Hacer visible la barra de navegación */
.nav-bar, .main-nav, #main-nav, .zox-nav, nav.navigation {
    background-color: #1A1A1A !important;
}
.nav-bar a, .main-nav a, #main-nav a, .zox-nav a {
    color: #FFFFFF !important;
}


/* ============================================
   INCISOS — Additional CSS
   Premium Editorial Design System
   ============================================ */

/* ----------------------------------------
   1. HEADER & NAVIGATION — Clean, Professional
   ---------------------------------------- */

/* Top bar — clean white background, refined spacing */
#mvp-main-head-wrap {
  background: #ffffff !important;
  border-bottom: 1px solid #e8e8e8 !important;
  box-shadow: none !important;
}

/* Logo area — remove any background artifacts */
#mvp-main-head-wrap .mvp-main-head-logo img,
#mvp-nav-wrap .mvp-nav-logo img,
.mvp-main-head-logo img {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Navigation bar — premium dark editorial look */
#mvp-nav-wrap {
  background: #1A1A1A !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12) !important;
}

/* Navigation links — high contrast, readable */
#mvp-nav-wrap nav a,
#mvp-nav-wrap .mvp-nav-menu a,
.mvp-nav-left-but a,
#mvp-nav-wrap ul li a {
  color: #ffffff !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  transition: color 0.2s ease, opacity 0.2s ease !important;
}

/* Navigation hover state */
#mvp-nav-wrap nav a:hover,
#mvp-nav-wrap .mvp-nav-menu a:hover,
#mvp-nav-wrap ul li a:hover {
  color: #C45C26 !important;
  opacity: 1 !important;
}

/* Active/current menu item */
#mvp-nav-wrap .current-menu-item a,
#mvp-nav-wrap .current_page_item a {
  color: #C45C26 !important;
}

/* Search icon in nav */
#mvp-nav-wrap .mvp-nav-search-but,
#mvp-nav-wrap .mvp-search-but {
  color: #ffffff !important;
}

/* Mobile hamburger menu */
.mvp-nav-left-but span,
.mvp-nav-left-but {
  color: #ffffff !important;
}

/* Top announcement bar styling */
.mvp-fly-top,
#mvp-leader-wrap {
  background: #1A1A1A !important;
}

.mvp-fly-top a,
#mvp-leader-wrap a {
  color: #ffffff !important;
}

/* "ANUNCIA AQUÍ" button styling */
.mvp-fly-top a[href*="anuncia"],
#mvp-leader-wrap a[href*="anuncia"] {
  background: #C45C26 !important;
  color: #ffffff !important;
  padding: 4px 14px !important;
  border-radius: 3px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* ----------------------------------------
   2. CATEGORY PAGES — Full Width Layout
   ---------------------------------------- */

/* When sidebar is empty, make content full width */
.archive .mvp-main-blog-wrap,
.category .mvp-main-blog-wrap {
  width: 100% !important;
  float: none !important;
  max-width: 100% !important;
}

/* Hide empty sidebar on category/archive pages */
.archive #mvp-side-wrap,
.category #mvp-side-wrap {
  display: none !important;
}

/* Category header — refined styling */
.archive .mvp-cat-head,
.category .mvp-cat-head {
  margin-bottom: 20px !important;
}

.archive .mvp-cat-head span,
.category .mvp-cat-head span {
  background: #C45C26 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  padding: 6px 16px !important;
}

/* Category page content area — full viewport width */
.archive #mvp-main-body-wrap,
.category #mvp-main-body-wrap {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* ----------------------------------------
   3. AQUÍ EN COLUMBUS — Premium Sub-Brand
   Columbus identity: Terracota (#C45C26) + Deep Blue (#1B3A5C)
   ---------------------------------------- */

/* Columbus page — page-id-316 */

/* Page title override — Columbus branding */
.page-id-316 .mvp-post-head .mvp-post-title,
.page-id-316 h1.entry-title,
.page-id-316 .entry-title {
  font-size: 2.8em !important;
  color: #1B3A5C !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  text-align: center !important;
}

/* Columbus hero banner — deep blue gradient instead of generic dark */
.page-id-316 .wp-block-group.has-background:first-of-type,
.page-id-316 .entry-content > .wp-block-group:first-of-type {
  background: linear-gradient(135deg, #1B3A5C 0%, #0D2137 60%, #1B3A5C 100%) !important;
  border-radius: 12px !important;
  padding: 50px 40px !important;
  margin-bottom: 30px !important;
  box-shadow: 0 8px 32px rgba(27, 58, 92, 0.25) !important;
  border-left: 5px solid #C45C26 !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Hero banner text */
.page-id-316 .wp-block-group.has-background:first-of-type h1,
.page-id-316 .entry-content > .wp-block-group:first-of-type h1 {
  color: #ffffff !important;
  font-size: 2.4em !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
}

.page-id-316 .wp-block-group.has-background:first-of-type p,
.page-id-316 .entry-content > .wp-block-group:first-of-type p {
  color: rgba(255,255,255,0.85) !important;
  font-size: 1.15em !important;
  letter-spacing: 0.3px !important;
}

/* "INCISOS PRESENTA" label */
.page-id-316 .wp-block-group.has-background:first-of-type .has-small-font-size,
.page-id-316 .entry-content > .wp-block-group:first-of-type .has-small-font-size {
  color: #C45C26 !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
}

/* Horizontal rule in hero — terracota accent */
.page-id-316 .wp-block-group.has-background:first-of-type hr,
.page-id-316 .entry-content > .wp-block-group:first-of-type hr {
  border-color: #C45C26 !important;
  width: 60px !important;
  border-width: 3px !important;
  margin: 20px auto !important;
}

/* Intro paragraph block — Columbus blue border */
.page-id-316 .entry-content > .wp-block-group:nth-of-type(2) {
  background: #f8f9fb !important;
  border: none !important;
  border-left: 5px solid #1B3A5C !important;
  border-radius: 8px !important;
  padding: 30px 35px !important;
  margin-bottom: 30px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}

/* Service cards — the 4 category cards */
.page-id-316 .wp-block-columns .wp-block-column .wp-block-group {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 10px !important;
  padding: 28px 24px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
  border-top: 4px solid #1B3A5C !important;
  border-bottom: none !important;
}

.page-id-316 .wp-block-columns .wp-block-column .wp-block-group:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px rgba(27, 58, 92, 0.15) !important;
  border-top-color: #C45C26 !important;
}

/* Service card headings */
.page-id-316 .wp-block-columns .wp-block-column h3 {
  color: #1B3A5C !important;
  font-weight: 700 !important;
  font-size: 1.15em !important;
  margin-bottom: 10px !important;
}

/* Service card text */
.page-id-316 .wp-block-columns .wp-block-column p {
  color: #4a4a4a !important;
  font-size: 0.95em !important;
  line-height: 1.6 !important;
}

/* "Últimas Noticias" section — deep blue */
.page-id-316 .entry-content > .wp-block-group.has-background:nth-last-of-type(2),
.page-id-316 .entry-content .wp-block-group[class*="has-background"]:not(:first-of-type) {
  background: linear-gradient(135deg, #1B3A5C 0%, #142d4a 100%) !important;
  border-radius: 12px !important;
  padding: 40px !important;
  margin: 30px 0 !important;
  border-left: 5px solid #C45C26 !important;
}

/* "Últimas Noticias" heading */
.page-id-316 .entry-content .wp-block-group.has-background h2 {
  color: #C45C26 !important;
  font-weight: 700 !important;
}

/* "Últimas Noticias" text and links */
.page-id-316 .entry-content .wp-block-group.has-background p {
  color: rgba(255,255,255,0.9) !important;
}

.page-id-316 .entry-content .wp-block-group.has-background a {
  color: #C45C26 !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}

.page-id-316 .entry-content .wp-block-group.has-background a:hover {
  color: #e06b2f !important;
}

/* "Mantente Informado" CTA section — terracota gradient */
.page-id-316 .entry-content > .wp-block-group:last-of-type {
  background: linear-gradient(135deg, #C45C26 0%, #a84d1f 50%, #C45C26 100%) !important;
  border-radius: 12px !important;
  padding: 45px 40px !important;
  text-align: center !important;
  box-shadow: 0 8px 32px rgba(196, 92, 38, 0.25) !important;
  border: none !important;
  border-left: none !important;
}

.page-id-316 .entry-content > .wp-block-group:last-of-type h2 {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 1.8em !important;
}

.page-id-316 .entry-content > .wp-block-group:last-of-type p {
  color: rgba(255,255,255,0.95) !important;
  font-size: 1.05em !important;
}

.page-id-316 .entry-content > .wp-block-group:last-of-type strong {
  color: #ffffff !important;
}

/* Columbus page — overall content area refinement */
.page-id-316 .mvp-post-soc-wrap,
.page-id-316 .mvp-post-tags {
  display: none !important;
}

.page-id-316 #mvp-content-main {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 20px !important;
}

/* ----------------------------------------
   4. FOOTER — Clean, Professional
   ---------------------------------------- */

/* Footer background */
#mvp-foot-wrap {
  background: #1A1A1A !important;
  border-top: 3px solid #C45C26 !important;
}

/* Footer logo — transparent, no artifacts */
#mvp-foot-wrap img {
  background: transparent !important;
}

/* Footer text */
#mvp-foot-wrap,
#mvp-foot-wrap p,
#mvp-foot-wrap .mvp-foot-copy {
  color: rgba(255,255,255,0.7) !important;
}

/* ----------------------------------------
   5. GLOBAL REFINEMENTS
   ---------------------------------------- */

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Links — terracota accent throughout */
.entry-content a {
  color: #C45C26;
  transition: color 0.2s ease;
}

.entry-content a:hover {
  color: #a84d1f;
}

/* Selection color */
::selection {
  background: #C45C26;
  color: #ffffff;
}

/* Breadcrumbs refinement */
.mvp-bread-crumb a {
  color: #666666 !important;
}

.mvp-bread-crumb a:hover {
  color: #C45C26 !important;
}


/* ============================================
   HEADER & NAVIGATION FIXES - CORRECTED SELECTORS
   Targeting actual Zox News theme structure
   ============================================ */

/* --- TOP NAV (Logo Area) --- */
/* Make the logo area compact - white bg, no thick dark bar */
#mvp-main-nav-top {
    background: #ffffff !important;
    padding: 8px 0 !important;
    height: auto !important;
    min-height: 0 !important;
}

/* Constrain the logo size */
#mvp-main-nav-top img {
    max-height: 45px !important;
    width: auto !important;
    height: auto !important;
}

/* --- BOTTOM NAV (Menu Bar) --- */
/* Dark, professional navigation bar */
#mvp-main-nav-bot {
    background: #1a1a1a !important;
    border-top: none !important;
    border-bottom: none !important;
}

.mvp-nav-menu {
    background: #1a1a1a !important;
}

/* Navigation menu links - white text on dark background */
#mvp-main-nav-bot .mvp-nav-menu ul li a,
.mvp-nav-menu ul li a,
#mvp-main-nav-bot a {
    color: #ffffff !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    font-size: 13px !important;
}

/* Navigation hover state - terracota */
#mvp-main-nav-bot .mvp-nav-menu ul li a:hover,
.mvp-nav-menu ul li a:hover,
#mvp-main-nav-bot a:hover {
    color: #C45C26 !important;
}

/* --- OVERALL HEADER WRAPPER --- */
#mvp-main-head-wrap {
    background: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

#mvp-main-nav-wrap {
    background: #ffffff !important;
}

/* --- SEARCH ICON --- */
#mvp-main-nav-bot .mvp-search-but,
.mvp-search-but {
    color: #ffffff !important;
}

/* --- HAMBURGER/MOBILE MENU ICON --- */
#mvp-main-nav-bot .mvp-fly-but span,
.mvp-fly-but span {
    background: #ffffff !important;
}

/* --- STICKY NAV (if theme has one) --- */
#mvp-nav-sticky-wrap {
    background: #1a1a1a !important;
}

#mvp-nav-sticky-wrap a {
    color: #ffffff !important;
}

#mvp-nav-sticky-wrap a:hover {
    color: #C45C26 !important;
}

/* --- FIX: Remove any borders that create 'black bar' effect --- */
#mvp-main-nav-top,
#mvp-main-nav-bot,
#mvp-main-nav-wrap,
#mvp-main-head-wrap {
    border: none !important;
}

/* Ensure no separator lines between logo and nav */
#mvp-main-nav-top::after,
#mvp-main-nav-top::before,
#mvp-main-nav-bot::after,
#mvp-main-nav-bot::before {
    display: none !important;
}


/* ============================================
   INCISOS — CSS Fix v2
   Fixes: Category white space, Columbus layout,
          Mobile menu contrast, Single page layout
   ============================================ */

/* ----------------------------------------
   1. CATEGORY/ARCHIVE PAGES — Full Width Fix
   The sidebar is hidden but .mvp-main-blog-in
   still has a 380px right margin reserved for it.
   ---------------------------------------- */

.archive .mvp-main-blog-in,
.category .mvp-main-blog-in {
    width: 100% !important;
    margin-right: 0 !important;
    float: none !important;
}

.archive .mvp-main-blog-out,
.category .mvp-main-blog-out {
    width: 100% !important;
    margin-right: 0 !important;
    float: none !important;
}

/* Ensure the content wrapper fills the viewport */
.archive #mvp-main-body-wrap,
.category #mvp-main-body-wrap {
    max-width: 100% !important;
    width: 100% !important;
}

/* ----------------------------------------
   2. AQUÍ EN COLUMBUS (page-id-316) — Full Width
   Remove sidebar, expand content area
   ---------------------------------------- */

/* Hide sidebar on Columbus page */
.page-id-316 #mvp-side-wrap {
    display: none !important;
}

/* Make content area full width */
.page-id-316 #mvp-content-main {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 20px 40px !important;
}

.page-id-316 #mvp-content-bot {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

.page-id-316 .mvp-main-blog-in {
    width: 100% !important;
    margin-right: 0 !important;
}

.page-id-316 .mvp-main-blog-out {
    width: 100% !important;
    margin-right: 0 !important;
}

/* Constrain the actual content for readability */
.page-id-316 .entry-content {
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* ----------------------------------------
   3. SINGLE POST PAGES — Full Width
   ---------------------------------------- */

.single #mvp-side-wrap {
    display: none !important;
}

.single .mvp-main-blog-in,
.single #mvp-content-bot {
    width: 100% !important;
    margin-right: 0 !important;
    float: none !important;
}

.single .mvp-main-blog-out {
    width: 100% !important;
    margin-right: 0 !important;
}

/* Keep article content readable width */
.single .entry-content,
.single #mvp-content-main {
    max-width: 800px !important;
    margin: 0 auto !important;
}

/* ----------------------------------------
   4. ALL PAGES — Full Width Fix
   Generic fix for any page with empty sidebar
   ---------------------------------------- */

.page #mvp-side-wrap:empty,
.page-template-default #mvp-side-wrap {
    display: none !important;
}

.page .mvp-main-blog-in,
.page-template-default .mvp-main-blog-in {
    width: 100% !important;
    margin-right: 0 !important;
}

.page .mvp-main-blog-out,
.page-template-default .mvp-main-blog-out {
    width: 100% !important;
    margin-right: 0 !important;
}

/* ----------------------------------------
   5. MOBILE MENU — Ensure Contrast
   ---------------------------------------- */

/* Mobile responsive nav — force dark bg + white text */
@media (max-width: 1024px) {
    #mvp-main-nav-bot,
    .mvp-nav-menu,
    #mvp-main-nav-bot-cont {
        background: #1A1A1A !important;
    }

    #mvp-main-nav-bot a,
    .mvp-nav-menu a,
    .mvp-nav-menu ul li a {
        color: #ffffff !important;
    }

    /* Mobile nav top bar */
    #mvp-main-nav-top {
        background: #ffffff !important;
    }

    #mvp-main-nav-top a {
        color: #1A1A1A !important;
    }
}

@media (max-width: 768px) {
    /* Ensure the hamburger/fly menu button is visible */
    .mvp-fly-but span {
        background: #ffffff !important;
    }

    /* Mobile nav bar */
    #mvp-main-nav-bot,
    #mvp-main-nav-bot-cont,
    .mvp-nav-menu {
        background: #1A1A1A !important;
    }

    #mvp-main-nav-bot a,
    .mvp-nav-menu a {
        color: #ffffff !important;
    }

    /* Search icon on mobile */
    .mvp-search-but,
    #mvp-main-nav-bot .mvp-search-but {
        color: #ffffff !important;
    }

    /* Category pages on mobile — full width */
    .archive .mvp-main-blog-in,
    .category .mvp-main-blog-in {
        margin-right: 0 !important;
        width: 100% !important;
    }

    /* Columbus page on mobile */
    .page-id-316 #mvp-content-main {
        padding: 15px !important;
    }

    .page-id-316 .entry-content {
        max-width: 100% !important;
    }
}

/* ----------------------------------------
   6. FLY-OUT MENU — Ensure Contrast
   ---------------------------------------- */

#mvp-fly-wrap {
    background: #1A1A1A !important;
}

#mvp-fly-wrap a {
    color: #ffffff !important;
}

#mvp-fly-wrap a:hover {
    color: #C45C26 !important;
}

#mvp-fly-wrap .mvp-fly-nav-menu a {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

#mvp-fly-wrap .mvp-fly-nav-menu a:hover {
    color: #C45C26 !important;
}

/* Fly menu social links */
#mvp-fly-wrap .mvp-fly-soc-head {
    color: rgba(255,255,255,0.6) !important;
}

/* Fly menu close button */
#mvp-fly-wrap .mvp-fly-but-wrap span {
    background: #ffffff !important;
}

/* Fly menu logo — use footer (white) logo for dark bg */
#mvp-fly-wrap #mvp-fly-logo img {
    filter: brightness(0) invert(1) !important;
    max-height: 35px !important;
}

/* === WPAUTOP FIX: suppress p tags injected by WordPress inside grid containers === */
.ihp-hero-grid > p,
.ihp-incisos-grid > p,
.ihp-verticals-grid > p,
.ihp-columbus-grid > p,
.ihp-collab-grid > p,
.ihp-books-grid > p,
.ihp-books-mini > p,
.ihp-newsletter-form > p,
.ihp-footer-grid > p,
.ihp-section-header > p,
.ihp-columbus-header > p,
.ihp-books-header > p {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Ensure hero grid first column renders as positioned container */
.ihp-hero-grid > div:first-of-type {
  position: relative !important;
  overflow: hidden !important;
  background: #111 !important;
  min-height: 520px !important;
}