/* Themed colours */
:root {
  --primary-accent: #003477;
  --navbar-border-top: var(--primary-accent);
  --navbar-main-color: #294d76;
  --button-border: #336194;
  --link-focus: #2f5a89;
  --form-shadow: rgba(70, 127, 191, 0.6);
  --pagination-bg: #b8cee6;
  --link-hover-bg: #36669c;
  --navbar-focus: #92b3d9;
}

body {
  font-size: 18px;
}

#blog-post {
  width: 99%;
  margin: auto;
}

.home-carousel {
  position: relative;
  background: url('/img/photogrid.jpg') center center repeat;
  background-size: cover;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.home-carousel .dark-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--primary-accent);
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: var(--navbar-main-color);
}
.navbar ul.nav > li > a:hover {
  border-top: solid 5px var(--primary-accent);
}

#footer .social a {
  color: #92b3d9;
}