/**
 * @file
 * Visual styles for menu.
 */
 
#nav,
#navmobile {
  transition: .5s ease all;
  opacity: 1;
}

.scroll-down #nav,
.scroll-down #navmobile {
  opacity: 0 !important;
}

.path-frontpage #nav, 
.path-frontpage #navmobile {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: menu-in;
          animation-name: menu-in;
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
          -webkit-animation-delay: 0.25s;
                  animation-delay: 0.25s;
}

@-webkit-keyframes menu-in {
    0%   {transform:translateY(-100%);}
    100% {transform:translateY(0);}
}

@keyframes menu-in {
  0%   {transform:translateY(-100%);}
  100% {transform:translateY(0);}
}


ul.menu {
  margin-left: 1em; /* LTR */
  padding: 0;
  list-style: none outside;
  text-align: left; /* LTR */
}
[dir="rtl"] ul.menu {
  margin-right: 1em;
  margin-left: 0;
  text-align: right;
}
.menu-item--expanded {
  list-style-type: circle;
  list-style-image: url(../../images/icons/menu-expanded.png);
}
.menu-item--collapsed {
  list-style-type: disc;
  list-style-image: url(../../images/icons/menu-collapsed.png); /* LTR */
}
[dir="rtl"] .menu-item--collapsed {
  list-style-image: url(../../images/icons/menu-collapsed-rtl.png);
}
.menu-item {
  margin: 0;
  padding-top: 0.2em;
}
ul.menu a.is-active {
  color: #000;
}

#logo {
  display: none;
}

#logoMdlg {
  display: block;
}

@media only screen and (min-width: 1180px) {
  #logo {
    display: block;
  }
  
  #logoMdlg {
    display: none;
  }
}

@media only screen and (max-width: 1079px) {
  #logo {
    display: block;
  }
}