body {
padding: 2em;
font-family: kanit; }

#header {
background-image: url('../img/sluzby-hero.webp');
background-repeat: no-repeat;
background-size: cover;
background-position: center 40%;
height: 40vh;
text-shadow: 1px 1px 1px #000;
color: white;
border-radius: 20px; }

#footer {
background-color: #000;
color: white;
border-radius: 20px; }

#calendar {
box-sizing: border-box;
width: 100%; }

.calendar_weekday {
display: none !important; }

.calendar_row {
display: grid;
gap: 0px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }

.day {
overflow: hidden;
border: 1px solid #ddd;
position: relative; }

.dnes {
background-color: #888 !important; }

.bg_orange {
background-color: #ffc458; }

.bg_grey {
color: #444 !important;
background-color: #b9b9b9; }

.bg_yellow {
background-color: #ffff95; }

.bg_yellow_orange {
background: linear-gradient(to right, #ffc458 50%, #ffff95 50%); }

.time {
color: black;
text-decoration: none;
padding: 0 4px;
border: 2px solid #fff;
margin: 3px 2px; }

.time:hover {
color: black;
border: 2px solid #333; }

.bg_grey:hover {
border: 2px solid #fff !important; }

#footer a {
color: white;
text-decoration: none; }