/* ============================================
   CORE STYLES — GLOBAL TYPE, LAYOUT, HEADINGS
   ============================================ */

/* Body defaults */
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    line-height: 1.5;
    color: #222;
    margin: 0;
    padding: 0;
    font-size: 18px;
}

/* Remove problematic global spacing from old stylesheet */
html, body {
    height: 100%;
}

/* ============================================
   Heading Hierarchy — CLEAN + CONSISTENT
   ============================================ */

/* Page titles */
h1 {
    font-size: 2.0rem;
    font-weight: 700;
    color: #004c99;
    text-align: center;
    margin: 0.6em 0 0.5em;
}

/* Section titles */
h2 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #1e73be;
    text-align: center;
    margin: 0.8em 0 0.5em;
}

/* Subheadings (like “People Near You”) */
h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    text-align: left;
    margin: 1.0em 0 0.4em;
}

/* Minor headings */
h4, h5, h6 {
    font-weight: 600;
    color: #444;
    text-align: left;
    margin: 0.6em 0 0.3em;
}

/* Responsive Heading Size Adjustments */
@media (max-width: 600px) {
    h1 { font-size: 1.7rem; margin: 0.5em 0 0.4em; }
    h2 { font-size: 1.35rem; margin: 0.6em 0 0.4em; }
    h3 { font-size: 1.1rem; margin: 0.7em 0 0.3em; }
    body {font-size: 16px; }
}

/* W3 button enhancements */
.w3-bar .w3-button {
    font-weight: bold;
    padding: 5px;
}

/* ============================================
   Site Footer
   ============================================ */

.aws-footer {
    background: #0d47a1;
    color: #fff;
    padding: 16px 8px;      /* keep your preferred padding */
    text-align: center;
    font-size: 0.8rem;
    position: relative;
    z-index: 2001;          /* higher than the bottom nav */
}

/* Mobile: add a little extra breathing room inside the footer */
@media (max-width: 768px) {
  .aws-footer {
    padding-bottom: 80px;
  }
}


.aws-footer a {
    color: #ffeb3b;               /* yellow-ish for visibility */
    text-decoration: none;
}

.aws-footer a:hover {
    text-decoration: underline;
}