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

/* Fix potential theme layout issue */
.page.ast-plain-container.ast-no-sidebar #primary {
    margin-top: 0;
    margin-bottom: 0;
}

/* Reduce space between header and content */
.site-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Fix margin issue for main content */
.site-main {
    margin-top: -30px !important; /* Adjust as needed */
    padding-top: 0 !important;
}

/* Mobile-specific adjustments */
@media screen and (max-width: 768px) {
    .site-main {
        margin-top: -50px !important; /* Adjust for mobile */
    }
}

/* Ensure site-content doesn't add extra spacing */
.site-content {
    padding-top: 0 !important;
}.center-map {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.center-map iframe {
  max-width: 100%;
}
/* Adjust map height for mobile view */
@media (max-width: 768px) {
  .center-map iframe {
    height: 320px !important;
  }
}

@media (max-width: 480px) {
  .center-map iframe {
    height: 260px !important;
  }
}
/* --- Contact Page Spacing Tweaks --- */

/* Reduce the top and bottom gap around the map */
.contact-map-section {
  margin-top: 1.2rem;
  margin-bottom: 1.5rem;
}

/* Slightly reduce spacing on smaller screens */
@media (max-width: 768px) {
  .contact-map-section {
    margin-top: 0.8rem;
    margin-bottom: 1.2rem;
  }
}

/* Tighten gap before "Contact us" section */
.wp-block-heading {
  margin-top: 0.8rem !important;
}
.entry-title { display: none; }
.hero-logo {
  max-width: 260px;
  width: 90%;
  margin: 0 auto 1.5rem auto;
  display: block;
}
@media (max-width: 768px) {
  .hero-logo {
    max-width: 180px;
    margin-bottom: 1rem;
  }
}
/* Header "Call Now" – Seedlet specific (desktop & tablet) */
.site-header .main-navigation ul.menu > li > a[href^="tel:"],
.site-header .main-navigation .menu > li > a[href^="tel:"],
.main-navigation a[href^="tel:"] {
  background-color: #000000;      /* default: black */
  color: #ffffff !important;      /* white text */
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: 600;
  line-height: 1;
  margin-left: 12px;
  display: inline-block;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transition: background-color .25s ease, color .25s ease, transform .08s ease;
}

/* Hover / focus */
.site-header .main-navigation ul.menu > li > a[href^="tel:"]:hover,
.site-header .main-navigation .menu > li > a[href^="tel:"]:hover,
.main-navigation a[href^="tel:"]:hover,
.site-header .main-navigation ul.menu > li > a[href^="tel:"]:focus {
  background-color: #bfa8a8;      /* blush that pops on #e5dbdb */
  color: #000000 !important;      /* readable on blush */
  transform: translateY(-1px);
}

/* Keep it tidy in sticky/compact headers */
.site-header .main-navigation ul.menu > li > a[href^="tel:"] svg {
  margin-right: 6px;
}

/* Mobile: if the link is inside the hamburger, make it full-width for easy tap */
@media (max-width: 782px) {
  .main-navigation a[href^="tel:"] {
    width: 100%;
    text-align: center;
    margin: 8px 0;
    padding: 12px 16px;
  }
}
.site-logo {
    display: none !important;
}
.wp-block-cover {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* 1) Home hero: center everything in the top Cover */
.home .wp-block-cover {
  display: flex !important;
  align-items: center !important;   /* vertical center */
  justify-content: center !important; /* horizontal center */
  min-height: 72vh;                 /* good fold height */
  padding: 0 !important;            /* remove double padding */
}

/* 2) Tweak the inner Group spacing (your "Hero Content Group") */
.home .wp-block-cover .wp-block-group {
  max-width: 960px;                 /* readable line-length */
  margin: 0 auto;
  padding: 20px 24px;               /* small, even breathing room */
  text-align: center;
}

/* 3) Logo sizing + balance */
.home .wp-block-cover .wp-block-image img {
  max-height: 110px;                /* adjust if you want smaller/larger */
  height: auto;
  width: auto;
  margin: 0 auto 10px;              /* small gap below logo */
  display: inline-block;
}

/* 4) Headline + subheadline rhythm */
.home .wp-block-cover h1,
.home .wp-block-cover .has-large-font-size {
  margin-top: 6px;
  margin-bottom: 10px;
  line-height: 1.15;
}

.home .wp-block-cover p {
  margin-top: 0.35rem;
  margin-bottom: 0.75rem;
}

/* 5) Buttons: tighter row on desktop, clean stack on mobile */
.home .wp-block-cover .wp-block-buttons {
  gap: 10px;                        /* even spacing between buttons */
  justify-content: center;
}

.home .wp-block-cover .wp-block-button__link {
  padding: 12px 18px;
  border-radius: 6px;               /* subtle modern rounding */
  font-weight: 600;
}

/* If your primary button uses the brand green, keep good contrast */
.home .wp-block-cover .wp-block-button.is-style-fill .wp-block-button__link {
  color: #fff;                      /* make sure text stays white */
}

/* 6) Mobile refinements */
@media (max-width: 782px) {
  .home .wp-block-cover {
    min-height: 64vh;
    padding: 10px !important;
  }
  .home .wp-block-cover .wp-block-group {
    padding: 10px 14px;
  }
  .home .wp-block-cover .wp-block-image img {
    max-height: 88px;
    margin-bottom: 8px;
  }
  .home .wp-block-cover .wp-block-buttons {
    flex-direction: column;
  }
  .home .wp-block-cover .wp-block-button {
    width: 100%;
  }
  .home .wp-block-cover .wp-block-button__link {
    width: 100%;
    text-align: center;
  }
}
/* Fix logo distortion inside the hero Cover */
.home .wp-block-cover .wp-block-image img {
  width: auto !important;         /* cancel Seedlet/Block width:100% */
  max-width: 100% !important;     /* allow it to shrink if needed */
  height: auto !important;        /* preserve aspect ratio */
  max-height: 110px !important;   /* adjust to taste */
  object-fit: contain !important; /* never crop or stretch */
}
.home .wp-block-cover {
  padding-top: 32px !important;
  padding-bottom: 28px !important;
}
/* Responsive logo size fix — restores clarity on desktop & mobile */
.home .wp-block-cover .wp-block-image img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  max-height: 150px !important; /* default for desktop */
}

/* Larger on big screens */
@media (min-width: 1024px) {
  .home .wp-block-cover .wp-block-image img {
    max-height: 180px !important;
  }
}

/* Slightly smaller on mobile for proportion */
@media (max-width: 600px) {
  .home .wp-block-cover .wp-block-image img {
    max-height: 130px !important;
  }
}
/* Reduce excess top spacing above the hero logo on homepage */
.home .wp-block-cover {
  padding-top: 20px !important; /* default is ~100px */
}

/* Adjust on desktop for slightly better proportion */
@media (min-width: 1024px) {
  .home .wp-block-cover {
    padding-top: 32px !important;
  }
}
/* Further reduce top spacing on homepage hero */
.home .wp-block-cover {
  padding-top: 8px !important; /* was 20px */
}

/* Desktop refinement */
@media (min-width: 1024px) {
  .home .wp-block-cover {
    padding-top: 16px !important; /* was 32px */
  }
}/* Tighten hero section spacing — removes excess white space above logo */
.home .wp-block-cover {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Add slight breathing room for desktop screens */
@media (min-width: 1024px) {
  .home .wp-block-cover {
    padding-top: 8px !important;
  }
}
/* Seedlet: remove the page title/header space on the homepage */
.home .entry-title,
.home .entry-header {
  display: none !important;
}

/* Kill any leftover top spacing from the article wrapper */
.home .site-main > article {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Ensure the hero has a tidy, compact height */
.home .wp-block-cover {
  margin-top: 0 !important;
  padding-top: 0 !important;
  min-height: 380px !important; /* desktop baseline */
}

@media (min-width: 1024px) {
  .home .wp-block-cover { min-height: 420px !important; }
}

@media (max-width: 782px) {
  .home .wp-block-cover { min-height: 320px !important; }
}
/* Adjust bottom spacing for the homepage hero */
.home .wp-block-cover {
  padding-bottom: 24px !important; /* tighter bottom padding */
  margin-bottom: 0 !important;
}

/* Desktop refinement */
@media (min-width: 1024px) {
  .home .wp-block-cover {
    padding-bottom: 32px !important;
  }
}

/* Mobile - keep buttons fully visible but tight */
@media (max-width: 768px) {
  .home .wp-block-cover {
    padding-bottom: 20px !important;
  }
}
/* Base: keep hero tidy on all screens */
.home-hero {
  /* stop the theme from forcing a tall min-height on the Cover */
  min-height: 0 !important;
}

/* MOBILE tuning */
@media (max-width: 600px) {
  /* trim the hero's internal padding */
  .home-hero .wp-block-cover__inner-container {
    padding-top: 1.25rem !important;   /* was too tall */
    padding-bottom: 1.25rem !important;
  }

  /* logo sizing in hero */
  .home-hero .wp-block-image img {
    max-width: 220px;                  /* adjust if you want a bit larger/smaller */
    height: auto;
  }

  /* the small line above the headline (Xpert Home Lending/NMLS line) */
  .home-hero p {
    margin-top: 0.35rem !important;
    margin-bottom: 0.75rem !important;
    line-height: 1.35 !important;
  }

  /* headline spacing & legibility */
  .home-hero h2, 
  .home-hero h1, 
  .home-hero .wp-block-heading {
    margin-top: 0.35rem !important;
    margin-bottom: 0.65rem !important;
    line-height: 1.25 !important;
  }

  /* lead sentence under headline */
  .home-hero .wp-block-paragraph {
    margin-top: 0.25rem !important;
    margin-bottom: 0.85rem !important;
    line-height: 1.45 !important;
  }

  /* buttons: stack full-width on small phones and tighten gap */
  .home-hero .wp-block-buttons {
    gap: 10px !important;
  }
  .home-hero .wp-block-buttons > .wp-block-button {
    width: 100% !important;
  }
  .home-hero .wp-block-button__link {
    width: 100% !important;
    text-align: center;
    padding: 12px 14px !important;
  }
}
padding-top: 1.25rem !important;  /* try 0.75rem */
/* ——— Headshot + Intro group ——— */
.home-intro{
  margin-top: 1.25rem;             /* pulls the intro closer to the hero */
  margin-bottom: 1.5rem;
  text-align: center;
}

/* headshot size (desktop-first) */
.home-intro .wp-block-image img{
  width: 240px;
  max-width: 60vw;
  height: auto;
}

/* socials: center + tidy spacing */
.home-intro .wp-block-social-links{
  justify-content: center;
  gap: 10px;
  margin: 0.5rem 0 1rem;
}

/* buttons: center and comfortable gap */
.home-intro .wp-block-buttons{
  justify-content: center;
  gap: 12px;
  margin-top: 0.5rem;
}
.home-intro .wp-block-button__link{
  padding: 12px 16px;
}

/* mobile tweaks */
@media (max-width: 600px){
  .home-intro{
    margin-top: 0.75rem;
    margin-bottom: 1.25rem;
  }
  .home-intro .wp-block-image img{
    width: 200px;                   /* tighten a bit on small screens */
    max-width: 70vw;
  }
  /* stack the two CTAs full-width on phones */
  .home-intro .wp-block-buttons > .wp-block-button{
    width: 100%;
  }
  .home-intro .wp-block-button__link{
    width: 100%;
  }
}

/* optional: slightly reduce the space BELOW the hero to meet the intro tighter */
@media (max-width: 600px){
  .home-hero{ margin-bottom: 0.5rem !important; }
}
@media (min-width: 601px){
  .home-hero{ margin-bottom: 0.75rem !important; }
}
/* ——— Three-Button Section ——— */
.home-links {
  margin-top: 1.5rem;                /* even rhythm with intro above */
  text-align: center;
}

.home-links .wp-block-buttons {
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}

.home-links .wp-block-button__link {
  display: block;
  width: 300px;
  max-width: 90vw;
  text-align: center;
  background-color: transparent;
  border: 1.5px solid #3c3c3c;
  border-radius: 4px;
  color: #3c3c3c;
  padding: 12px 16px;
  font-size: 15px;
  line-height: 1.4;
  transition: all 0.2s ease-in-out;
}

/* hover style to match brand */
.home-links .wp-block-button__link:hover {
  background-color: #000;
  color: #fff;
  border-color: #000;
}

/* mobile tightening */
@media (max-width: 600px) {
  .home-links {
    margin-top: 1.25rem;
  }
  .home-links .wp-block-button__link {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    padding: 11px 14px;
  }
}
/* Fix excess space above logo on mobile view */
@media (max-width: 600px) {
  .home-hero {
    padding-top: 0 !important;           /* remove default Cover padding */
    margin-top: -40px !important;        /* gently pull the section upward */
  }

  /* optional: keep logo slightly lower if it feels too close */
  .home-hero .wp-block-image {
    margin-top: 8px !important;
  }
}
/* ---------- MOBILE HERO: remove top gap & compress spacing ---------- */
@media (max-width: 600px) {

  /* Kill extra top space above the logo */
  .home-hero.wp-block-cover {
    padding-top: 0 !important;
    min-height: unset !important;                 /* avoid inherited min-height */
    margin-top: -44px !important;                 /* pull hero up further */
  }

  /* Inner container breathing room (small, controlled) */
  .home-hero .wp-block-cover__inner-container {
    padding-top: 10px !important;
    padding-bottom: 22px !important;
  }

  /* Logo spacing */
  .home-hero .wp-block-image {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  /* Tighten headline / subline / paragraph rhythm */
  .home-hero h1,
  .home-hero h2,
  .home-hero p {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    line-height: 1.25 !important;
  }

  /* Buttons: small bump, comfortable tap size */
  .home-hero .wp-block-buttons {
    margin-top: 12px !important;
  }
  .home-hero .wp-block-button__link {
    padding: 12px 18px !important;
    font-size: 16px !important;
  }
}

/* ---------- MOBILE PAGE: consistent vertical rhythm after hero ---------- */
@media (max-width: 600px) {

  /* Reduce the gap between hero and the next section (headshot/intro) */
  .intro-stack {
    margin-top: 16px !important;    /* smaller than default */
  }

  /* Keep the intro section tidy */
  .intro-stack .wp-block-image {
    margin-top: 8px !important;
    margin-bottom: 10px !important;
  }

  .intro-stack .wp-block-social-links {
    margin-top: 6px !important;
    margin-bottom: 10px !important;
    justify-content: center !important;
    gap: 10px !important;
  }

  /* The three long buttons under your headshot */
  .intro-stack .wp-block-buttons {
    gap: 10px !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
  }
  .intro-stack .wp-block-button__link {
    padding: 12px 16px !important;
    font-size: 16px !important;
  }
}

/* ---------- EXTRA: ensure no rogue page title shows on mobile ---------- */
@media (max-width: 600px) {
  .entry-title { display: none !important; }
}
/* Tighten space between Book a Call button and headshot (mobile only) */
@media (max-width: 600px) {
  .home-hero + .intro-stack {
    margin-top: -10px !important; /* pulls the headshot closer */
  }

  /* optional: if you want it even tighter */
  /* .home-hero + .intro-stack { margin-top: -20px !important; } */
}
/* Slight overlap between Book a Call button and headshot (mobile only) */
@media (max-width: 600px) {
  .home-hero + .intro-stack {
    margin-top: -60px !important; /* overlaps the blush background slightly */
    position: relative;
    z-index: 5; /* ensures headshot stays above hero background */
  }

  /* Keeps the headshot centered and prominent */
  .intro-stack .wp-block-image img {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 10;
  }
}
/* Desktop / normal view – keep the image */
.wp-block-cover.event-banner {
  background-size: cover !important;
  background-position: 50% 35% !important;
  min-height: 440px !important;
}
/* EVENT HERO – force blush on ALL screens */
.wp-block-cover.event-banner {
  background-image: none !important;
  background-color: #e5dbdb !important; /* or #c5afaf */
  background-repeat: no-repeat !important;
  background-size: cover !important;
  min-height: 440px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* inner content centered */
.wp-block-cover.event-banner .wp-block-cover__inner-container {
  text-align: center !important;
  width: 100% !important;
  padding: 0 1.25rem !important;
}

/* MOBILE tweaks */
@media (max-width: 768px) {
  .wp-block-cover.event-banner {
    min-height: 320px !important;
  }
}
.circle-logo img {
  border-radius: 50%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  width: 160px;
  height: 160px;
}
.jetpack-form .contact-form-submission {
    background-color: #e5dbdb;
    border-left: 4px solid #c5afaf;
    padding: 12px 16px;
    margin-top: 20px;
    color: #333;
    font-weight: 500;
    border-radius: 6px;
}
/* Match top buttons: dark background, blush text, rectangular corners */
.btn-pill .wp-block-button__link {
  background: #1f1b1b !important;   /* dark background */
  color: #e5dbdb !important;         /* blush text */
  border-radius: 6px;                /* same subtle rounding as top CTAs */
  padding: 12px 24px;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: .2px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
  transition: all .2s ease;
  border: 2px solid transparent;
}

/* Hover/Focus: blush background with dark text */
.btn-pill .wp-block-button__link:hover,
.btn-pill .wp-block-button__link:focus {
  background: #e5dbdb !important;   /* blush */
  color: #1f1b1b !important;        /* dark text for contrast */
  border-color: #1f1b1b;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(0,0,0,.15);
  outline: none;
}

/* Accessibility: gold outline for focus */
.btn-pill .wp-block-button__link:focus-visible {
  outline: 2px solid #a28663;
  outline-offset: 2px;
}