/* ---- Local menu ---- */

nav.local_menu {
 /* margin: auto; */ 
 display: block;
 width: 100%;
 /* background: #379EB4; */
 background: #399cbd; 
 font-size: 0;
 transition: height .2s; 

} 

@media (min-width: 980px) {   
  nav.local_menu {
  box-shadow: -5px 6px 4px -4px black;  
   /*
   box-shadow: 0 6px 4px -4px black; 
  -webkit-box-shadow: inset 0px 0px 19px 0px rgba(0,0,0,0.58);
  -moz-box-shadow: inset 0px 0px 19px 0px rgba(0,0,0,0.58);
  box-shadow: inset 0px 0px 19px 0px rgba(0,0,0,0.58); 
  */
  }
}

nav.local_menu button {
  background: #399cbd;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 30px;
  cursor: pointer;
  font-family: sans-serif;
  /* display: none; */
  /* 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; 
  */
  display: inline-block;
  }
 
nav.local_menu span {
  padding-left: 10px; 
  padding-top: 8px; 
  display: inline-block; 
  vertical-align: top; 
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;;   
  }
 
nav.local_menu ul {
  list-style-type: none;
  display: none; 
  transition: left .2s;
  position: relative; 
  z-index: 5;
 
  }

nav.local_menu.zobrazit ul {
  display: block;
  }   

nav.local_menu ul li {
  width: 100%;
  }

nav.local_menu ul li.aktivni {
  /* background: rgba(0, 0, 0, 0.1); */
  background: #cccccc;
  }

nav.local_menu a {
  display: block;
  color: white;
  text-decoration: none;
  font-family: sans-serif;
  /* font-size: 100%; */
  font-size: 16px; 
  }

nav.local_menu a {
  line-height: 2em;
  padding: 0 12px; /* abcd a = horní, b = pravý, c = spodní a d = levý vnitřní okraj */
  }

nav.local_menu a:hover {
  /* background: rgba(0, 0, 0, 0.1); */
  background: #cccccc; 
  }
    
@media (min-width: 980px) {   
  nav.local_menu button {
  display: none;
  }

  nav.local_menu span {
  display: none; 
  }

  nav.local_menu ul {
  margin: auto;
  max-width: 1200px;
  min-width: 980px;   
  display: block; 
  width: 100%;
  /* text-align: center; */ 
  overflow:hidden; 
  }
  
  nav.local_menu ul li {
  width: auto;
  /* background: red; */
  display: inline-block;  
  overflow:hidden; 
  /* float: right; */
  }

  nav.local_menu a {
  line-height: 40px;
  font-size: 12px;    
  }
   
  /*
  nav.menu a:hover::after {
  position: absolute;
  content:  "";
  display: block;
  width: 100%;
  height: 3px; 
  background: rgba(0, 0, 0, 0.15);   
  left: 0;
  bottom: 0;  
  transition: opacity 3s 6s;  
  }
  */
}

/* https://www.tvorba-webu.cz/css/vysouvaci-menu.php */