@import "bootstrap-5.3.8-dist/bootstrap.min.css";
@import "bootstrap-5.3.8-dist/bootstrap.rtl.min.css";
@import "bootstrap-5.3.8-dist/bootstrap-grid.min.css";
@import "bootstrap-5.3.8-dist/bootstrap-grid.rtl.min.css";
@import "bootstrap-5.3.8-dist/bootstrap-reboot.min.css";
@import "bootstrap-5.3.8-dist/bootstrap-reboot.rtl.min.css";
@import "bootstrap-5.3.8-dist/bootstrap-utilities.min.css";
@import "bootstrap-5.3.8-dist/bootstrap-utilities.rtl.min.css";

html {
    font-family: Arial, Helvetica, sans-serif;
}

html, body, .sticky-top {
    background: #04080A;
}

h1, h2, h3, h4, h5, p, label {
    color: rgba(255, 255, 255, .6);
}

h3 {
    font-weight: bold;
}

p {
    font-size: larger;
}

.btn-primary {
    background: #2742A7;
}

#mainLogo {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/*
 * Header
 */
.masthead {
    padding: 0.5rem 0;
}

.masthead-brand {
    margin-bottom: 0;
}

.nav-masthead .nav-link {
    margin: 0 0.5rem;
    padding: .25rem 0;
    font-weight: 700;
    color: rgba(255, 255, 255, .6);
    background-color: transparent;
    border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
    border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .active {
    color: #fff;
    border-bottom-color: #fff;
}

@media (min-width: 48em) {
    .masthead-brand {
        float: left;
    }
    .nav-masthead {
        float: right;
    }
}

/*
 * Sections
 */
#contact, #mission, #services, #vision {
    margin: 6rem 0;
}

.contact-success, .contact-error {
    margin: 0 auto 1rem;
    max-width: 40rem;
}

#contactForm {
    margin: 0 auto;
    max-width: 40rem;
}

.honeypot {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}