.navbar-grey {
  min-height: 72px;
}

.header-desktop {
  padding: 0 15px;
  height: 72px;
  line-height: 65px;
}

.header-mobile {
  padding: 0 15px;
  height: 65px;
  line-height: 65px;
}

.navbar-toggle-grey {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 23px;
  padding: 9px 10px !important;
}

@media (min-width: 768px) {
  .navbar-nav-grey > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 26.5px;
    padding-bottom: 26.5px;
    line-height: 27px;
  }
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #eea20e !important;
}

.popover {background-color: #eea20e;}
.popover.right .arrow::before {border-bottom-color: #0f2054; }
.popover-content {background-color: #eea20e;}

/* carousel fullscreen */

.carousel-fullscreen .carousel-inner .carousel-item { 
    height: 100vh;
    min-height: 600px;
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover;
}

#carousel-main{
	position:fixed;
	width:100%;
	height:100%;
	z-index:-1;
}

.carousel-heading {
  font-family: 'Alegreya SC', serif;
  font-size: 4em;
}

/* Carousel caption position */
#carousel-image1 {
    position: fixed;
    right: -35%;
    top: 15%;  
    bottom: initial;
}

#carousel-image2 {
  position: fixed;
  left: -30%;
  top: 15%;  
  bottom: initial;
}

#carousel-image3 {
  position: fixed;
  top: 40%;  
  bottom: initial;
}

/* Caption position @1280px */
@media (max-width: 1280px) {
  #carousel-image1 {
    position: fixed;
    right: -12%;
    top: auto;  
    bottom: initial;
  }
  
  #carousel-image2 {
    position: fixed;
    left: -12%;
    top: auto;  
    bottom: initial;
  }
  
  #carousel-image3 {
    position: fixed;
    top: auto;  
    bottom: initial;
  }
}

/* Caption position @960px */
@media (max-width: 960px) {
  #carousel-image1 {
    position: fixed;
    right: -18%;
    top: auto;  
    bottom: initial;
    font-size: .75em;
  }
  
  #carousel-image2 {
    position: fixed;
    left: -12%;
    top: auto;  
    bottom: initial;
    font-size: .75em;
  }
  
  #carousel-image3 {
    position: fixed;
    top: auto;  
    bottom: initial;
    font-size: .75em;
  }
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23820f12' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
  width: 10%;
  height: 10%;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23820f12' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
  width: 10%;
  height: 10%;
}

.carousel-btn {
  opacity: .5;
}

/* Footer components */
#main-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #0f2054;
}

.footer {
  flex: 0 0 auto;
  color: #0f2054;
  padding: .5em;
  border-top: 1px solid #0f2054;
  margin-top: 2em;
}

.footer-icon {
  float: left;
}

.footer a {
  display: block;
  text-decoration: none;
  padding-right: 1em;
}

.footer-ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}


.heading404 {
  font-family: 'Alegreya SC', serif; 
}

/* Mobile content for main page */
#main-info {
  border-top: 1px solid #0f2054;
}

#main-info h5 {
  font-family: 'Alegreya SC', serif;
}

#main-hours {
  border-top: 1px solid #0f2054;
}

/* Flash alert alignment */
#alert {
  left: 0;
  margin: auto; 
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  width: 80%;
  z-index: 1;
}