/* === AYD Branding CSS === */

/* Global colors */
:root {
  --ayd-blue: #002366;   /* Navy Blue */
  --ayd-gold: #FFD700;   /* Gold */
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: var(--ayd-blue);
  font-weight: 700;
}

/* Links */
a {
  color: var(--ayd-blue);
  text-decoration: none;
}
a:hover {
  color: var(--ayd-gold);
  text-decoration: underline;
}

/* Buttons */
button,
.wp-block-button__link,
input[type="submit"],
input[type="button"] {
  background-color: var(--ayd-blue);
  color: #fff;
  border-radius: 5px;
  padding: 10px 20px;
  border: none;
  font-weight: 600;
}
button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: var(--ayd-gold);
  color: #000;
}

/* Footer */
.site-footer {
  background-color: var(--ayd-blue);
  color: #ffffff;
  padding: 20px;
}
.site-footer a {
  color: var(--ayd-gold);
}
.site-footer a:hover {
  color: #ffffff;
}
/* General hero banner mobile adjustments */
@media (max-width: 768px) {
  .wp-block-cover,
  .hero,
  .hero-banner {
    background-size: cover !important;
    padding: 40px 20px !important;
    text-align: center !important;
  }

  .wp-block-cover h1,
  .hero h1,
  .hero-banner h1 {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }

  .wp-block-cover p,
  .hero p,
  .hero-banner p {
    font-size: 16px !important;
  }
}
/* Mobile header: fix long site title */
@media (max-width: 768px) {
  .site-title {
    display: block !important;          /* Stack below the logo */
    text-align: center !important;      /* Center under logo */
    font-size: 18px !important;         /* Shrink font for mobile */
    line-height: 1.3 !important;        /* Better spacing */
    word-break: break-word !important;  /* Prevent overflow */
    margin: 5px 0 0 0 !important;       /* Space from logo */
  }

  .custom-logo-link img {
    max-width: 80px !important;         /* Logo slightly smaller on mobile */
    height: auto !important;
    margin: 0 auto !important;
  }
}
.ast-hero-section {
    background-size: contain !important;
    background-position: center !important;
}/* Prevent Astra from cropping featured images on mobile */
@media only screen and (max-width: 768px) {
  img.wp-post-image,
  .ast-featured-image img,
  .entry-content img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important; /* keep whole image visible */
  }

  /* For cover backgrounds Astra sometimes uses */
  .post-thumb img,
  .entry-header img {
    object-fit: contain !important;
  }
}