/* TOGGLE */
.nav-toggle { color:white; background:none; border:none; cursor:pointer; display:none; padding:15px; }

/* BIG SCREEN */
@media (min-width: 993px) {

  #site-navigation a { text-decoration: none; }
  #site-navigation ul li { display: block; float: left; line-height: 70px; position: relative; }
  #site-navigation ul li a { color: #fff; display: block; padding: 25px 20px; }
  #site-navigation ul li.current-menu-item>a,
  #site-navigation ul li.current-menu-ancestor>a,
  #site-navigation ul li:hover>a,
  #site-navigation ul li.current_page_ancestor>a,
  #site-navigation ul li.current_page_item>a,
  #site-navigation ul li.focus>a { background:var(--Main80); color:var(--Main10) !important; }

  #site-navigation ul.sub-menu,
  #site-navigation ul.children {
    background: rgba(54,129,193,0.85) none repeat scroll 0 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); width: 275px; position: absolute; top: 100%; z-index: 9999; left: -9999rem; opacity: 0;
    -webkit-transform: translateY(0.6rem); -ms-transform: translateY(0.6rem); -o-transform: translateY(0.6rem); transform: translateY(0.6rem);
    -webkit-transition: opacity 0.15s linear, transform 0.5s ease, left 0s 0.15s; -o-transition: opacity 0.15s linear, transform 0.5s ease, left 0s 0.15s; transition: opacity 0.15s linear, transform 0.5s ease, left 0s 0.15s;
  }

  #site-navigation ul li:hover>ul.sub-menu,
  #site-navigation ul li:hover>ul.children,
  #site-navigation ul li.focus>ul.sub-menu,
  #site-navigation ul li.focus>ul.children {
    left: 0; opacity: 1;
    -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);
    -webkit-transition: opacity 0.15s linear, transform 0.5s ease, right 0s 0.15s; -o-transition: opacity 0.15s linear, transform 0.5s ease, right 0s 0.15s; transition: opacity 0.15s linear, transform 0.5s ease, right 0s 0.15s;
  }

  #site-navigation ul.sub-menu li,
  #site-navigation ul.children li { float: none; display: block; border-bottom: 1px solid var(--OSCURO); }

  #site-navigation ul.sub-menu li:last-child,
  #site-navigation ul.children li:last-child { border: none; }

  #site-navigation ul.sub-menu li:hover>ul,
  #site-navigation ul.children li:hover>ul,
  #site-navigation ul.sub-menu li.focus>ul,
  #site-navigation ul.children li.focus>ul {
    right: -100%; left: auto !important; top: 0% !important;
    -webkit-transition: opacity 0.15s linear, transform 0.5s ease, left 0s 0.15s; -o-transition: opacity 0.15s linear, transform 0.5s ease, left 0s 0.15s; transition: opacity 0.15s linear, transform 0.5s ease, left 0s 0.15s;
  }

  #site-navigation li.menu-item-has-children>a:after,
  #site-navigation li.page_item_has_children>a:after,
  #site-navigation li.page_item_has_children>a:after { position: absolute; right: 20px; top: 0; }

  #site-navigation .sub-menu li.menu-item-has-children>a:after,
  #site-navigation .children li.page_item_has_children>a:after { right: 15px; top: 8px; }

  #site-navigation ul#primary-menu>li.menu-item-has-children>a,
  #site-navigation #primary-menu ul>li.page_item_has_children>a { padding-right: 0; }

  #site-navigation ul ul li a { line-height: 25px; margin: 0; padding: 10px 20px; }

  .sub-toggle { display: none; }

  #site-navigation ul li a.sub-toggle { display: none; }

}

/* MOBILE */
@media (max-width: 992px) {

  .nav-menu { display: none; }  
  .nav-toggle { display: block; }
  .nav-menu_visible { display: block; }

  .menu-close { display: none; }

  #site-navigation a { text-decoration: none; color: #FFF !important; }
  #site-navigation ul { margin-left: 20px; border-top:#FFF 5px solid; }
  #site-navigation ul li { display: block; padding:15px 0; margin: 2px; font-weight: 700; border-bottom:rgba(255,255,255,0.25) 1px dotted; }

  #site-navigation ul.sub-menu,
  #site-navigation ul.children { border: var(--MEDIO) 1px dotted; border-radius: 5px; }

  #site-navigation ul.sub-menu li { font-weight: 300; }

  #MenuPrincipal { background:var(--Main80); }


}