/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

/* BANNER IMAGE */

#hide-header>h2 {
    display: none;
}

#banner-img {
    background-image: url("./images/resizedimage600257-IMG3498-cropped.jpg");
    /* pick nice height for the photo then set padding top to that height -105px; */
    height: 330px;
    padding-top: calc(330px - 105px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -35px;
    margin-right: -28px;
    margin-bottom: 24px;
    margin-left: -28px;
}

#banner-img>div {
    color: white;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0.35)));
    background: -o-linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35));
    background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35));
    padding: 12px;
    padding-left: 15px;
    padding-right: 30px;
    font-size: 2em;
    width: 585px;
    max-width: 100%;
}

@media (max-width: 601px) {
    #banner-img {
        /* move text up (grab height from above and substract 1 lineheight) */
        padding-top: calc(332px - 105px - 49px);
    }
    #banner-img>div {
        width: 315px;
    }
}

@media (max-width: 331px) {
    #banner-img {
        /* move text up (grab height from above and substract 2 lineheight) */
        padding-top: calc(332px - 105px - 98px);
    }
}

@media (max-width: 277px) {
    #banner-img {
        /* move text up (grab height from above and substract 3 lineheight) */
        padding-top: calc(332px - 105px - 147px);
    }
}

/* No margin under maps */

.html-widget {
    margin-bottom: 0px !important;
}

/* bootstrap slider tooltips */

.slider .tooltip.bs-tooltip-top {
    opacity: 1;
    margin-top: 22px;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
}

.tooltip-inner {
    background: #00788a !important;
}

.slider-track {
    background: #53acb9 !important;
    opacity: 0.2;
}

.slider-tick {
    background: #53acb9 !important;
    opacity: 1;
}

.slider-handle {
    background: #00788a !important;
    opacity: 1;
}

.slider {
    margin-bottom: 24px !important;
}

.slider.slider-horizontal .slider-tick.round {
    border-radius: 15%;
    width: 4px;
    height: 12px;
    margin-left: -2px !important;
    margin-top: 4px;
}

.hidden {
    visibility: hidden;
}

/* separate present from scale on legend */

div.info.legend.leaflet-control.seagrass-legend>br:nth-child(13) {
    display: block;
    margin: 4px 0;
    content: "";
}

div.info.legend.leaflet-control.seagrass-legend>i:nth-child(12) {
    display: none;
}

/* mess with tabsets */

/* .tabset>ul>li>a {
    background-color: #00788a;
    color: #FFF !important;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #53acb9;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #EEE;
    background-color: #53acb9;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs {
    border-bottom: 1px solid #53acb9;
} */

/* NAVBAR TITLE ON RESULTS PAGE */
body > div.container-fluid.main-container > div.navbar.navbar-default.navbar-fixed-top > div > div.navbar-header > a {
    
}