@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    /* padding-top: 3rem; */
    /* padding-bottom: 3rem; */
    /* color: #fff; */
    /* color: #969aa5; */
    /* color: #1b949d !important; */
    /* color: rgb(var(--bs-tertiary-color-rgb)); */
}

a,
h1 {
    color: #b4485b !important;
}

/* navbar */
.navbar {
    transition: 500ms ease;
    background: transparent;
}

.navbar.scrolled {
    background: #fff;
}

.nav-link .active {
    background: #1b949d !important;

}

.nav-link {
    font-weight: 600;
    font-size: 1.2rem;
}

.navbar-brand {
    color: #b4485b !important;
    /* font-size: 1.75rem; */
    margin: 0;
}

#logo {
    /* height: 15vh; */
    transition: width .5s, height .5s;
    /* test */
    /* min-height: 10vw; */
    max-height: 23vw;
}

/* navbar */


/* Bump up size of carousel content */
.carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
}


.video-background {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.main-container {
    margin-top: 100vh;
}

/* modals */
.modal {
    z-index: 99999;
}

/*  */
.featurette-divider {
    margin: 5rem;
}

.featurette-heading h2 {
    font-size: calc(1rem + 2vw);
    margin-top: 5rem;
    user-select: none;
    color: #997d33 !important;
}

/* accordian */
.accordion-button:not(.collapsed) {
    color: unset;
    background-color: #e9ecef;
}

/* grecaptcha-badge */
.grecaptcha-badge {
    display: none;
}

/* mapbox */
.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right {
    display: none;
}

/* 
Bootstrap Variables 
*/

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #b4485b;
    --bs-btn-border-color: unset;
    /* --bs-btn-border-color: #0d6efd; */
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #a63c4f;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b4485b;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #a63c4f;
    --bs-btn-disabled-border-color: #0d6efd;
}

.form-check {
    /* margin-left: 20%; */
    margin-top: 10px;
}

.form-label {
    margin-top: 10px;
}

.form-select {
    padding-left: 6%;
}

.youtube-video {
    aspect-ratio: 16 / 9;
    width: 50%;
}

/* MQ */
@media (max-height: 750px) {
    .youtube-video {
        width: 30%;
    }
}

@media (max-width: 650px) {
    ul.nav {
        width: 49%;
    }

    .btn {
        --bs-btn-padding-y: 0.25rem;
        --bs-btn-padding-x: 0.5rem;
        --bs-btn-font-size: 0.875rem;
        --bs-btn-border-radius: var(--bs-border-radius-sm);
    }

    .youtube-video {
        width: 100%;
    }
}

@media (min-width: 62em) {
    .featurette-heading h2 {
        margin-top: 7rem;
    }
}

@media (max-height: 400px) {
    .featurette-heading h2 {
        /* font-size: 25px; */
        margin-top: 5rem;
    }
}

@media (orientation: landscape) {
    .featurette-heading h2 {
        margin-top: 10rem;
    }
}