/* Custom Styles */

/* Prevents the top nav from obscuring map controls */
body { margin-top: 50px; }

/* Map Div */

#map {
  position:absolute;
  height:93%;
  width:100%;
}

/* MapBox Popup Marker Styling */
/* Adapted from https://www.mapbox.com/mapbox.js/example/v1.0.0/markers-with-image-slideshow/ */

.mapboxgl-popup-content {
  width: 200px;
}

.popup {
    text-align: center;
}
.popup .slideshow {
    width: 100%;
}
.popup .slideshow .image {
    display: none;
}
.popup .slideshow .active {
    display: block;
}
.popup .slideshow img {
    width: 100%;
}
.popup .slideshow .caption {
    background: #eee;
    padding: 8px;
}
.popup .cycle {
    height: 30px;
    margin-top: 5px;
    padding-top: 5px;
}
.popup .cycle a.prev {
    float: left;
}
.popup .cycle a.next {
    float: right;
}

/* Alert message */

#alert-vucampus, #alert-browser, #alert-noresults {
  display:none;
  margin-bottom:0px;
}

#layer-options {
  float: right;
  position: relative;
  right: 25px;
  top: 10px;
  z-index: 1;
}

#point-options {
  float: right;
  position: relative;
  right: 35px;
  top: 10px;
  z-index: 2;
}

.slider {
    float: right;
    position: relative;
    right: 5px;
    top: 10px;
    z-index: 3;
}