/* ILR BUTTON FIX CSS LOADED */
:root { --ilr-button-fix-loaded: 1; }

/* ===================== GENERAL BUTTONS ===================== */

/* Museum Hue — button overrides */
:root {
  --mhue-orange: #a3511d;        /* main brand orange */
  --mhue-orange-hover: #8a4319;  /* hover orange */
  --mhue-cream: #f8f5f1;
}

/* Default button (solid orange, white text) */
body button,
body input[type="submit"],
body .wp-element-button,
body .wp-block-buttons .wp-block-button__link,
body .tribe-common-c-btn,
body a.button,
body a.btn {
    background-color: #B83100;
    color: #fff;
    font-family: var(--fondant-font--heading, 'Jost', sans-serif);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    border: none;
    border-radius: 4px;
    padding: 0.8rem 1.6rem;
    line-height: 1.1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

/* Hover + Focus */
body button:hover,
body input[type="submit"]:hover,
body .wp-element-button:hover,
body .wp-block-button__link:hover,
body .tribe-common-c-btn:hover,
body a.button:hover,
body a.btn:hover,
body button:focus,
body input[type="submit"]:focus,
body .wp-element-button:focus,
body .wp-block-button__link:focus,
body .tribe-common-c-btn:focus,
body a.button:focus,
body a.btn:focus {
    background-color: #B83100;
    color: #fff;
}

/* Outline variant (like “Learn More”) */
body .is-style-outline .wp-block-button__link,
body .button--outline,
body .btn--outline {
    background: transparent;
    border: 2px solid #B83100;
    color: #B83100;
}

body .button--outline:hover,
body .btn--outline:hover,
body .is-style-outline .wp-block-button__link:hover,
body .button--outline:focus,
body .btn--outline:focus,
body .is-style-outline .wp-block-button__link:focus {
    background-color: var(--mhue-orange);
    color: #fff;
}

/* ===================== ./END GENERAL BUTTONS ===================== */


/* ===================== HEADER MENU ===================== */

@media screen and (min-width: 850px) {
    body .main-navigation ul li.focus > ul {
        background: #FFF3DA;
    }
}

/* ===================== ./END HEADER MENU ===================== */


/* ===================== MISC ===================== */

body h1.entry-title,
body h2.wp-block-heading,
body h4.wp-block-heading,
body h5.wp-block-heading {
    color: #B83100;
}

/* If you need a background tweak here later */
body .wp-block-group.has-ftint-5-background-color {
    background: #f2be6f;
    margin: 0 0 -23px 0;
}

/* body .wp-block-group.has-ftint-6-background-color.has-background {
    border-top: 1px solid #666;
}

body .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex:last-of-type {
    background: #666;
} */

body #primary {
    margin: 80px auto 0;
}

/* ===================== ./END MISC ===================== */

.mh-mc-form { width: 100%; }
.mh-mc-row{
  display:flex;
  gap: 22px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
}

.mh-mc-row input{
  height: 38px;
  padding: 0 12px;
  border: 0;
  background: #fff;
  width: 260px; /* tweak to match your grid */
  max-width: 100%;
}

.mh-mc-row button{
  height: 38px;
  padding: 0 22px;
  border: 0;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.mh-mc-hp{
  position:absolute;
  left:-5000px;
}


/* ===================== MEMBERSHIP ===================== */

body.page-id-202 {
    font-family: var(--fondant-font--heading, 'Jost', sans-serif);
    font-weight: 600;
}

body.page-id-202 .um .um-form .um-button.um-button {
    /* duplicate class = tiny specificity boost */
    background-color: #B83100;
}

body.page-id-202 {
    outline: 5px solid magenta !important;
}



/* ===================== ./END MISC ===================== */



/* ===================== FOOTER ===================== */

/* =========================
   FOOTER (SINGLE-ROW GRID)
   ========================= */

body footer.site-footer {
  background: #FFF3DA;
}

body footer {
  width: 100%;
  padding: 25px 0;
  display: flex;
  align-items: center;
  background: var(--mhue-cream);
  border-top: 1px solid #B83100;;
}

/* Inner layout: 5 columns, first & last half width */
body footer .footer-inner {
  width: min(98%, 1200px);
  margin: 0 auto;
  padding: 0 1rem;
  display: grid;
  grid-template-columns: 0.5fr 1fr 1fr 0.5fr 0.5fr;
  align-items: center;
  gap: 1rem;
}

body footer .footer-inner {
  /* existing grid stuff... */
  grid-template-rows: 1fr;     /* force one row */
  grid-auto-flow: column;      /* never auto-create new rows */
  align-content: center;
}

body footer.mobile .footer-inner {
  /* existing grid stuff... */
  width: 80%
}

@media screen and (max-width: 468px) {
    body footer.mobile .footer-inner {
    /* existing grid stuff... */
    width: 100%
    }
}

/* force every block into row 1 */
body footer .footer-logo,
body footer .footer-connect-links,
body footer .footer-nav,
body footer .footer-donate,
body footer .footer-award {
  grid-row: 1;
}


/* Column placement */
body footer .footer-logo          { grid-column: 1; justify-self: start; }
body footer .footer-connect-links { grid-column: 2; justify-self: start; }
body footer .footer-nav           { grid-column: 3; justify-self: center; }
body footer .footer-donate        { grid-column: 4; justify-self: center; }
body footer .footer-award         { grid-column: 5; justify-self: end; }

/* Hide nav when footer.mobile is active */
body footer.mobile .footer-nav {
  display: none;
}

/* =========================
   CONTENT STYLES
   ========================= */

body footer a {
  color: #000;
  text-decoration: none;
}

/* Logo */
body footer .footer-logo img {
  width: clamp(60px, 7vw, 82px) !important;
  height: auto !important;
}

/* Email + socials stack */
body footer .footer-connect-links {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

body footer .footer-connect-links > a {
  font-size: clamp(12px, 1.4vw, 16px);
  line-height: 1.2;
}

/* Social icons */
body footer .footer-connect-links ul.footer-social {
  margin: clamp(8px, 1.5vw, 15px) 0 0 0;
  padding: 0;
  list-style: none;

  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 2vw, 1.5rem);

  font-size: clamp(12px, 2vw, 24px);
}

body footer .footer-connect-links ul.footer-social li.social a {
  display: inline-flex;
  width: clamp(20px, 3vw, 36px);
  height: clamp(20px, 3vw, 36px);
  border-radius: 50%;
  background: #000;
  align-items: center;
  justify-content: center;
}

body footer .footer-connect-links ul.footer-social li.social a i,
body footer .footer-connect-links ul.footer-social li.social a svg {
  color: #fff;
  fill: #fff;
  width: 60%;
  height: 60%;
}

/* Donate button */
body footer .footer-donate .wp-block-button__link {
  font-size: clamp(12px, 1.4vw, 14px);
  padding: clamp(6px, 0.8vw, 10px) clamp(14px, 1.6vw, 18px);
  white-space: nowrap;
}

/* Footer nav */
body footer ul#footer-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: clamp(12px, 1.3vw, 15px);
  line-height: clamp(18px, 2vw, 24px);
}

/* Award seal */
body footer .footer-award {
  display: flex;
  align-items: center;
}

body footer .footer-award img {
  height: clamp(70px, 7vw, 110px);
    aspect-ratio: 1 / 1;
    width: auto;
    object-fit: contain;
}

/* When footer enters mobile mode, collapse nav column */
body footer.mobile .footer-inner {
  grid-template-columns: 0.5fr 1.3fr 1fr 0.5fr;
}


/* Re-map columns so nothing points at the removed slot */
body footer.mobile .footer-logo          { grid-column: 1; }
body footer.mobile .footer-connect-links { grid-column: 2; }
body footer.mobile .footer-donate        { grid-column: 3; }
body footer.mobile .footer-award         { grid-column: 4; }

/* Nav is already hidden, but be explicit */
body footer.mobile .footer-nav {
  display: none;
}


/* ===================== ./END FOOTER ===================== */