html{
  font-family: 'Josefin Sans', sans-serif;
}

body {
}


#map {
  width: 100%;
  height: 500px;
}

#container {
  padding: 72px 25px;
  background-image: url('../img/yellowpubu.jpg');
  background-size: cover;
  width: 100%;
  height: 860px;
  position: relative;
}

/*#covermap {
  width: 100%;
  height: 500px;
}*/

#coverinfo {
  height: 300px;
}

#floating-panel {
  background-color: black;
  z-index: 5;
  padding: 5px;
  text-align: center;
  line-height: 30px;
  padding-left: 10px;
}

/*NavBar Styling reference http://www.w3schools.com/bootstrap/bootstrap_theme_band.asp*/

/* Add a dark background color with a little bit see-through */
.navbar {
    margin-bottom: 0;
    background-color: #2E3092 !important;
    border: 0;
    font-size: 13px !important;
    letter-spacing: 4px;
    opacity:0.9;
}

/* Add a gray color to all navbar links */
.navbar li a, .navbar .navbar-brand {
    color: white !important;
}

/* On hover, the links will turn white */
.navbar-nav li a:hover {
    color: #fff !important;
}

/* The active link */
.navbar-nav li.active a {
    color: #fff !important;
    background-color:#29292c !important;
}

/* Remove border color from the collapsible button */
.navbar-default .navbar-toggle {
    background-color: rgba(255, 255, 255, 0.53) !important;
}

/* Dropdown */
.open .dropdown-toggle {
    color: #fff ;
    background-color: #555 !important;
}

/* Dropdown links */
.dropdown-menu li a {
    color: #000 !important;
}

/* On hover, the dropdown links will turn red */
.dropdown-menu li a:hover {
    background-color: grey !important;
}

/*Footer Styling*/
/* Add a dark background color to the footer */
footer {
    background-color: #67BCDB;
    color: #f5f5f5;
    padding: 32px;
}

footer a {
    color: #f5f5f5;
}

footer a:hover {
    color: #777;
    text-decoration: none;
}

ul{
  list-style-type: none;
}

/* Add a dark gray background color to the modal header and center text */

.modal-header,
.modal-header h4,
.modal-header .close {
  background-color: #243D69;
  color: white !important;
  text-align: center;
  font-size: 30px;
  z-index: 100;
}

.modal-header,
.modal-body {
  padding: 40px 50px;
  z-index: 100;
}

.modal-backdrop {
  z-index: 0;
}
