/* 0) GLOBAL (safe for desktop) */
html, body {
  overflow-x: hidden;
}

/* ======================================================
   MOBILE (≤ 768px)
   ====================================================== */
@media (max-width: 768px) {

  /* 1) Kill horizontal scroll on usual Spectra / block offenders */
  .uagb-section__wrap,
  .uagb-container-inner-blocks-wrap,
  .wp-block-cover,
  .hero-section {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* 2) Mobile header: same layout, same colors as desktop */
  .ast-primary-header-bar,
  .ast-main-header-bar,
  .site-primary-header-wrap,
  .ast-header-break-point .ast-primary-header-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 4px 10px !important;
    /* force same bg as desktop header (set your exact hex here if needed) */
    background-color: #164967 !important;  /* ← put your desktop header color */
  }

  /* 3) Logo: small + a bit from the left */
  .site-logo-img img {
    max-height: 30px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin-left: 4px !important;   /* tiny gap from left edge */
  }

  /* 4) Burger (mobile menu trigger): more to the right */
.ast-button-wrap,
.ast-mobile-menu-trigger,
.menu-toggle {
  height: 38px !important;
  width: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;   /* pushes it to the right */
  margin-right: -70px !important;  /* gives it a small gap from the edge */
}


  /* 4b) burger icon color + size */
  .ast-button-wrap .menu-toggle svg,
  .ast-mobile-menu-trigger .ast-mobile-svg {
    width: 22px !important;
    height: 22px !important;
    fill: #ffffff !important;       /* white icon like desktop */
  }

  /* 5) Mobile menu (off-canvas) same dark bg + white text */
  .ast-mobile-popup-drawer {
    background-color: #164967 !important;
  }
  .ast-mobile-popup-drawer .menu-link {
    color: #ffffff !important;
  }

  /* 6) Hero / big titles fit on mobile */
  .wp-block-cover h1,
  .wp-block-cover h2,
  .hero-section h1,
  .hero-section h2 {
    font-size: clamp(22px, 6vw, 30px) !important;
    line-height: 1.15 !important;
    padding: 0 14px !important;
    text-align: center !important;
  }

  /* 7) Footer un-crop fix */

    overflow-x: hidden !important;
  
!important;
    text-align: center !important;
  }
  .site-footer a {
    word-break: break-word !important;
    white-space: normal !important;
  }
  .ast-footer-widget-1,
  .ast-footer-widget-2,
  .ast-footer-widget-3,
  .ast-footer-widget-4 {
    width: 100% !important;
  }
}
/* ======================================================
   TABLET / IPAD HEADER FIX (768px to 1024px)
   ====================================================== */
@media (min-width: 768px) and (max-width: 1024px) {

  /* ensure flex layout behaves nicely on tablets */
  .ast-primary-header-bar,
  .ast-main-header-bar,
  .site-primary-header-wrap,
  .ast-builder-grid-row-container-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 6px 18px !important; /* gives header breathing room */
  }

  /* logo still slightly spaced on left */
  .site-logo-img img {
    max-height: 38px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin-left: 8px !important;
  }

  /* hamburger/menu icon aligned to the right */
  .ast-button-wrap,
  .ast-mobile-menu-trigger,
  .menu-toggle {
    height: 40px !important;
    width: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: -240px !important; /* this is your space from the right edge */
  }

  /* fix icon size & color for tablet */
  .ast-button-wrap .menu-toggle svg,
  .ast-mobile-menu-trigger .ast-mobile-svg {
    width: 24px !important;
    height: 24px !important;
    fill: #ffffff !important; /* keep consistent with desktop */
  }
}

© Nexiuum 2025 | All rights reserved. 
• Sourcing • Manufacturing • Fulfillment •
sales@nexiuum.com | +1 (682) 260-6930 
Terms and Conditions

1442 S 500 E, Suite 300,  American Fork, UT 84003, USA


}

/* Make sure the outer wrapper isn't its own scrolling container */
.site,
#page {
  overflow-y: visible !important;
  overflow-x: hidden;   /* just in case something inside nudges sideways */
}

/* Nuclear option: kill any random scrollable sections inside content */
.site-content * {
  overflow-y: visible !important;
}
/* 🚫 Hide Astra "Related Posts" section on all single blog posts */
.single-post .related-posts,
.single-post .ast-related-posts-wrapper,
.single-post .ast-related-posts-container,
.single-post .ast-related-posts-title {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

add_filter( 'astra_enable_related_posts', '__return_false' );