@font-face {
    font-family: DaxlinePro;
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url("https://static.wixstatic.com/ufonts/2be1ac_41d0c133b648445c8168324cd7d8cd7d/woff2/file.woff2") format("woff2");
}

:root {
    --bs-primary: #faa61a;
    --bs-primary-rgb: 250,166,26;
    --bs-link-color: var(--bs-primary);
    --bs-link-color-rgb: var(--bs-primary-rgb);
    --bs-link-hover-color-rgb: 230,146,6;

}

.btn-primary {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);

    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: #ffb32f;
    --bs-btn-hover-border-color: #ffb32f;

    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
}

.dropdown-menu {
    --bs-dropdown-link-active-color: var(--bs-dark);
    --bs-dropdown-link-active-bg: var(--bs-primary);
}

body {
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    font-family: "Open Sans", sans-serif;
}

.rocnik2019 {
    background-image: url(/images/brno2.jpg);
}

.rocnik2022 {
    background-image: url(/images/petrov.jpg);
}

.rocnik2023 {
    background-image: url(/images/petrov-spilberk.webp);
}

.rocnik2026 {
    background-image: url(/images/aurora.jpg);
}

h1 {
    font-family: DaxlinePro;
}

ol {
    padding-left: 20px;
}

hr {
    width: 100px;
}


/* struktura */

.container, nav {
    max-width: 1200px;
}

.container {
    padding: 40px 40px 30px 40px;
}

.navbar-brand img {
    height: 30px;
    width: 91px;
}


/* titulní stránka */

.main-box {
    width: 360px;
    margin: 40px auto;
}

iframe {
    width: 100%;
    height: 500px;
    float: left;
}

#mapa a {
    height: 500px;
}


/* přednáčející */

.prednasejici h1 {
    margin-bottom: 40px;
}

.prednasejici .row {
    margin-bottom: 40px;
}

.prednasejici .col-sm-3 div {
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2);
    border-radius: 50%;
    padding: 6px;
    width: 100%;
    max-width: 180px;
    margin-bottom: 20px;
}

.prednasejici .col-sm-3 img {
    border-radius: 50%;
    width: 100%;
}


/* mobil */

@media screen and (max-width: 576px) {
    .container {
        padding: 40px 20px 30px 20px;
    }
}