/* =========================
   GLOBAL AND HOME BACKGROUND
   ========================= */
/* I remoevd the background CSS since the image wasn't going fullscreen. (JH)

/* Remove background on the full-width UAGB container on Home */
.home .wp-block-uagb-container.uagb-block-344bf4c5.alignfull.uagb-is-root-container {
  background: none;
}

/* Top spacing for that UAGB container */
.wp-block-uagb-container.uagb-block-344bf4c5 {
  padding-top: 8%;
}

/* Separator spacing, typo fixed (margin-top) */
.uagb-separator-spacing-wrapper {
  margin-top: 50px;
  margin-bottom: 50px;
}

/* =========================
   THEME LAYOUT TWEAKS
   ========================= */
@media (min-width: 921px) {
  .home .ast-theme-transparent-header #masthead {
    position: relative !important;
  }
.ast-theme-transparent-header #masthead {
    position: relative !important;
  }
}

@media (min-width: 993px) {
  .ast-separate-container #primary,
  .ast-separate-container.ast-left-sidebar #primary,
  .ast-separate-container.ast-right-sidebar #primary {
    margin: 0 0;
  }
}

/* =========================
   RESPONSIVE VIDEO AND EMBEDS
   Works for YouTube blocks, generic Embed blocks, and Astra oEmbed
   ========================= */

/* Base rule for iframes inside WP embed wrappers and direct YouTube iframes */
.wp-block-embed__wrapper iframe,
iframe[src*="youtube.com/embed"],
iframe[src*="youtube-nocookie.com/embed"],
.ast-oembed-container iframe {
  width: 100%;
  height: auto !important;
  aspect-ratio: 16 / 9;
  display: block;
  border: 0;
}

/* Make Astra's oEmbed wrapper cooperate with aspect-ratio */
body .ast-oembed-container *,
.ast-oembed-container {
  position: relative;
}
.ast-oembed-container {
  height: auto !important;
  padding-top: 0 !important;
}

/* Ensure WP Video block (self-hosted files) matches the 16:9 look */
.wp-block-video video,
.video-16x9 video {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

/* =========================
   OPTIONAL UTILITY WRAPPER
   Use a div with class "fix-my-video" around a raw iframe if needed
   ========================= */
.fix-my-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.fix-my-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
@media (max-width: 921px) {
	
	    .ast-theme-transparent-header .site-title a, .ast-theme-transparent-header .site-title a:focus, .ast-theme-transparent-header .site-title a:hover, .ast-theme-transparent-header .site-title a:visited, .ast-theme-transparent-header .ast-builder-layout-element .ast-site-identity .site-title a, .ast-theme-transparent-header .ast-builder-layout-element .ast-site-identity .site-title a:hover, .ast-theme-transparent-header .ast-builder-layout-element .ast-site-identity .site-title a:focus, .ast-theme-transparent-header .ast-builder-layout-element .ast-site-identity .site-title a:visited {
        color: var(--ast-global-color-0);
    }
	
	  body.ast-header-break-point #content {
    padding-top: 140px; /* tweak this to match your mobile header height */
  }

  /* Optional: make in-page jumps (like skip links) land below the header */
  html {
    scroll-padding-top: 140px;
  }
	.ast-desktop .ast-primary-header-bar.main-header-bar, .ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar {
    margin-top: 0px;
}
    .ast-separate-container.ast-right-sidebar #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container #primary, .ast-plain-container #primary, .ast-narrow-container #primary { margin-top: 0; }
}