/**  WARCI Custom CSS Overrides **/

/* Navigation styles ------------------------------ */
@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
  .navbar .nav-item:hover .nav-link{ color: #fff;  }
  .navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
  .navbar .dropdown-menu.fade-up{ top:180%;  }
  .navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}   

nav#menu.navbar.navbar-dark.bg-dark {
	background-color:#0c0f3f !important;
  border:0;
}

nav#menu.navbar.navbar-dark.bg-dark li {
  margin-left:6px;
}

nav#menu.navbar.navbar-dark.bg-dark li.active a {
  border-bottom: 1px solid #0c0f3f;
  color: #f2f3f8;
  position:relative;
}

nav#menu.navbar.navbar-dark.bg-dark li.active a:after {
    position: absolute;
    height: 1px;
    margin: 0 auto;
    content: '';
    left: 0;
    right: 0;
    width: 90%;
    color: #000;
    background-color: #a0d8d1;
    left: 0;
    bottom: 0px; 
    transition: .3s ease-in-out;
}
nav#menu.navbar.navbar-dark.bg-dark ul.dropdown-menu li { margin-left:0; }

ul.dropdown-menu.fade-up {
  background: rgb(79,106,129);
  background: linear-gradient(0deg, rgba(79,106,129,1) 0%, rgba(160,216,209,1) 66%);
  color:#0c0f3f;
} 

ul.dropdown-menu.fade-up li a:hover {
  background-color:rgb(79,106,129);
  color:white;
}

ul.dropdown-menu.fade-up li a:active {
  background-color:#0c0f3f;
  color:#f2f3f8;
}

ul.dropdown-menu.fade-up li.active a {
  color:#0c0f3f;
}

@font-face {
  font-family: 'Vollkorn';
  src: url('fonts/Vollkorn/Vollkorn-VariableFont_wght.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Jost';
  src: url('fonts/Jost/Jost-VariableFont_wght.ttf');
  font-weight: normal;
  font-style: normal;
}

h1 {font-family: 'Vollkorn', serif;font-weight:700;color:#0c0f3f;}
h2,h3 {font-family: 'Vollkorn', serif;font-weight:500;color:#0c0f3f;}
p, li, th, td {font-family: 'Jost', sans-serif;}


button.btn-info { color:white; }
button.btn-info > a {color:white;}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 100px;
}
.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 100px;
  background-color: #0c0f3f;
}

.footer p { color:#cccccc; margin-bottom:20px;margin-top:10px; font-size:0.9em;}
.footer a:hover {text-decoration: none;}




/* Carousel styles -------------------------------- */

.custom-carousel {
  width: 100%;
}

.slide-box {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .slide-box img {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .slide-box img {
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}

@media (min-width: 992px)
{
  .slide-box img {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

.carousel-caption {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
  border-radius: .5rem;
}
</style>