html, body {
    font-family: 'Roboto', sans-serif;
    background-color: white;
    color: black;
}

nav a {
    text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Slab', serif;
}
h1 {
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase; 
}
h2 {
    font-size: 1.2rem;
    font-weight: normal;
    font-style: italic;
}
h3 {
    font-size: 1.1rem;
    font-weight: bold;
    text-transform: uppercase; 
}
h6 {font-size: .5rem; font-weight: bold; text-transform: uppercase; }

a {text-decoration: underline !important;}

#logo {
    height: 3rem;
}

#trava {
    height: 30px;
    background: #fff url('/msklicek/images/trava.png') left bottom repeat-x;
}

#motto {opacity: .8;}

footer a {color: #fff}
footer a {color: #000; text-decoration: underline;}


.bg-success {background-color: #b6cf4d !important;}
.text-success {color: #b6cf4d !important;}
.bg-zeleny {background-color: #b6cf4d !important;}
.bg-light-light {background-color: #f1f2f3 !important;}
.bg-green-light {background-color: #bfdf67 !important;}
.bg-blue-light {background-color: #80cce9 !important;}
.bg-yellow-light {background-color: #fffa9b !important;}
.bg-purple-light {background-color: #dabbed !important;}
.bg-orange-light {background-color: #f1bf7f !important;}
.bg-red-light {background-color: #eb8f6b !important;}


.popover {width: 250px;}
.cursor {cursor: pointer;}
.cursor_none {cursor: none;}
.border-radius16 {border-radius: 16px !important;}

#tridaZK {background: url('/msklicek/images/klicek-zeleny.png') 2rem top no-repeat}
#aktuality, #napiste {background-color: #eaeaea;}
#zpravodaj {background: url('/msklicek/images/tabule.png') left top repeat; background-size: 20% auto; padding: 1rem 0;}
#zpravodaj h1, #zpravodaj h2 {color: #cccccc !important;}
#iframe_mapa {width: 100%; height: 600px;}

#tridy {background: url('/msklicek/images/tridy_pozadi.png') center top repeat-x; background-size: auto 100%;}

#go_top {
    position: fixed;
    right: 25px;
    bottom: 25px;
}

.img-container {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-top: 75%; /* 4:3 Aspect Ratio */
}

img.slide {
  width: 100%;
  max-height: 70vh;
  object-fit: contain;
}