﻿nav#program-menu {
  background: var(--ua_color-background--chip, #DFE2E5);
  padding: 10px;
  margin-bottom: var(--ua_space--section, 4rem);
}

nav#program-menu li {
padding: 0 10px;
font-weight: 600;
}

nav#program-menu ul.primary li:hover {
  text-decoration: underline;
  color: var(--ua_color-text--link, #9e1b32);
}

nav#program-menu ul.secondary {
  display: flex;
}

nav#program-menu ul a.wp-block-navigation-item__content {
  text-decoration: underline;
}

nav#program-menu ul.secondary .wp-block-button {
font-size: 18px;
}

.menu-toggle {
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 10px;
}

button.menu-toggle {
  background-color: transparent !important;
  color: var(--ua_color-text--default, #35363B) !important;
  border: none !important;
}


/* Mobile Styles */
@media (min-width: 600px) {
  .menu-toggle {
    display: none !important;
  }
  .fixed-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.4); /* Add shadow for depth */
    z-index: 1000;
    transition: ease-in-out;
  }
}
@media (max-width: 600px) {
  .menu-toggle {
    display: block;
  }

  nav#program-menu ul.secondary {
    border-top: 1px solid #DFE2E5;
    padding-top: 1rem;
  }

  .ua_minerva .wp-block-navigation__responsive-dialog {
      display: none;
      flex-direction: column;
      background: var(--ua_color-background--element, #F2F3F4) !important;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      padding: 10px;
      z-index: 1000;
  }

  .ua_minerva .wp-block-navigation__responsive-dialog.active {
      display: flex;
      position: relative;
  }

 #program-menu-list.primary li {
    width: 100%;
    border-top: 1px solid #eee;
  }

  /* Push content down when menu is open */
  body.menu-open .wp-block-columns {
      /*transform: translateY(250px); /* Adjust this value based on menu height */
      transition: transform ease-in-out;
  }
}
