/* 1) Load Martel (Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Martel:wght@300;400;600;700;800;900&display=swap');

/* 2) Apply globally */
html, body {
  font-family: sans-serif;
}

/* 3) Ensure common UI elements inherit it (helpful in Power Pages) */
h1, h2, h3, h4, h5, h6,
p, a, button, input, select, textarea,
.navbar, .navbar-brand, .navbar-nav > li > a {
  font-family: sans-serif;
}

/* Donate button styling - Full height */
.donate-button-item {
    display: flex !important;
    align-items: stretch !important;
    margin-left: auto;
}

.donate-button {
    background-color: #FFD700 !important;
    color: #000 !important;
    font-weight: 700 !important;
    padding: 20px 24px !important; /* Add vertical padding back */
    border-radius: 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: background-color 0.2s ease;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap;
}

.donate-button:hover {
    background-color: #FFC700 !important;
    text-decoration: none !important;
    color: #000 !important;
}

.donate-button span {
    margin-left: 4px;
}

/* Ensure navbar items are same height */
.nav.navbar-nav {
    display: flex;
    align-items: stretch;
}
/* Hide Sign in button */
.headerSignInButton {
    display: none !important;
}

.card-img-top {
       image-rendering: -webkit-optimize-contrast;
       image-rendering: crisp-edges;
   }