/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Saira+Semi+Condensed:wght@400;500;600&display=swap');

/* Marker */
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: #282D33;
    color: #FFFFFF;
}

/* body */
body {
    font-family: "Saira Semi Condensed", sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: uppercase;
}

/* Search field */
@media only screen and (min-width: 640px) {
    .sm-results__heading, .sm-filters__heading {
        font-size: 1.25rem;
        font-weight: 500;
    }
}

.sm-results__text, .sm-filters__text, .sm-filters__filter {
    font-size: 1rem;
}

.sm-results__link--active {
    font-weight: 500;
}

.sm-controls__box {
    background-color: #282D33;
    border: 1px solid #3A404A;
    border-radius: 8px;
    box-shadow: 0 0.25rem .5rem 0 rgba(0, 0, 0, 0.4);
}

.sm-controls__toggle {
    border: 1px solid #282D33;
}

.sm-controls__toggle:hover {
    background-color: #3A404A;
}

.sm-controls__search, .sm-results__search {
    border-top: 1px solid #3A404A;
    border-right: 1px solid #3A404A;
    border-left: 1px solid #3A404A;
    border-bottom: 1px solid #3A404A;
    border-radius: 0;
}

.sm-controls__search:hover, .sm-results__search:hover {
    background-color: #1F2328;
}

.sm-controls__search:focus, .sm-results__search:focus {
    border: 1px solid #D8D8D8;
    outline: none;
    background-color: #1F2328;
}

.sm-controls__toggle:focus {
    outline: none;
    background-color: #1F2328;
}

.sm-controls__search-reset:hover svg {
    fill: #E8392A;
}

.sm-controls__search-reset:focus {
    outline: none;
}

/* Results field */
.sm-results__link {
    border-bottom: 1px solid #3A404A;
    font-size: 1rem;
    line-height: 1em;
}

.sm-results {
    border: 1px solid #3A404A;
    border-radius: 8px;
    box-shadow: 0 0.25rem .5rem 0 rgba(0, 0, 0, 0.4);
}

.sm-results__header {
    border-bottom: 1px solid #3A404A;
}

.sm-results__list {
    color: var(--text-color);
}

.sm-attribution {
    display: none;
}

/* Filters field */
.sm-filters {
    border: 1px solid #3A404A;
    border-radius: 8px;
    box-shadow: 0 0.25rem .5rem 0 rgba(0, 0, 0, 0.4);
}

.sm-filters__header {
    border-bottom: 1px solid #3A404A;
}

.sm-filters__filter {
    border-bottom: 1px solid #3A404A;
    color: var(--text-color);
}

input:checked + .sm-filters__toggle {
    border: 1px solid var(--text-color);
}

input:checked + .sm-filters__toggle::before {
    left: auto;
    right: 0.0625rem;
    background: var(--text-color);
}

.sm-filters__filter:focus, .sm-results__link:focus {
    outline: none;
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
    border: 1px solid #3A404A;
}

.leaflet-bar a:hover {
    background-color: #1F2328;
}