/* static/base.css */

.lazy-map {overflow:hidden;}

.subtle-text {color: #847f7f;}

.t-white {color: #fff}
.txt-light-white {color: #ffffffb5}

.not-bold{font-weight: 500;}
.bold {font-weight: 600;}
.bolder {font-weight: 700;}
.italic {font-style: italic;}

.padding-right-20{padding-right: 20px;}

.bg-dark {background-color: #475948!important;}
.bg-medium {background-color: #567256!important;}
.bg-light {background-color: #475948d9!important;}
.bg-lighter {background-color: #596459d9!important;}
.bg-grey {background-color: #59645917!important;}


.div-light {
    background-color: #475948d9!important;
    color: #fff;
}

.div-medium {
    background-color: #567256!important;
    color: #fff;
}

.div-dark {
    background-color: #475948!important;
    color: #fff;
}

.txt-light {color: #475948d9}
.txt-medium {color: #567256}
.txt-dark {color: #475948}
.txt-gold {color: #b9a460}
.color-txt {color: #212529;}

.title-div h1 {
    color: #475948d9;
    font-weight: 700;
}

.title-div h2 {
    color: #475948d9;
}
.title-div h3 {
    color: #475948d9;
}
.title-div p {  }

.flatpickr-month, .flatpickr-months{ 
    background-color: #b9a460!important;
    color: #fff!important;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #b9a460!important;
    border-color: #b9a460!important;
}

.flatpickr-prev-month svg, .flatpickr-next-month svg {
    vertical-align: unset!important;
}

.flatpickr-prev-month, .flatpickr-next-month {
    color: #fff!important;
    fill: #fff!important;
}

.flatpickr-monthDropdown-month {
    color: #393939;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after, 
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-bottom-color: #fff!important;
    border-top-color: #fff!important;
}

.width-100 {width: 100%;}
.width-65, .text-65 {width: 65%;}
.width-50 {width: 50%;}
.width-35, .image-35 {width: 35%;}


.height-100 {height: 100%;}
.height-50 {height: 50%;}


.min-w-50 {min-width: 50%}
.max-width-300 {max-width: 300px}
.max-width-562 {max-width: 562px}
.max-width-800 {max-width: 800px}
.max-width-1000 {max-width: 1000px}

.md-title {
    font-size: calc(1.1rem + 1.1vw);
}

.px-20 {
    padding-left: 20px;
    padding-right: 20px;
}


/* Use relative units for text sizes */
p {
    font-size: 1.125em; /* This will make <p> text 1.125 times the base font size */
}

body {
    font-family: 'Raleway', sans-serif;
    font-size: 16px; /* You can adjust this as your base font size */
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
}

a {
    text-decoration: none;
}

li {font-size: 1.125em;}

.outer-1350 {
    display: flex;
    justify-content: center;
}

.inner-1000 {
    max-width: 1000px;
}

.inner-1350 {
    max-width: 1200px;
}

.inner-900 {
    max-width: 900px;
}

.navbar {
    height: 60px;
}

/* Add the initial background-color */
.main-navbar {
    background-color: #494e49f5 !important;
}

.nav-drop-down {
    background-color: #353a35bf;
}

.mob-nav-inner{
    display: flex;
}

.hidden {display: none;}

.nav-link {
    font-size: 19px;
    text-align: centre;
}

.accordion-button:focus {
   border-color: unset;
}

.accordion-button:not(.collapsed) {
    background-color: #b9a460!important;
    color: #fff;
}

.accordion-button:not(.collapsed):after {color: #fff;}
.accordian {
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25);
}

.accordion-button {
    padding: 4px 10px!important;
}
.accordion-body p {
    margin-bottom: unset;
}

.ar-px-20 {
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width: 1040px) {
    .r1040-min-h-60 {min-height: 60px;}
}

/* Make the mobile menu full screen with a background color */
@media (max-width: 991px) { /* Apply this style only for screens less than or equal to 991px wide (adjust as needed) */
    .nav-mobile-bg {
        padding: 30px 0px;
    }

    .nav-mobile-bg {
        background-color: #494e49f5 !important;
    }

    .main-nav-item {
        font-size: 1.8rem;
    }

}

@media (max-width: 933px) {
    .r933-min-h-60 {min-height: 60px;}
}

@media (max-width: 891px) {
    .r891-min-h-60 {min-height: 60px;}
}

@media (max-width: 768px) {
    .ar-px-20 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .r1040-min-h-60, .r933-min-h-60, .r891-min-h-60 {min-height: unset;}
}

@media (min-width: 768px) {

    .padding-left-20{padding-left: 20px;}
}

/* Style for the footer */
footer {
    background-color: #333; /* Set your desired background color */
    color: #fff; /* Set your desired text color */
    padding: 20px; /* Adjust padding as needed */
    position: relative;
    font-size: 16px;
    z-index: 1; /* Place the footer above the video */
}

.nav-text{font-size: 20px;}

.nav-fill{height: 60px;}

#footer-bottom {
    font-size: 16px;
}

.icon-div {display: flex;}