#map {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}

#parentWrapper {
    margin: 0;
    padding: 0;
    color: #08262A;
    font-size: 16px;
    line-height: 1.2;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    position: relative;
    margin: 0 auto;
}

#parentWrapper .text {
    margin: 20px auto;
    padding: 0 20px;
    max-width: 720px;
}

#parentWrapper #controls {
    padding: 12px;
    background: #92b29c;
    border-bottom: 1px solid rgb(156 167 176 / 60%);
}

#parentWrapper #mapContainer {
    margin: 10px;
    position: relative;
    border-radius: 8px;
    border: 1px solid rgb(156 167 176 / 60%);
    overflow: hidden;
}

#parentWrapper .highlight {
    color: #08262A;
    font-weight: bold;
}

#birdmap {
    width: 100%;
    height: 74vh;
    position: relative;
    border-radius: 0 0 6px 6px;
}

#slider {
    position: relative;
    margin: 10px 20px;
}

/* MAPBOX CUSTOM STYLES */

.mapboxgl-ctrl-logo {
    pointer-events: none;
}

.mapboxgl-ctrl-attrib-button {
    display: none;
}

.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
    display: none;
}

.mapboxgl-popup-content {
    border-radius: 8px;
    padding: 12px;
    font-size: 1em;
    max-height: 30vh;
    overflow-y: scroll;
    font-family: "Open Sans", sans-serif;
}

#parenWrapper .selectize-dropdown .selected,
#parenWrapper .selectize-dropdown .active,
#parentWraper .selectize-dropdown .active:not(.selected),
#parentWrapper .selectize-dropdown .selected {
    background-color: #296B6B;
}

#parentWrapper .selectize-control {
    max-width: 500px;
    margin: auto;
}


#parentWrapper .irs--big .irs-bar {
    /* border: 1px solid #296B6B; */
    top: 26px;
    height: 26px;
    border: 1px solid #d7dcad;
    /* background: linear-gradient(to bottom, #ffffff 0%, #1D4849 30%, #296B6B 100%); */
    box-shadow: none;
    background: #d7dcad;
}

#parentWrapper .irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
    color: white;
    background: #92b29c;
    border: none;
}

#parentWrapper .irs--big .irs-line {
    top: 26px;
    height: 26px;
    background-color: white;
    background: linear-gradient(to bottom, #ddd -50%, white 150%);
    border: 1px solid #ccc;
    border-radius: 13px;
}

#parentWrapper .irs--big .irs-handle {
    top: 25px;
    width: 30px;
    height: 30px;
    border: 2px solid rgba(255, 255, 255, 1);
    background: none;
    background-color: #f9d580;
    border-radius: 30px;

    box-shadow: none;
}

#parentWrapper .selectize-dropdown .active:not(.selected) {
    background: #efefef;
    color: #495c68;
}