html {
    height: 100%;
}

body {
    font-family: 'Nimbus Sans L', sans-serif;
    min-height: 100%;
}

h1 {
    font-size: 130%;
}

h3 {
    font-size: 110%;
    font-weight: bold;
}

.today {
    background-color: #8ec1c1;
}

.iframe_maps {
    min-height: 400px;
}

nav {
    background-color: #c3e3e3 !important;
}

a.navbar-brand {
    color: #777777 !important;
}

footer.footer {
    background-color: #c3e3e3 !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.content {
    background-color: #eaf7f7;
    padding-top: 10px;
    min-height: 400px;
}

.btn-primary {
    background-color: #56cbdb;
    border-color: #56cbdb;
    background-color: #8ec1c1;
    border-color: #8ec1c1;
}

.btn-primary:hover {
    background-color: #56cbdb;
    border-color: #56cbdb;
}

btn-primary.focus, .btn-primary:focus {
    box-shadow: none !important;
}

span.show-ctrl {
    display: inline;
}
span.hide-ctrl {
    display: none;
}

.cc-window {
    border: solid #56cbdb 1px;
}

.cc-color-override--1608664607.cc-window {
    background-color: rgba(234, 247, 247, 0.8) !important;
}

/* openlayers - OSM contributirs */
.ol-attribution li {
    font-size: 80%;
}

img.instagram_profile_image {
    display: none !important;
}

p.instagram_tag {
    margin-bottom: 0.2rem !important;
}

@media only screen and (max-width: 480px) {
    #btn_select {
        margin-top: 12px;
    }
}


.navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#front_map {
    height: 600px;
    width: 100%;
}
#area_map {
    height: 500px;
    width: 100%;
}
#where_map {
    height: 500px;
    width: 100%;
}
#noaa_area_map {
    height: 600px;
    width: 100%;
}

#profiler_map {
    height: 650px;
    width: 100%;
}
@media  only screen and (min-device-width : 320px)  and (max-device-width : 568px){
    #area_map, #front_map, #where_map, #profiler_map {
        height: 400px;
    }
    #noaa_area_map {
        height: 500px;
    }
}

.leaflet-tooltip-own {
    padding: 2px;
}