/*
 * MENU MOBILE  CSS
 */
 /* viditelnost celeho menu ***********************************/
 .menu-mobile{   
    display: block; 
    /* background-color: aqua; */
  }
@media (min-width: 768px) {
  .menu-mobile{    
    display: none;
  }
}

/* Logo Augustin ******************************************/
.logo-augustin { 
  display: block;
  text-indent: -9999px;
  height: 70px;
  background-size:  auto auto ; /* sirka vyska */
  background-image: url('../images/logo-bile-s-nadpisem.svg');
  background-repeat: no-repeat;
}

.logo-augustin:hover { /* loga Augustin zezloutne*/
  background-image: url('../images/logo-zlute-s-nadpisem.svg');
}

@media (max-width: 480px) { /* extrémně malý mobil */
  .logo-augustin { 
    background-image: url('../images/logo-bile-bez-nadpisu.svg');
    background-size:  auto 50px ; /* sirka auto vyska specifikuji  */
  }
  .logo-augustin:hover {
    background-image: url('../images/logo-zlute-bez-nadpisu.svg');
  }
}

/* Menu Hamburger ******************************************** */

.menu-icon {
  padding-top: 15px;
  text-align: right;
}

/* submenu ************************************************ */
/* Zneviditelnění celé nabídky ul li */
#mobileLinks {
  display: none;
}

.menu-popupmenu {
  background-color: rgb(179, 168, 168);
  color: black;
  text-align:left;
  overflow: hidden;
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 34px;
  border-radius: 6px;
}
/* Hlavní úroveň *************************** */
.main-menu{
  margin-left:5px;
  font-size: 24px;
  line-height: 42px; 
}

.main-menu:hover{
  background-color: #ffc900;
}

/* podnabídky *************************** */
.menu-popupmenu li {

  padding-left: 30px;
  margin-top: 10px;
  margin-left: -60px;
  list-style: none;
}
.menu-popupmenu li a { /* link */
  text-decoration: none;
  color: #000000; 
  border-radius: 6px;
  display: block; /* aby to zabralo celou šířku bloku menu */
}

/* Hlavní nabídka */
a.main-menu.active {
  background-color: #ffc900;
}

/* Submenu ****************************** */
.menu-popupmenu li ul li {
  padding-left: 30px;
  background-color: #ffffff;
  border-radius: 6px;
  margin-top: 5px;
  margin-left: -30px;
  list-style: none;
}
.menu-popupmenu li ul li a { /* link */
  text-decoration: none;
  color: #000000; 
}

.menu-popupmenu li ul li.active {
  background-color: #ffc900;
}
  
.menu-popupmenu li ul li:hover {
  background-color: #ffc900;
}