Bistretto CSS

<style>
html {
scroll-behavior: smooth;
}
.in-index #header, .navigation-in, .navigation-buttons>a, .navigation-buttons {background: transparent !important; border-color:transparent;}
#header {position: relative;z-index: 9;}
body:not(.ordering-process).sticky #header { position: fixed; top: 0px; left: 0; width: 100%; z-index: 9;}
body:not(.ordering-process).sticky #header:after {content:'TAKE AWAY FRIENDLY – Vše Vám zabalíme sebou.';background: #bed2db;
display: block; text-align: center;
padding: 5px 10px;
color: #000;
font-weight: 600;}

@media (max-width:479px) {
.in-index #content-wrapper {margin-top: -40px;}
}
@media (min-width: 480px) and (max-width:991px) {
.in-index #content-wrapper {margin-top: -60px;}
}
@media (min-width:992px) {
.in-index #content-wrapper {margin-top: -80px;}
}

.fitted .navigation-in ul {
justify-content: flex-end;
}
.socials:before {
content: '\e900';
width: 30px;
height: 30px;
display: block;
color: #fff;
font-family: shoptet;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, 0%);
}
.socials.ig:before {
content: '\e909';
}
.navigation-buttons > a:nth-last-child(2),
.navigation-buttons > a:nth-last-child(3),
.navigation-buttons > a:nth-last-child(4) {display: none;}
.menu-helper.empty {width: 0px;}
.navigation-in>ul>li>a:hover, .navigation-buttons>a:hover:before {color: #fff;text-decoration: underline;}
.navigation-buttons a {width: 40px !important;}
.navigation-buttons {padding-left: 0px;}
.navigation-in ul li a b {
font-weight: 400;
}
#footer {
background-color: #000;
border-top-color: #000;
margin-top: 0;
}
.footer-bottom, .footer-newsletter {
border-color: #2c2c2c;
}
#signature a.image, .copyright {
display: none;
}
#signature a, #signature {
color: #878787;
}
#signature a:hover {
color: #fff; text-decoration:underline;;
}
.in-index .content-wrapper-in {
display: none;
}
@media (min-width: 992px) {
.sticky .navigation-in>ul>li.menu-item-external-90>a {
padding-top: 12px;
padding-bottom: 12px;
margin: 20px 0;
background: #59717b;
color: #fff;
}
.sticky .navigation-in>ul>li.menu-item-external-90>a:hover {
background: #335e70;
color: #fff;text-decoration:none;
}
}
.footer_contacts { display: flex;
justify-content: center;
flex-wrap: wrap;}
.footer_contacts li a {
color: #fff;
margin: 10px 30px;
}
.footer_contacts li a:hover {color:#335e70;}
#footer .banner {
margin-bottom: 0px;
}
.week_menu_wrapper p {color:#fff;}

@media (min-width: 480px) and (max-width: 991px) {
.navigation-window-visible #navigation {
width: 60%;
max-width: 300px;
}
}
@media (max-width: 991px) {
.navigation-window-visible #navigation {
background:#00000094;
}
.navigation-in a {
color: #fff;
font-size: 26px;
text-transform: lowercase !important;
font-weight: 900 !important;
letter-spacing: 1px;
line-height: 32px;
}
.navigation-in ul li a b {
font-weight: 900;
}
.navigation-in ul li.appended-category {display: none !important;}
.navigation-in>ul:last-child {
margin-bottom: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.navigation-window-visible .navigation-buttons a[data-target="navigation"]::before {
color: #fff;
}
.menu-item-external-90 a {color:#f4ba4b;}
.navigation-close {
color: #fff;
}
}
#footer_map > img {position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -95%);
width: 31px;
height: 41px;
z-index: 3;
}
#footer_map iframe {filter: grayscale(1);}
@media (min-width: 992px) {
.navigation-in>ul>li>a {font-size: 12px;}
}
</style>