/* --- DEFAULT DESKTOP --- */
#mob-tgl {
  display: none;
}

#t-m,
#t-m>li {
  height: 100%;
}

#t-m li {
  position: relative;
  display: inline-block;
  font-size: 14px;
  padding-right: 22px;
}

#t-m>li:last-child {
  padding-right: 0;
}

#t-m li ul {
  position: absolute;
  padding: 20px 0;
  z-index: 9999;
  width: 240px;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  border-top: 3px solid #2ea3f2;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  text-align: left;
}

#t-m li:hover>ul {
  opacity: 1;
  visibility: visible;
}

#t-m a {
  color: rgba(0, 0, 0, 0.6);
  text-decoration: none;

  display: block;
  position: relative;
  transition: all 0.4s ease-in-out;

}

#t-m>li>a {
  height: 100%;
  display: inline-flex;
  align-items: center;
}

#t-m li li {
  position: relative;
  line-height: 2em;
  padding: 0 20px;
  margin: 0;
}

#t-m li li a {
  padding: 6px 20px;
  width: 200px;
}

#t-m .menu-item-has-children>a:first-child::after {
  content: "▾";
  font-size: 16px;
  padding-left: 0.5em;
  opacity: 0.7;
}

#t-m li.current-menu-ancestor>a,
#t-m li.current-menu-item>a,
#t-m li.current_page_item>a {
  color: #008000;
}

nav ul li a:hover {
  background-color: rgba(0, 0, 0, .03);
  opacity: .7;
}



/* --- MOBILE STYLES --- */
@media (max-width: 980px) {
  #mob-tgl {
    display: block;
    padding: 0;
    font-size: 32px;
    background: none;
    border: none;
    cursor: pointer;
    color: #2EA3F2;
  }

  #m-h>div {
    position: relative;
  }

  #t-m-n {
    position: absolute;
    overflow: hidden;
    height: initial;
    max-height: 0;
    top: 80px;
    left: 0;
    width: 100%;
    background: #fff;
    transition: all 0.5s ease;
    padding: 0 5%;
  }

  #t-m-n.show-menu {
    border-top: 3px solid #2ea3f2;
    padding: 5%;
    max-height: 1000px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  }

  #t-m-n .menu-item-has-children>a {
    font-weight: 700;
    background-color: rgba(0, 0, 0, .03);
    width: 100%;
  }

  #t-m-n #t-m .menu-item-has-children>a:first-child::after {
    content: ""
  }

  #t-m-n li ul {
    visibility: visible;
    position: static;
    width: initial;
    opacity: 1;
    border: 0;
    box-shadow: none;
    display: block !important;
    padding: 0;
    padding-left: 10px;
  }

  #t-m-n li {
    display: inherit;
    padding-right: 0;
  }

  #t-m-n li li {
    padding-left: 5%;
  }

  #t-m-n a {
    padding: 10px 5%;
    display: block;
  }

  #t-m-n #t-m {
    height: initial;
  }

}