ul.nav,
ul.menu {
  list-style: none;
}


/*  1. top tab 
*    2. column/sidebar menus
*
*   Tab - style navigation in HEADER (right of title) 
   * /hours
   * /directory
*
*/


#page-header .block-menu {
    margin-bottom: -1px;
  }
  
  #page-header .block-menu .nav {
    flex-wrap: nowrap;
  }
  #page-header .block-menu .nav  .nav-item {
    white-space: nowrap;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    background: rgba(0,0,0,0.25);
  }
  
  #block-ualibraries-main-menu-static .nav-item svg {
    max-width: 25px;
  }
  
  #page-header .block-menu .nav  .nav-item:last-child {
    border-right: 1px solid #ffffff;
  }
  
  #page-header .block-menu .nav .nav-item.menu-item--active-trail {
    background: transparent;
  }
  
  #page-header .block-menu .nav .nav-item.menu-item--active-trail a {
    opacity: .5;
  }
  
  
  
  @media all and (min-width: 768px) {
    #page-header .block-menu {
      display: flex;
      flex-direction: row;
      order: 5;
      margin-right: 1%;
      margin-left: 5%;
    }
  
  }
  

/*
//
//
//   Sidebar menus
//   region--first --> left in page menu
//   region--second --> landing page double up
//
//
*/
.region-sidebar-first nav h2 {
    padding: 15px 10px 10px 15px;
    margin-top: 0px;
    background-color: #f7d988;
  }
  
  
  .layout__region--first .nav > li {
    display: block;
    width: 100%;
  }
  
  
  .layout__region--first .nav > li a.nav-link {
    border-left: 3px solid #6c757d;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 1.125rem;
  }
  
  .layout__region--first .nav > li a.nav-link:hover {
    border-left: 3px solid #eeb211;
    color: #eeb211;
  }
  
  
  .layout__region--first .nav > li a.nav-link.is-active, 
  .layout__region--first .nav > li a.nav-link.is-active:hover  {
    border-left: 3px solid #DCCEE8;
    color: #DCCEE8;
  }
  
  
  .layout__region--second .nav > li {
    display: block;
    width: 98%;
    margin-left: 0%;
  }
  
  
  .layout #about-menu-contact-btn {
    display: none!important;
  }
  
  .node--type-section-index-nav .layout__region .nav,
  .layout__region--second .nav {
    margin-top: 20px;
  }
  
  .layout__region--second .nav > li a.nav-link {
    margin-bottom: 10px;
    background: #DCCEE8;
    padding-bottom: 10px;
    font-size: 1.25rem;
    padding: 15px 15px;
    border-left: 0px solid; 
  }
  
  
  .node--type-section-index-nav .layout__region .nav > li a.nav-link {
    background: #ededed;
  }
  
  .node--type-section-index-nav .layout__region .nav > li a.nav-link:hover,
  .layout__region--second .nav > li a.nav-link:hover {
    background: #46166b;
    color: #eeb211;
  }
  
  
  .node--type-section-index-nav .layout__region .nav > li a.nav-link.is-active,
  .layout__region--second .nav > li a.nav-link.is-active, 
  .layout__region--second .nav > li a.nav-link.is-active:hover  {
    border: 1px solid #DCCEE8;
    color: #DCCEE8;
    background: #ffffff;
  }
  
  
  
  
  @media all and (min-width: 768px) {
  
    .layout__region--second .nav > li {
      display: block;
      width: 48%;
      margin-left: 2%;
    }
  
    .node--type-section-index-nav .layout__region .nav > li {
      display: block;
      width: 48%;
       margin-left: 0;
      margin-right: 2%;
    }
    
    .node--type-section-index-nav .layout__region .nav > li a.nav-link,
    .layout__region--second .nav > li a.nav-link {
     min-height: 100px;
     line-height: 1.5rem;
    }
    
  }
  
  
  
  @media all and (min-width: 1281px) {
  
  
    .layout__region--second .nav > li a.nav-link {
      padding: 25px 25px;
      font-size: 1.15rem;
    }
    
  }
  
  