/* Site styles on top of Bootstrap 5. */

html { font-size: 16px; }
body { font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }

/* Room for the fixed navbar. */
main { padding-top: 56px; }

.hero {
    background: linear-gradient(135deg, #1f3a5f 0%, #3c6e71 100%);
    color: #fff;
    padding: 6rem 0;
}
.hero .lead { font-size: 1.35rem; opacity: 0.95; }

.page-section { padding: 3.5rem 0; }

.site-footer a { color: #adb5bd; }
.site-footer a:hover { color: #fff; }

/* Honeypot: off-screen for people, still present for bots. */
.hp-field { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.field-validation-valid { display: none; }

@media (max-width: 575.98px) {
    .hero { padding: 4rem 0; }
    .hero h1 { font-size: 2.25rem; }
}