﻿body {
  background: white;
}

.idhw-header {
  background-color: #18253C;
}

#banner {
  width: 100%;
}

#bannerWrapper {
  background-color: #18253C;
}

div.topLinks, div.topLinks a {
  color: white;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 1);
}

nav li a.empty:hover {
  text-decoration: underline;
}

nav, .menu, .submenu {
  background-color: #18253C;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 1);
}

ul.menu.dropdown {
  border-bottom: 1px solid #18253C;
}

ul.tabs {
  background-color: #18253C;
}

.tabs-title, tabs-title:hover, tabs-title a:hover {
  background-color: #18253C;
}

  .tabs, .tabs-title > a:hover {
    background-color: #375e8b;
  }

  .tabs-title > a {
    color: white;
  }

    .tabs-title.is-active, .tabs-title > a[aria-selected=true] {
      background-color: white;
      color: black;
    }

    .tabs-title > a[aria-selected=false] {
      background-color: #18253C !important;
      color: white;
    }

nav {
  background-color: #679357;
}

.subNav {
  background-color: #007864;
}

h1 {
  background: none !important;
  background-color: #007864 !important;
}

div.grid table thead th {
  background: #007864 !important;
}

.gridAlt {
  background-color: #ECECE7;
}

.gridAlt2 {
  background-color: #f7f0e6;
}


nav {
  background: #C84B13;
}

button {
  background-color: #18253C;
}

  button:hover {
    background-color: #014e78;
  }

#foot {
  background-color: #18253C;
  color: #fff;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 1);
}

  #foot a {
    color: #fff;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 1);
  }

/*Person Summary*/
fieldset.eligibilityBox {
  border: 3px solid #18253C;
}

.subNav a.subNavCurrentItem {
  color: white;
  font-weight: bold;
}

.ui-dialog-titlebar {
  background-color: #007864 !important;
}

.desktop-nav {
    background-color: #ffffff;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    display: flex;
}

.desktop-nav-items {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}

.desktop-menu {
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}


/* New Mobile Menu*/

.mobile-nav {
    background-color: #ffffff;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
}

.nav-item {
    list-style-type: none;
    border-radius: .25rem;
    transition: all ease-in-out 200ms;
}

    .nav-item:hover {
        background-color: rgba(0, 0, 0, .04)
    }

.navigation-items-container {
    max-width: 1140px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.mobile-navigation-items {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: 1rem;
    position: absolute;
    z-index: 999;
    right: 0;
    top: 3rem;
    border-radius: .25rem;
    box-shadow: .25rem .25rem 1rem rgba(0, 0, 0, 0.2);
}



.mobile-nav-container {
    position: relative;
}


@media screen and (max-width: 767px) {
    .mobile-nav {
        display: block;
    }

    .desktop-nav {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .mobile-nav {
        display: none;
    }
}

