/*
UNSA-ICNA TLD CSS
 */
nav.tld {
  width: 100%;
  border-top: 3px solid rgb(0, 158, 224);
  background: rgb(248, 249, 250);
  height: 34px;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  padding-right: 1em;
  padding-left: 0;
}
nav.tld .today-date {
  float: left;
  padding: 0 10px;
  font-size: 10px;
  color: #666;
  margin: 10px 10px 0 0;
  font-weight: bold;
  text-transform: uppercase;
  border-right: 1px solid #CCC;
}
@media only screen and (max-width: 640px) {
  nav.tld .today-date {
    display: none;
  }
}

nav.tld ul {
  float: left;
  padding-inline-start: 0;
  margin-block-end: 0;
}

nav.tld ul li {
  position: relative;
  display: inline-block;
  float: left;
  font-size: 12px;
}

nav.tld ul li a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  color: #838383;
  padding: 0 10px;
  font-weight: 400;
  transition: color 0.4s ease;
  text-decoration: none;
}
nav.tld ul li a:hover {
  color: black;
  text-decoration: underline;
}

nav.tld ul ul {
  background: #fbfbfb;
  display: none;
  padding: 0;
  position: absolute;
  top: 30px;
  width: 180px;
  z-index: 200;
  float: left;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

nav.tld ul ul li {
  background: none !important;
  border: none !important;
  z-index: 200;
  min-width: 180px;
}

nav.tld ul ul ul {
  right: auto;
  left: 100%;
  top: 0;
  z-index: 200;
}

nav.tld ul ul a {
  background: none !important;
  height: auto !important;
  line-height: 1em;
  padding: 10px 10px;
  width: 160px;
  display: block !important;
  margin-right: 0 !important;
  z-index: 200;
  color: #777 !important;
}

nav.tld ul li:hover > a,
nav.tld ul:hover > a,
nav.tld ul li.current-menu-item a {
  color: #000;
}

nav.tld ul li.menu-item-has-children a {
  padding-right: 20px;
}

/* SubList Arrow */
nav.tld .top-menu ul li.menu-item-has-children:after {
  position: absolute;
  right: 7px;
  top: 50%;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top: 4px solid #bbb;
}

nav.tld .top-menu ul ul li.menu-item-has-children:after {
  border: 4px solid transparent;
  border-left-color: #bbb;
}

nav.tld ul li.current-menu-item:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  z-index: 2;
  right: 45%;
  border: 4px solid transparent;
  border-top-color: rgb(0, 158, 224);
}

nav.tld ul ul li.current-menu-item:before {
  display: none;
}

nav.tld ul ul li:hover > a,
nav.tld ul ul:hover > a {
  color: #000 !important;
  padding: 10px 5px 10px 15px;
}

nav.tld ul li:hover > ul {
  display: block;
  -webkit-animation: tieFadeInDown 0.1s ease-in;
  -moz-animation: tieFadeInDown 0.1s ease-in;
  animation: tieFadeInDown 0.1s ease-in;
}

/* Top Nav Social */
nav.tld .social-icons {
  float: right;
  padding-top: 5px;
}
@media only screen and (max-width: 390px) {
  nav.tld .social-icons {
    display: none;
  }
}

nav.tld .social-icons a {
  color: #555;
}

nav.tld .social-icons a,
.footer-bottom .social-icons a {
  opacity: 0.5;
}

nav.tld .social-icons a:hover,
.footer-bottom .social-icons a:hover {
  top: 0;
  opacity: 1;
}

nav.tld .social-icons i:before,
.footer-bottom .social-icons i:before {
  padding: 0 2px;
  line-height: 24px;
  font-size: 14px;
}

/*# sourceMappingURL=tld.css.map */