@import url('https://fonts.googleapis.com/css?family=Didact+Gothic');
body{
    font-family: 'Didact Gothic', sans-serif;
 }
 /*
    Navbar Height CSS Start
 */
.navbar {
    min-height: 60px;
} 
.navbar-brand {
    padding: 0 15px;
    height: 60px;
    line-height: 60px;
}
.navbar-toggle {
    /* (80px - button height 34px) / 2 = 23px */
    margin-top: 15px;
    padding: 9px 10px !important;
}  
@media (min-width: 768px) {
    .navbar-nav > li > a {
      /* (80px - line-height of 27px) / 2 = 26.5px */
      padding-top: 16.5px;
      padding-bottom: 16.5px;
      line-height: 15px;
    }
}

/* change the background color */
.navbar-custom {
    background-color: #021178;
}
.navbar-custom .navbar-toggler {
    border-color: #FFFFFF;
}
.navbar-custom .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(152, 160, 179, 0.8);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #FFFFFF;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #EBDEF0;
}


/* Footer CSS */

footer{
    color: white;
  }
  footer a{
    color: #bfffff;
  }
  footer a:hover{
    color: white;
  }

.footer-bottom {
    background: #021178;
    padding: 2em;
}
.footer-top {
    background: #021178;
}
.footer-middle {
    background: #021178;
    padding-top: 2em;
    color: white;
}
  /**Sub Navigation**/
  .subnavigation-container{
    background: #76448A;
  }
  .subnavigation .nav-link{
    color: white;
    font-weight: bold;
  }
  .subnavigation-container{
    text-align: center;
  }
  .subnavigation-container .navbar{
    display: inline-block;
    margin-bottom: -6px; /* Inline-block margin offffset HACK -Gilron */
  }
  .col-subnav a{
    padding: 1rem 1rem;
    color: white;
    font-weight: bold;
  }
  .col-subnav .active{
    border-top:5px solid orange;
   background: white;
    color: black;
  }