@import url('https://fonts.googleapis.com/css2?family=Zalando+Sans:ital,wght@0,200..900;1,200..900&display=swap');

:root {
     --light-text: #f4e7d9;
     --debug: 1px solid red;
     --scroll-margin: 160px;
}

html, body {
     overflow-x: hidden;
     padding-top: 3rem;
     background-color: #090C0F;
     font-family: "Zalando Sans", sans-serif;
     color: var(--light-text);
}

.container {
     padding: 5% 7%;
}

.no-padding {
     padding: 0;
}

.locations-div a {
     text-decoration: none;
}

.locations-div h3 {
     padding: 35px;
     color: #fff;
     text-transform: uppercase;
     font-size: 30px;
}

.location-elnos {
     background-image: url('media/location-elnos.jpg');
     background-size: cover;
     background-position: bottom;
     height: 350px;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     filter: grayscale(100%);
     transition: filter 0.5s ease;
}

.location-loggia {
     background-image: url('media/location-loggia.jpg');
     background-size: cover;
     background-position: bottom;
     height: 350px;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     filter: grayscale(100%);
     transition: filter 0.5s ease;
}

.location-elnos:hover, 
.location-loggia:hover {
    filter: grayscale(0%);
    cursor: pointer;
}

#caffetteria , #caffetteria-speciale{
     background-color: #72212a;
     color: var(--light-text);
     scroll-margin-top: var(--scroll-margin);
}

#tisane-infusi {
     background-color: #838966;
     color: var(--light-text);
     scroll-margin-top: var(--scroll-margin);
}

#pasticceria {
     background-color: #cbb28c;
     color: var(--light-text);
     scroll-margin-top: var(--scroll-margin);
}

#insalate , #gin {
     background-color: #636748;
     color: var(--light-text);
     scroll-margin-top: var(--scroll-margin);
}

#sfizi {
     background-color: #cd2b1e;
     color: var(--light-text);
     scroll-margin-top: var(--scroll-margin);
}

#pucce-classiche , #pucce-speciali, #pinse {
     background-color: #e58f08;
     color: var(--light-text);
     scroll-margin-top: var(--scroll-margin);
}

#primi-piatti {
     background-color: #9b9497;
     color: var(--light-text);
     scroll-margin-top: var(--scroll-margin);
}

#bevande , #drink , #signature , #vini , #birre{
     background-color: #636748;
     color: var(--light-text);
     scroll-margin-top: var(--scroll-margin);
}

#signature , #distillati{
     background-color: #2B2A2A;
     color: var(--light-text);
     scroll-margin-top: var(--scroll-margin);
}

h2 {
     font-size: 30px;
     text-transform: uppercase;
}

td {
     background-color: transparent !important;
     border: 0;
     font-size: 18px;
     text-transform: uppercase;
     color: var(--light-text) !important;
}

th {
     background-color: transparent !important;
     border: 0;
     font-size: 20px;
     text-transform: uppercase;
     color: var(--light-text) !important;
}

td p {
     text-transform: none;
     margin-bottom: 0;
     font-size: 14px;
}

.allergeni-text {
     font-size: 12px;
     margin-top: 40px;
}

.go-to-top {
     position: fixed;
     bottom: 20px;
     right: 20px;
     display: flex;;
     text-decoration: none;
     z-index: 1000;
}