:root,
[data-bs-theme=light] {
    --bs-primary: #f90b0b;
    --bs-primary-rgb: 0, 96, 174;
    --bs-primary-text-emphasis: #002646;
    --bs-primary-bg-subtle: #CCDFEF;
    --bs-primary-border-subtle: #99BFDF;
    --bs-secondary: #ff4c4c;
    --bs-secondary-rgb: 255, 76, 76;
    --bs-secondary-text-emphasis: #661E1E;
    --bs-secondary-bg-subtle: #FFDBDB;
    --bs-secondary-border-subtle: #FFB7B7;
    --bs-body-color: #292929;
    --bs-body-color-rgb: 30, 31, 31;
    --bs-secondary-color: rgba(30, 31, 31, 0.75);
    --bs-secondary-color-rgb: 30, 31, 31, 0.75;
    --bs-tertiary-color: rgba(30, 31, 31, 0.5);
    --bs-tertiary-color-rgb: 30, 31, 31, 0.5;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-body-font-family: ABeeZee, sans-serif;
    --bs-border-color: #b1b1bc
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: 'Roboto';
}

p {
    font-weight: 500;
}

.nav-link {
    color: #292929;
}

.text-primary {
    color: #292929 !important;
}

.link-primary {
    color: #292929 !important;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0060AE;
    --bs-btn-border-color: #0060AE;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #005294;
    --bs-btn-hover-border-color: #004D8B;
    --bs-btn-focus-shadow-rgb: 217, 231, 243;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #004D8B;
    --bs-btn-active-border-color: #004883;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0060AE;
    --bs-btn-disabled-border-color: #0060AE
}

.btn-outline-primary {
    --bs-btn-color: #0060AE;
    --bs-btn-border-color: #0060AE;
    --bs-btn-focus-shadow-rgb: 0, 96, 174;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0060AE;
    --bs-btn-hover-border-color: #0060AE;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0060AE;
    --bs-btn-active-border-color: #0060AE;
    --bs-btn-disabled-color: #0060AE;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0060AE
}

.btn-secondary {
    --bs-btn-color: #000000;
    --bs-btn-bg: #ff4c4c;
    --bs-btn-border-color: #ff4c4c;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #FF6767;
    --bs-btn-hover-border-color: #FF5E5E;
    --bs-btn-focus-shadow-rgb: 38, 11, 11;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #FF7070;
    --bs-btn-active-border-color: #FF5E5E;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #ff4c4c;
    --bs-btn-disabled-border-color: #ff4c4c
}

.btn-outline-secondary {
    --bs-btn-color: #ff4c4c;
    --bs-btn-border-color: #ff4c4c;
    --bs-btn-focus-shadow-rgb: 255, 76, 76;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #ff4c4c;
    --bs-btn-hover-border-color: #ff4c4c;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #ff4c4c;
    --bs-btn-active-border-color: #ff4c4c;
    --bs-btn-disabled-color: #ff4c4c;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ff4c4c
}

.container {
    display: grid;
    place-items: center;
    min-height: 400px
}

.sticky-stack {
    background: #fff;
    color: #1560ae;
    margin: 0;
    width: 100%;
    height: auto
}

.sticky-stack dt {
    position: sticky;
    top: 100px;
    font-weight: 700;
    background: #1560ae;
    color: #fff;
    padding: .25rem 1rem
}

.sticky-stack dd {
    margin: 0;
    padding: .75rem 1rem
}

.sticky-stack dd+dt {
    margin-top: 1rem
}

.fit-cover {
    object-fit: cover
}

.underline:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background: #ff4c4c;
    z-index: -1
}

.accordion-item:hover {
    background-color: #f2f2f2
}

/* 

Landing Page With Video Container

*/

.landingPageSection {
    z-index: 1;
    position: relative;
    background-color: white;
}

.landingPageSectionFirstChild {
    width: 100%;
    height: 90vh;
    z-index: 1;
    position: relative;
    background-color: white;
}

.landingTextSection {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0.75;
}

#makeAppointment {
    position: absolute;
    width: 100%;
    height: 100%;
}

.scheduleLink_landingPage:hover {
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    #makeAppointment {
        text-align: center;
    }
}