*{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box}body{margin:0;line-height:1.7em;min-width:350px;background:linear-gradient(#e8c9b4, #afafaf) fixed}#wrapper{display:grid;grid-template-areas:"header header" "nav nav" "aside main" "footer footer";grid-template-columns:300px 1fr;max-width:1000px;margin:auto;padding:2em;grid-gap:2em;background-color:white;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}#wrapper header{grid-area:header;position:relative;margin:1.5em 0 6em 0}#wrapper header a{position:absolute;width:280px;height:125px;top:-30px;left:40px;text-decoration:none;background:no-repeat left top url("/img/logo-final.png");background-size:contain}#wrapper header div{position:absolute;top:0;right:0}#wrapper header div form{position:relative}#wrapper header div form input[type=text]{width:37em}#wrapper header div form input[type=submit]{position:absolute;top:0;right:0;background-color:transparent;border:none;color:black;font-weight:600;font-size:1.85em;padding:.4em .3em .2em .3em}#wrapper header div>span{position:relative;display:block;text-align:right}#wrapper nav{grid-area:nav}#wrapper nav ul:nth-child(1){display:flex;list-style:none;padding:.5em;margin:0;border-radius:.5em}#wrapper nav ul:nth-child(1) li{text-align:center}#wrapper nav ul:nth-child(1) li a{display:block;text-decoration:none;font-size:1.07em;padding:.3em .7em;border-radius:.5em}#wrapper nav ul:nth-child(1){background:linear-gradient(#e8642b, #c5451d)}#wrapper nav ul:nth-child(1) li{margin-right:.2em}#wrapper nav ul:nth-child(1) li:last-child{margin:0}#wrapper nav ul:nth-child(1) li a{color:#fff1dc}#wrapper nav ul:nth-child(1) li a:hover,#wrapper nav ul:nth-child(1) li a.hover{color:#695a22;background-color:#ffffee}#wrapper nav ul:nth-child(2) li a{display:inline-block;padding:.1em .4em;border-radius:.3em;color:royalblue}#wrapper nav ul:nth-child(2) li a:hover,#wrapper nav ul:nth-child(2) li a.hover{color:white;background-color:royalblue}#wrapper nav ul:nth-child(2){font-size:.9em}#wrapper nav ul:nth-child(2) a{text-decoration:none}#wrapper nav ul li{display:inline}#wrapper aside{grid-area:aside}#wrapper aside .menu{margin-bottom:2em;list-style:none;padding:0}#wrapper aside .menu li a{display:block;padding:.2em 1em;border-radius:.3em;text-decoration:none;border:thin solid transparent}#wrapper aside .menu li a:hover,#wrapper aside .menu li a.hover{background:linear-gradient(#fff1f1, #ffffff);border:thin solid #f3af96;color:#cc4b20}#wrapper main{grid-area:main}#wrapper main .overall{position:relative}#wrapper main .doba-pripravy,#wrapper main .pocet-porci{position:relative}#wrapper main .doba-pripravy span,#wrapper main .pocet-porci span{font-weight:bold}#wrapper main .doba-pripravy i,#wrapper main .pocet-porci i{position:relative;vertical-align:middle;top:-0.1em}#wrapper main .pocet-porci{margin-bottom:2em}#wrapper main .hodnoceni{position:absolute;right:0;top:-0.5em;text-align:center}#wrapper main .hodnoceni span{font-weight:bold}#wrapper main .hodnoceni a{font-size:2em;color:orange;text-decoration:none}#wrapper main .hodnoceni:hover a{color:orange}#wrapper main .hodnoceni a:hover~a{color:lightgrey}#wrapper main .hodnoceni .dimm{color:lightgrey}#wrapper main .grid{display:grid;grid-template-areas:"left right";grid-template-columns:1fr 250px;column-gap:2.5em;margin:2em 0;text-align:center}#wrapper main .left-side{grid-area:left}#wrapper main .left-side p{text-align:left}#wrapper main .left-side .krok{display:inline-block;font-size:1.3em;font-weight:500;background-color:#dc5a26;color:white;border-radius:50%;padding:.2em .6em}#wrapper main .right-side{grid-area:right}#wrapper main .right-side button{display:block;text-align:center;margin:auto;padding:0 1.3em .8em 1.3em;background:none;border:none;font-size:1em;font-weight:600}#wrapper main .right-side button i{position:relative;top:.3em;font-size:2em}#wrapper main .ingredience{padding:1em 1em;background-color:#f4f4f4;border:thick solid #ffffff;color:black;border-radius:1em;margin-bottom:1em;text-align:left}#wrapper main .dobrou-chut{display:block;padding:1em 0;font-size:1.6em;font-style:italic;font-weight:500;color:black;text-align:center}#wrapper footer{grid-area:footer;text-align:center;margin-top:2em}form input,form textarea{border:thin solid lightgray;padding:1em 1em .8em 1em;border-radius:.3em;margin:.1em 0;font-size:1em;outline:none}form input:focus,form textarea:focus{border:thin solid orangered;background-color:#fffaf6}form textarea{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;height:20em}form input[type=submit]{background-color:#e8652a;border:thin solid transparent;color:white;padding:.5rem 1rem;font-weight:500;cursor:pointer}h1{margin-top:0;font-weight:600}h1,h2,h3,h4,h5,h6{line-height:1.4em}h2,h3,h4,h5,h6{font-weight:500}.h1{margin-top:0;font-weight:600;font-size:2em;margin:.6em 0;display:block;line-height:2em}.h2{margin-top:0;font-weight:600;font-size:1.5em;margin:.6em 0;display:block;line-height:1.5em}a{color:#c16e00}a:hover{text-decoration:none}a.material-icons{text-decoration:none}img{border-radius:.5em}img[src^="/img/ilustra"]{opacity:.2}#wrapper .ilustration{display:flex;align-items:center;height:135px;border-radius:.5em;background:#f4f4f4}#wrapper .ilustration>div.grid{display:grid;grid-template-areas:"left right";align-items:center;grid-template-columns:1fr 1fr;grid-gap:1em;margin:auto}#wrapper .ilustration>div.grid .left-side{grid-area:left;text-align:right}#wrapper .ilustration>div.grid .left-side i{font-size:3.5em;color:#e0e0e0}#wrapper .ilustration>div.grid .right-side{grid-area:right;text-align:left;font-weight:600;font-size:1em;color:lightgrey}#user-area{padding:1em .3em .3em .3em;border-radius:.3em;border:thin solid #ffdfdf;background-color:#fff6f4}#user-area ul{list-style-position:inside}#user-area form fieldset{padding:.5em 1em 1em 1em;border:none}#user-area form fieldset legend{font-weight:600;font-style:italic}#user-area form fieldset input[type=email],#user-area form fieldset input[type=password]{width:100%}.top{margin:2em 0 2em .5em}.top i{position:relative;font-size:1.4em;color:grey;top:.2em}.listing.v1{display:flex;flex-wrap:wrap;list-style:none;margin:2em 0;padding:0}.listing.v1 li{padding:.5em}.listing.v1 li img{border-radius:.5em}.listing.v1.two li{width:50%}.listing.v1.three li{width:calc(100% / 3)}.listing.v1.three li a{display:block;border-radius:.5em;border:2px solid transparent;text-decoration:none;color:black;background-color:white;transition:transform .2s}.listing.v1.three li a>span{display:block;padding:.5em .8em 1em .8em}.listing.v1.three li a>span>span{position:relative;color:grey;font-size:smaller}.listing.v1.three li a>span>span i{position:relative;top:.25em;font-size:1.5em}.listing.v1.three li a:hover{border-color:#e8642b;color:#e8642b;box-shadow:0 0 1em #ffd3d1;transform:scale(1.05)}.calories{width:100%;border-collapse:collapse;margin:2em 0}.calories th,.calories td{padding:.3em 1em}.calories td{border:thin solid #ead7d2}.calories td:nth-child(2),.calories td:nth-child(3){text-align:right}.calories th{background:linear-gradient(#e8642b, #c5451d);border:thin solid #c5451d;color:white;font-weight:500}.calories tr:nth-child(odd){background-color:#fffaf6}.calories .info{color:grey;font-style:italic;background-color:#f4f4f4;border:thin solid #dadada;border-top:1px solid red}table.statistics{border-radius:.3em;width:100%;border:thin solid #de5b27;margin-bottom:2em}table.statistics th,table.statistics td{padding:.3em 1em;border-radius:.3em}table.statistics th{color:white;background:linear-gradient(#e8642b, #c5451d)}.pagination{border:thin solid #f1e5cf;background-color:#fff8f3;border-radius:.5em;padding:.5em}.kaomoji{font-size:5em;font-weight:400;padding:1em 0;text-align:center}#frm-recipe-recipeForm table{width:100%}#frm-recipe-recipeForm input,#frm-recipe-recipeForm textarea{width:100%}#frm-recipe-recipeForm textarea[name=ingredience],#frm-recipe-recipeForm textarea[name=postup]{width:100%;height:40em}#sekceDiskuse .komentar .material-icons{color:#b3b3b3}#formDiskuse{padding:1em;background-color:#f4f4f4}#formDiskuse input[type=submit]{background-color:#d2886c}#formDiskuse input[type=submit]:hover{background-color:#8f3211;box-shadow:0 0 .3em 0 #8f3211}#formDiskuse textarea{min-height:7em;height:7em;resize:vertical}#formDiskuse span.material-icons.cancel{color:#e27575;transition:ease-in-out .2s}#formDiskuse span.material-icons.cancel:hover{color:#d94b4b}@media print{#wrapper{all:unset;font-size:80%}#cookies-consent{display:none}body>#wrapper header,body>#wrapper nav,body>#wrapper aside,body>#wrapper footer{display:none}body>#wrapper #sekceDiskuse,body>#wrapper #doporucene,body>#wrapper #form-section,body>#wrapper #snippet-comments-counter{display:none}body>#wrapper main img{width:50%}body>#wrapper>main>.grid button{display:none}}#sekceDiskuse #diskuse{font-size:2em}#sekceDiskuse .material-icons.comment-icon{color:#c7bebe}#sekceDiskuse .material-icons.comment-icon-grey{color:#d6d0d0}#formDiskuse{background-color:#f1f1f1}#formDiskuse input[type=submit]{background-color:#624d4d}#formDiskuse span.material-icons.cancel{color:#624d4d}@media screen and (max-width:1000px){body{padding:0}#wrapper{grid-template-areas:"header" "nav" "main" "aside" "footer";grid-template-columns:1fr}#wrapper>header>a:first-child{top:-25px;left:-25px;transform:scale(.8)}#wrapper>header>div{width:calc(100% - 230px)}#wrapper>header>div>form input[type=text]{width:100%}#wrapper>nav{width:calc(100vw - 64px)}#wrapper>nav ul{overflow:auto}#wrapper>nav a{white-space:nowrap}#wrapper .listing.v1.three li{width:50%}#wrapper main .grid{column-gap:1em}}@media screen and (max-width:675px){#wrapper>header{margin-bottom:0;margin-top:0}#wrapper>header>a:first-child{position:relative;top:initial;left:initial;display:block;margin:auto;left:25px}#wrapper>header>div{position:relative;top:initial;right:initial;display:block;margin:auto;width:100%}#wrapper>nav ul:nth-child(2){display:none}#wrapper>main .grid{grid-template-areas:"right" "left";grid-template-columns:1fr;margin-top:0}#wrapper>main .grid .right-side button{display:none}#wrapper>main .overall .pocet-porci{margin-bottom:1rem}#wrapper>main .overall .hodnoceni{position:relative;display:block;text-align:right}}@media screen and (max-width:425px){#wrapper{gap:1rem}#wrapper>header:first-child>div>span{display:none}#wrapper>main .ilustration>.grid{grid-template-areas:"left" "right";grid-template-columns:1fr;gap:0}#wrapper>main .ilustration>.grid .left-side{font-size:.7rem}#wrapper>main .ilustration>.grid .right-side{font-size:1rem;line-height:1.2rem}#wrapper>main .ilustration>.grid .left-side,#wrapper>main .ilustration>.grid .right-side{text-align:center}#wrapper .listing.v1.three li{width:50%}.three-cols{columns:2}}