/* Design by Vera Pechova https://navodjakzhubnout.cz/  RESPONZIVNÍ MENU - JEN VRCHNÍ LIŠTA S LOGEM A MENU */

/* ZAČÁTEK HEADER - MOBILNÍ MENU DO 899px - VRCHNÍ LIŠTA S LOGEM A MENU */

#header {z-index: 30; width: 100%; height: 58px; background: #f1f1f1; margin: 0 0 0 -50%; position: fixed; top: 0%; left: 50%; box-shadow: #666666 0px 0px 10px 0px; display: block;}

#header .logo {float: left; width: 311px; height: 58px; margin: 0; padding: 0; display: inline;}       /*original - prvni - width:281px;*/
#header .logo a {float: left; margin: 3px 0px 3px 3px; text-decoration: none;}
#header .logo h1 {margin: 0 0 0 5px; color: #8ac40d; font-size: 19px; line-height: 52px; font-weight:600; text-decoration: none; text-transform: none; display:inline;}  /*original - prvni - margin: 0 0 0 10px; color: #8ac40d; font-size: 20px;*/
#header .logo a:hover h1 {text-decoration: underline;}

/* Přepínání MENU */
input.rozbalovac {display: none;} /* Jakékoliv tlačítko - input - s class="rozbalovac" se nezobrazí*/
.rozbalmenu > .menu {display: none} /* Menu se nezobrazí*/
input[type=checkbox]:checked + .rozbalmenu > .menu {border-top: 2px solid #8ac40d; width: 100%; height: 50vh; position: fixed; top: 58px; overflow: auto; background: #f1f1f1; font-size: 0; display: block;} /* Menu se zobrazí*/

/* Vzhled MENU */
.rozbalmenu > .menu ul {list-style-type: none; margin: 0; padding: 0;}
.rozbalmenu > .menu ul li {width: 100%; display: inline-block;}
.rozbalmenu > .menu a {padding: 0 15px; font-family: sans-serif; font-size: 17px; font-weight:normal; color: #8ac40d; line-height: 2.8em; text-decoration: none; display: block;}
.rozbalmenu > .menu a:hover {background: rgba(0, 0, 0, 0.05);}

/* Styl přepínátka hlavního MENU */
.rozbalmenu > label {float:right;width:52px; height:52px;margin-top:3px;margin-right:3px;background: url(https://navodjakzhubnout.cz/jidelnicek-na-hubnuti-na-miru/images/menumobil.png?v=1) no-repeat;border:0;cursor: pointer;}
input[type=checkbox]:checked + .rozbalmenu > label {float:right;width:52px; height:52px;margin-top:3px;margin-right:3px;background: url(https://navodjakzhubnout.cz/jidelnicek-na-hubnuti-na-miru/images/menumobilkrizek.png?v=1) no-repeat;cursor: pointer;}
.rozbalmenu > label:before {float:right;width:52px; height:52px;margin-top:3px;margin-right:3px;background: url(https://navodjakzhubnout.cz/jidelnicek-na-hubnuti-na-miru/images/menumobil.png?v=1) no-repeat;border:0;cursor: pointer;}
input[type=checkbox]:checked + .rozbalmenu > label:before {float:right;width:52px; height:52px;margin-top:3px;margin-right:3px;background: url(https://navodjakzhubnout.cz/jidelnicek-na-hubnuti-na-miru/images/menumobilkrizek.png?v=1) no-repeat;cursor: pointer;}

/* rozbalování - přepínání - hlavních složek v menu - podmenu */
.rozbalpodmenu ul {display: none;} /* PodMenu se nezobrazí*/
.rozbalpodmenu ul li {width: 100%; display: inline-block;}
.rozbalpodmenu > label {padding: 0 15px; font-family: sans-serif; font-size: 17px; color: #8ac40d; line-height: 2.8em; cursor: pointer; display: block;}
.rozbalpodmenu > label:hover {background: rgba(0, 0, 0, 0.05);cursor: pointer;}
input[type=checkbox]:checked + .rozbalpodmenu > label {background: rgba(0, 0, 0, 0.05);font-weight: bold;}
input[type=checkbox]:checked + .rozbalpodmenu > ul {padding: 0 15px 0 20px; border-top: 1px solid #8ac40d; border-bottom: 1px solid #8ac40d; display: block;} /* PodMenu se zobrazí*/
.rozbalpodmenu > label:before {padding: 0 15px; font-family: sans-serif; font-size: 17px; color: #8ac40d; line-height: 2.8em; cursor: pointer; display: block;}
input[type=checkbox]:checked + .rozbalpodmenu > label:before {background: rgba(0, 0, 0, 0.05);font-weight: bold;}

#pageup {position: fixed;right: 20px;bottom: 20px;width: 52px;height: 52px;background-image: url(https://navodjakzhubnout.cz/jidelnicek-na-hubnuti-na-miru/images/pageup.png?v=100);
background-repeat: no-repeat;background-size: 52px 52px;display: none;cursor: pointer;}

/* KONEC HEADER - MOBILNÍ MENU DO 899px - VRCHNÍ LIŠTA S LOGEM A MENU */

/*------------------------------------------------------------------------------------*/

/* ZAČÁTEK HEADER - MENU OD 900px - VRCHNÍ LIŠTA S LOGEM A MENU */

@media (min-width: 900px) {
#header .logo {width:343px;margin: 0px 8px 0px 8px;}  /*original - prvni - width:304px;*/ 
#header .logo h1 {margin: 0 0 0 10px; font-size: 21px;}  /*original - prvni - font-size: 22px;*/ 

/* Vzhled MENU */  
.rozbalmenu > .menu {float: right; width: auto; padding:0 8px 0 0; background: #f1f1f1; box-shadow: none; border-top: none; display: block;} /*Menu - se zobrazí*/ 
.rozbalmenu > .menu ul {list-style-type: none; margin: 0; padding: 0;}
.rozbalmenu > .menu ul li {width: auto; text-align: center;display: inline-block;}  
.rozbalmenu > .menu a {padding: 0 10px; font-family: sans-serif; font-size: 17px; font-weight:normal; color: #8ac40d; line-height: 58px; position: static; display: block;}
.rozbalmenu > .menu a:hover {background: rgba(0, 0, 0, 0.05);}
                            
 /*Menu pro mobil - se nezobrazí*/ 
input[type=checkbox]:checked + .rozbalmenu > label {display: none;} 
.rozbalmenu > label {display: none;} /*Menu pro mobil - se nezobrazí*/
  
/* rozbalování - přepínání - hlavních složek v menu - podmenu */
.rozbalpodmenu ul {display: none;} /* PodMenu se nezobrazí*/
.rozbalpodmenu > label {padding: 0 10px; font-family: sans-serif; font-size: 17px; color: #8ac40d; line-height: 58px; position: static; display: block;}
.rozbalpodmenu > label:hover {background: rgba(0, 0, 0, 0.05);cursor: pointer;}

input[type=checkbox]:checked + .rozbalpodmenu > label {background: rgba(0, 0, 0, 0.05);font-weight:normal;}
.rozbalpodmenu > label:before {padding: 0 15px; font-family: sans-serif; font-size: 17px; color: #8ac40d; line-height: 58px; cursor: pointer; display: block;}
input[type=checkbox]:checked + .rozbalpodmenu > label:before {background: rgba(0, 0, 0, 0.05);font-weight:normal;}
  
input[type=checkbox]:checked + .rozbalpodmenu > ul 
  {float:left;width: auto;min-height:auto;max-height:70vh; background: #f1f1f1; border-top: none; border-bottom: none;padding: 0 ; margin:0; position: absolute;overflow: auto;display: block;} /* PodMenu se zobrazí*/
input[type=checkbox]:checked + .rozbalpodmenu > ul li 
  {text-align:left;display: block;position: relative;line-height: 27px;}
input[type=checkbox]:checked + .rozbalpodmenu > ul li a
  {line-height: 38px;}
  
#pageup {position: fixed;right: 20px;bottom: 20px;width: 75px;height: 75px;background-image: url(https://navodjakzhubnout.cz/jidelnicek-na-hubnuti-na-miru/images/pageup.png?v=100);
background-repeat: no-repeat;background-size: 75px 75px;display: none;cursor: pointer;}
}