:root {
    --black: #000;  
    --beige: #f7f5da;
    --pink: #ff0052;
    --white: #fff;
}

/* Placeholder color reset */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgba(0, 0, 0, 0.4) !important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(0, 0, 0, 0.4) !important;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(0, 0, 0, 0.4) !important;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(0, 0, 0, 0.4) !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(0, 0, 0, 0.4) !important;
}

::placeholder { /* Most modern browsers support this now. */
    color: rgba(0, 0, 0, 0.4) !important;
}

html, body { font-family: 'Raleway'; }
h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display';}

a { text-decoration: none !important; }

button { text-decoration: none !important; }

#govtech-container {
    margin-top: 72px;
    min-height: 90vh !important;
    max-height: 90vh !important;
}

#govtech-container h2 { font-size: 2rem; }
#govtech-container h4 { font-size: 1.5rem; }
#govtech-container h5 { font-size: 1.25rem; }

.pre-nav-logo { width: 25%; height: auto; }

#nav-wrapper { background-color: var(--beige); }
#nav-wrapper .btn { border-radius: 0; }
#nav-wrapper .btn-nav {
    color: var(--black);
    background-color: var(--beige);
    border-color: var(--beige);
}
#nav-wrapper .btn-nav:not(:disabled):not(.disabled):active,
#nav-wrapper .btn-nav:not(:disabled):not(.disabled).active,
.show > #nav-wrapper .btn-nav.dropdown-toggle {
    color: var(--white);
    background-color: #f31156;
    border-color: #f31156;
}

#description-wrapper #map-description-logo { width: 250px; height: auto; }

#govtechMap { z-index: 99; }

#nav-links li { display: inline; }

#companyName { font-family: "Raleway"; font-weight: bold; }
.accordion .card { border-top: none; border-right: none; }
.accordion .card:last-of-type { border-bottom: none; }
.card-header { background-color: var(--white); }

#search-wrapper .accordion .card:last-of-type { border-bottom: 1px solid rgba(0, 0, 0, 0.125); }

.bg-beige { background-color: var(--beige); }
.color-black { color: var(--black); }
.color-black:hover { color: var(--black); }
.color-pink { color: var(--pink); }
.color-pink:hover { color: var(--pink); }

.hidden { display: none; }

#filtersTitle { font-family: "Playfair Display"; font-size: 1.3rem; }


#govtech-container .form-control {
    border: 1px solid #ced4da;
    font-size: initial;
    text-align: initial;
}

#govtech-container #filtersAccordion button.multiselect {
    background-color: rgb(240, 240, 240);
}

#govtech-container #filtersAccordion ul.multiselect-container {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    left: initial !important;
    top: initial !important;
}

/* Multiple select dropdowns */
.multiselect-native-select { width: 100%; display: inline-block; }
.multiselect-native-select .btn-group { width: 100%; }
.multiselect-native-select .multiselect-container { width: 100%; }
.multiselect-native-select .multiselect-container > li > a { color: var(--black); }
.multiselect-native-select .multiselect-container > li > a > label { padding: 3px 20px 3px 20px; }
.multiselect-native-select .multiselect .multiselect-selected-text {
    width: 85%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: initial;
    vertical-align: top;
}

/* Popup Styling */
.leaflet-popup .leaflet-popup-content { font-weight: bold; text-align: center; }

#descriptionCard .button-text, #characterizationCard .button-text { font-size: 	1.25rem; }

/* Search */
.search-row-height { height: 100%; }
#search-wrapper #search-results-container #results-listing > li { margin-bottom: 5px; }
#search-wrapper #search-results-container #results-listing > li > a { color: var(--black); }
#search-wrapper #search-results-container #results-listing > li > a:hover { color: #f31156; }

/* Marker Cluster Styling */
.marker-cluster > div { background-color: #f5bfd2; }