/* Custom heading font */

/* @import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap'); */


/* .automat {
    font-family: 'Cookie', cursive;
    font-size: 3.7rem;
} */

.bold {
    font-weight:bold;
}

.gray {
    color:#A9A9A9;
}

.super-hidden {
    display: none !important;
}

.watched {
    background-color: #ffeaa7 !important;
}

.favorite {
    background-color: #81ecec !important;
}

.hidden {
    display: none;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .text-part {
        width: 75%;
    }
    .najezd {
        display: none;
    }
    .cena {
        display: none;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .text-part {
        width: 70%;
    }
    .hide {
        display: none;
    }
    .najezd {
        display: none;
    }
    .palivo {
        display: none;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .rocnik {
        display: none;
    }
    .lokalita {
        display: none;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .text-part {
        width: 60%;
    }
    .datumcas {
        display: none;
    }
}

/* -------- Podchycení zbytku zařízení, která nespadají do skupin výše -------- */

/* All extra large devices (desktops, larger than 1200px) */
@media (min-width: 1200px) {
    .text-part {
        width: 65%;
    }
    .prehled {
        font-size: x-large;
        font-weight: bold;
    }
}

.prehled {
    font-weight: bold;
}

/* Použití tří teček místo přetečení textu na další řádek */
.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; 
}

/* .badge-part {
    
} */

/* Sticky footer */
.container {
min-height: calc(100vh - 50px);
}
.footer {
/* position: fixed;
bottom: 0;
width: 100%; */
/* flex-shrink: none; */
height: 50px;
}

/* Custom translucent site header */

.site-header {
background-color: rgba(132, 132, 132, .85);
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
color: #000;
transition: ease-in-out color .15s;
}
.site-header a:hover {
color: #fff;
text-decoration: none;
}