:root {
    --site-gold: #b6914c;
    --site-blue: #0d5a74;
    --facebook-background: #fffaf0;
}

html {
    scroll-behavior: auto;
}

body {
    font-family: "PT Serif", serif !important;
}

.main-site-colour {
    background-color: var(--site-gold);
}

.main-heading-colour {
    color: var(--site-blue);
}

.main-link-colour {
    color: var(--site-gold);
}

.top-banner-row {
    padding: 0.5em 0;
}

.top-banner-row h5 {
    padding-top: 0.5em;
}

.social-links,
.footer-social-links {
    white-space: nowrap;
}

.social-links a,
.footer-social-links a {
    display: inline-block;
    text-decoration: none;
}

.social-links a {
    color: #fff;
    margin-right: 1.5rem;
}

.social-links a:last-child,
.footer-social-links a:last-child {
    margin-right: 0;
}

.footer-social-links a {
    color: var(--site-gold);
    margin-right: 1.5rem;
}

.social-links svg,
.footer-social-links svg {
    width: 1.5em;
    height: 1.5em;
    fill: currentColor;
}

.navbar .nav-link {
    font-size: 1.2em;
}

.navbar .nav-link.active {
    color: var(--site-gold);
}

.my-section-padding {
    padding: 10em 2em;
}

.facebook-section {
    background-color: var(--facebook-background);
}

.facebook-image-wrap {
    padding: 1em 0 1.5em;
}

.contact-row {
    padding: 10em 0;
}

.contact-column {
    padding: 1em;
}

.contact-map {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.contact-success > div {
    padding-bottom: 1em;
}

.form-control:focus,
.was-validated .form-control:invalid:focus,
.was-validated .form-control:valid:focus {
    box-shadow: none;
}

.form-field {
    padding-bottom: 0.4em;
}

.form-submit {
    padding-bottom: 1.5em;
}

.form-alert {
    padding-bottom: 1em;
}

.verification-question {
    display: flex;
    min-height: 32px;
    margin-bottom: 0.35em;
    align-items: center;
    gap: 4px;
}

.verification-question img {
    width: 30px;
    height: 26px;
    vertical-align: middle;
}

.form-honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

@media (max-width: 1200px) {
    .my-section-padding {
        padding: 8em;
    }
}

@media (max-width: 576px) {
    .my-section-padding {
        padding: 1em;
    }

    .my-heading-padding {
        padding-top: 1em;
    }

    .top-banner-row .social-links {
        text-align: left !important;
        padding-bottom: 0.5em;
    }
}