/*** Add your styles here **/

html {
  background-color: #f8f8f8;
}

/** Navigation **/
.navigation {
  background-color: #8ed3cc;
}

nav.main-nav  .nav-item {
  transition: background-color .3s ease;
}

nav.main-nav  .nav-item:hover {
  background-color: #39a69b;
  border-radius: 10px;
}

nav.main-nav .nav-link, .menuLink {
  color: #ffffff;
  font-family: 'Raleway', sans-serif;
  font-size: 1.4rem;
  
}

.navbar-brand {
  font-family: 'Pangolin', sans-serif;
  font-size: 2rem;
  font-weight: 700;
}

.navbar-brand-sm, .navbar-brand-sm:hover {
  color: black;
  font-family: 'Pangolin', sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  text-decoration: none;
}

.navbar .navbar-collapse, .center {
  text-align: center;
}

.dropdown:hover > .dropdown-menu {
  display: block;
}

/** Carousel **/
.carousel .carousel-caption h3 {
  font-family: 'Raleway', sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.carousel-caption {
  background: black;
}

/** Maps **/
#map-canvas  {
  margin: 0;
  padding: 0;
  height: 100%;
}

#map-canvas {
  width:100%;
  height:400px;
}

/** Everything else  **/
caption {
  font-family: 'Raleway', sans-serif;
  font-size: .75rem;
}

.sponsor {
  border: 0;
  padding: 25px;
}

.success {
  background-color: #DAF7A6;
}

.error {
  background-color: #ff0000;
}

.columnLeft  {
  text-align: left;
}

.columnRight {
  text-align: center;
  width: 100px;
}
/** needed to make the carousel responsive **/
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev{
  display:block !important;
}

.small {
  float: right;
  font-size: 10pt;
}

.modal-header-override {
  padding:9px 15px;
}