@font-face {
    font-family: 'GothamHTF Medium';
    src: url("/Font/GothamHTF-Medium.otf");
}


.nav-placeholder{
    z-index: -10000 !important;
    display:none;
}

.hidden {
    display: none;
}

@media screen and (max-width: 39.9375em) {
    .small-up-1 .card-cell {
        padding: 3em;
    }
}

.tabs {
    border: none !important;
}
.group-full-image{
    opacity: 0.2;
}
.group-full {
    background-color: lightgrey !important;
    opacity: 0.7;
}

.fa {
    font-family: 'GothamHTF Medium', var(--fa-style-family,"Font Awesome 6 Free") !important;
}

.sticky-header {
    position: sticky !important;
    top: 0 !important;
    background-color: white !important;
}

.container-full {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.color-gray {
    color: #333333 !important;
}
.bg-white{
    background-color: white!important;
}
.bg-gray {
    background-color: #333333 !important;
}
.color-cream {
    color: #E8E1D5 !important;
}
.bg-cream{
    background-color: #E8E1D5 !important;
}
.ajs-message.ajs-success{
    text-shadow: none !important;
    color:#333333!important;
    font-weight:600;
    text-align: left!important;
}
.border-none {
    border: none !important;
}
.card-transition {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.grow {
    transition: all .2s ease-in-out;
}
@media screen and (min-width: 640px) {
    .grow:hover {
        transform: scale(1.05);
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px !important;
    }
}
.grow-manual{
    transform: scale(1.10);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px !important;
}
.card-text-styling {
    letter-spacing: .08em !important;
    font-weight: bold !important;
    font-family: 'GothamHTF Medium' !important;
}
.text-styling {
    letter-spacing: .14em;
    font-weight: bold !important;
    color: #4c5758 !important;
}
.h-90 {
    height: 90%!important;
}
.h-100{
    height:100%
}
.form-input {
    font-size: .9em !important;
    letter-spacing: .14em;
    font-weight: bold !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px!important;
}
.btn-outline {
    border: 2px solid black !important;
    background-color: white !important;
    color: #4c5758 !important;
    padding: .5em 1em !important;
    font-size: 1em !important;
    letter-spacing: .18em;
    font-weight: 300 !important;
}
.btn-outline-cream {
    border: 2px solid black !important;
    background-color: #E8E1D5 !important;
    color: #4c5758 !important;
    padding: .5em 1em !important;
    font-size: 1em !important;
    letter-spacing: .18em;
    font-weight: 300 !important;
}

.btn-outline-white {
    border: 2px solid white !important;
    background-color: #333333 !important;
    color: white !important;
    padding: .5em 1em !important;
    font-size: 1em !important;
    letter-spacing: .18em;
    font-weight: 300 !important;
}

    .btn-outline-white:hover {
        background-color: black !important;
    }

.btn-outline:hover{
    border: 2px solid black !important;
    background-color: black !important;
    color: white !important;
    padding: .5em 1em !important;
    font-size: 1em !important;
}
.btn-outline-cream:hover {
    border: 2px solid black !important;
    background-color: black !important;
    color: #E8E1D5 !important;
    padding: .5em 1em !important;
    font-size: 1em !important;
}

.tab-selector {
    border: 2px solid black !important;
    background-color: white !important;
    color: #333333 !important;
    padding: .75em !important;
    font-size: 1em !important;
    letter-spacing: .18em;
    font-weight: 300 !important;
}

    .tab-selector[aria-selected=true] {
        border: 2px solid black !important;
        background-color: #333333 !important;
        color: white !important;
        font-size: 1em !important;
    }

.rounded-border-light{
    border-radius: 3px !important;
}
.rounded-border-medium {
    border-radius: 10px !important;
}
.rounded-border-heavy {
    border-radius: 20px !important;
}
.shadow {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}
.reveal-shadow {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.capped-height{
    max-height: 85%;
}
body::-webkit-scrollbar {
    display: none;
}
body {
    overflow: -moz-scrollbars-none;
}
.reveal::-webkit-scrollbar {
    display: none;
}
.reveal {
    overflow: -moz-scrollbars-none;
    backdrop-filter: blur(0px);
    border: none!important;
    padding: 0!important;
    padding-bottom:1rem!important;
}
.reveal-overlay{
    backdrop-filter: blur(5px);
}
.tabs-content{
    border: none !important;
}
#map {
    height: 80vh; /* The height is 400 pixels */
    width: 100%; /* The width is the width of the web page */
}

select {
    overflow: -moz-scrollbars-none;
}
select::-webkit-scrollbar {
    display: none;
}

.dropdown-pane {
    max-height:50%;
    overflow: scroll;
}
.dropdown-pane::-webkit-scrollbar {
    display: none;
}

.mb-0{
    margin-bottom: 0em !important;
}

.p-0 {
    padding: 0em;
}

.p-1 {
    padding: 1em;
}

.p-2 {
    padding: 2em;
}

.p-3 {
    padding: 3em;
}

.p-4 {
    padding: 4em;
}

.p-5 {
    padding: 5em;
}

.pt-0 {
    padding-top: 0em;
}

.pt-1 {
    padding-top: 1em;
}

.pt-2 {
    padding-top: 2em;
}

.pt-3 {
    padding-top: 3em;
}

.pt-4 {
    padding-top: 4em;
}

.pt-5 {
    padding-top: 5em;
}

.pt-10 {
    padding-top: 10%;
}

.pt-15 {
    padding-top: 15%;
}

.pt-20 {
    padding-top: 20%;
}

.pt-30 {
    padding-top: 30%;
}

.pt-50 {
    padding-top: 50%;
}

.pb-0 {
    padding-bottom: 0em !important;
}

.px-half{
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
}
.px-0{
    padding-left: 0em !important;
    padding-right: 0em !important;
}
.pb-1 {
    padding-bottom: 1em;
}

.pb-2 {
    padding-bottom: 2em;
}

.pb-3 {
    padding-bottom: 3em;
}

.pb-4 {
    padding-bottom: 4em;
}

.pb-5 {
    padding-bottom: 5em;
}

.pl-0 {
    padding-left: 0em;
}

.pl-1 {
    padding-left: 1em;
}

.pl-2 {
    padding-left: 2em;
}

.pl-3 {
    padding-left: 3em;
}

.pl-4 {
    padding-left: 4em;
}

.pl-5 {
    padding-left: 5em;
}
.pr-0 {
    padding-right: 0em;
}

.pr-1 {
    padding-right: 1em;
}

.pr-2 {
    padding-right: 2em;
}

.pr-3 {
    padding-right: 3em;
}

.pr-4 {
    padding-right: 4em;
}

.pr-5 {
    padding-right: 5em;
}