@charset "utf-8";

.parent-list {
  position: relative !important;
  transition: all 0.5s ease-in-out;
}
.parent-list:has(ul.is-open) {
  background-color: #265496;
}
ul#child-list {
  display: none !important;
  background-color: #265496;
  color: white;
  list-style-type: none;
  transition: all 0.5s ease-in-out;
  z-index: 9990 !important;
}

ul#child-list.is-open {
  position: absolute;
  top: auto;
  right: auto;
  display: flex !important;
  height: 120px !important;
  flex-direction: column;
  & li  {
    height: 60px;
    & a {
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;
      padding-left: 5em;
      padding-right: 5em;
      transition: all 0.5s ease-in-out;
    }
    & a:hover {
      background-color: #387ad6;
    }
  }
  & li:nth-child(even) {
    border-top: 1px dotted #cccccc;
  }
}

@media only screen and (max-width: 1180px) {
  ul#child-list {
    display: none !important;
    z-index: 5000 !important;
    background-color: #07285a;
  }
  .parent-list:has(ul.is-open) {
    height: 200px !important;
    background-color: #07285a !important;
    margin-bottom: 120px !important;
  }
  ul#child-list.is-open {
    display: flex !important;
    z-index: 5000 !important;
    width: 100%;
    margin-left: 2em;
    & li {
      height: 60px;
      width: 100%;

      /* & a {
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 2em;
        padding-right: 2em;
      } */
    }
  }
}