/* =========================================================
   HIDE ACTION BAR (GLOBAL)
========================================================= */
#actionbar,
#actionbar * {
  display: none !important;
}
/* =========================================================
   MOBILE UTILITIES
========================================================= */
@media (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}

/* =========================================================
   SEARCH BUTTON STYLING
========================================================= */
.wp-block-search__button.has-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  min-height: auto;
  line-height: 1;
}

/* =========================================================
   HOVER UTILITY
========================================================= */
.zoom-on-hover {
  transition: transform 0.4s ease;
  cursor: pointer;
}
.zoom-on-hover:hover {
  transform: scale(1.02);
}

/* =========================================================
   STICKY HEADER (BASE)
========================================================= */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.site-header.is-scrolled {
  padding-bottom: 0 !important;
}

/* =========================================================
   HEADER BOTTOM SECTION (EXPAND / COLLAPSE)
========================================================= */

/* Header bottom visible */
.header-bottom {
  transition: transform 0.4s ease, opacity 0.3s ease;
  opacity: 5;
}

/* Header bottom hidden when scrolled */
.site-header.is-scrolled .header-bottom {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}

/* =========================================================
   HEADER INNER SHRINK SYSTEM
========================================================= */
.header-shrink {
  transition: padding 0.25s ease;
}

/* Reduce inner padding when scrolled */
.site-header.is-scrolled .header-shrink {
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
}

/* Scale site title on scroll */
.site-header.is-scrolled .wp-block-site-title {
  transform: scale(0.9);
}

/* Scale navigation + subscriptions on scroll */
.site-header.is-scrolled
.wp-block-navigation,
.site-header.is-scrolled .wp-block-jetpack-subscriptions {
  transform: scale(0.90);
}

/* Explicitly prevent nav from scaling */
.site-header.is-scrolled .wp-block-navigation {
  transform: none !important;
}

/* =========================================================
   MOBILE NAV: CLOSE BUTTON POSITION
========================================================= */
.wp-block-navigation__responsive-container-close {
  position: static !important;
}

/* =========================================================
   REMOVES TEXT FROM HOME PAGE BLOG POST
========================================================= */
@media (max-width: 768px) {
  article.type-post .entry-wrapper > p,
  article.type-post .entry-wrapper > a.more-link {
    display: none;
  }
}

/* =========================================================
   STICKY AD INSIDE TEMPLATE PART
========================================================= */

/* Sticky ad block */
.sticky-ad {
  position: sticky !important;
  top: var(--header-height, 80px)!important;
}

/* =========================================================
   TEXT DENSITY UTILITIES
========================================================= */
.tight-text .wp-block-paragraph {
  line-height: 1.4;
}

.tight-text .wp-block-quote,
.tight-text .wp-block-pullquote blockquote {
  font-style: italic;
}

/* =========================================================
   NAV OVERLAY STYLING
========================================================= */

/* Mobile nav background */
.wp-block-navigation:not(.has-background)
.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
  background-color: rgba(247, 247, 247, 0.95)
}

/* fixes " x " close in nav*/
.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
  padding-top: calc(var(--header-height, 0px) + 2rem);
}

/* =========================================================
   COLUMNS WITH VERTICAL DIVIDER
========================================================= */
.columns-with-divider {
  position: relative;
}

.columns-with-divider > .wp-block-column {
  position: relative;
}

.columns-with-divider > .wp-block-column:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(var(--wp--style--block-gap, 2rem) / -1);
  width: 1px;
  height: 100%;
  background-color: currentColor;
  opacity: 0.2;
}

@media (max-width: 768px) {
  .columns-with-divider > .wp-block-column::after {
    display: none;
  }
}

/* =========================================================
   Nav Bar Width
========================================================= */
.wp-block-navigation__responsive-container {
  max-width: 250px; /* MOBILE width */

}
/* =========================================================
   Custom click-controlled submenu (hamburger menu only)
========================================================= */

/* Default: hide submenu */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-submenu.submenu-click
> .wp-block-navigation__submenu-container {
  display: none;
}

/* Show submenu when WP toggles aria-expanded */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-submenu.submenu-click
> .wp-block-navigation-submenu__toggle[aria-expanded="true"]
+ .wp-block-navigation__submenu-icon
+ .wp-block-navigation__submenu-container {
  display: block;
}

a:where(:not(.wp-element-button)) {
  font-size: inherit;
}
/* Category label styling */
.wpnbha .cat-links {
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
@media (max-width: 768px) {
.wpnbha .cat-links {
  font-size: .9rem;
  font-weight: 800;
  }
}
.wpnbha .entry-title a {
  font-size: 2rem;
  font-weight: 500;
}
.compact-post .wpnbha .entry-title a {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .wpnbha .entry-title a {
    font-size: clamp(1.2rem, 4vw, 1.5rem);
    font-weight: 800;
  }
}

.wp-block-newspack-blocks-homepage-articles p {
  font-size: 1rem;
  color: #444;
}
.wp-block-post-title {
  padding-right: 0 !important;
}

/* NAV LINK BASE COLOR */
.wp-block-navigation .wp-block-navigation-item__content {
  color: var(--wp--preset--color--theme-5);
  transition: color 0.2s ease;
}

/* NAV LINK HOVER COLOR */
.wp-block-navigation .wp-block-navigation-item__content:hover {
  color: var(--wp--preset--color--theme-6) !important;
}
.hero-typing {
  text-align: left;
}

.typing-text::after {
  content: "|";
  margin-left: 3px;
  animation: blink 0.8s infinite;
}

@keyframes blink {
  50% { opacity: 0; }
}
.post-horizontal li.wp-block-post {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: flex-start;
}

.post-horizontal li.wp-block-post .wp-block-post-featured-image {
    flex: 0 0 280px;
    margin-bottom: 0 !important;
}

.post-horizontal li.wp-block-post .wp-block-group {
    flex: 1;
}
@media (max-width: 768px) {

  .post-horizontal li.wp-block-post {
      flex-direction: column;
  }

  .post-horizontal li.wp-block-post .wp-block-post-featured-image {
      flex: none;
      width: 100%;
      max-width: 100%;
  }

  .post-horizontal li.wp-block-post .wp-block-post-featured-image img {
      width: 100%;
      height: auto;
  }

}