@import url('https://fonts.googleapis.com/css2?family=Grandstander:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&display=swap');
@font-face {
    font-family: "Futura";
    src: url("https://www.srpsmskrynicka.cz/www/fonts/futur.ttf") format('truetype');
    src: url("https://www.srpsmskrynicka.cz/www/fonts/futur.ttf?#iefix") format('embedded-opentype');
}

body, html { width:100%; height:100%; background-image: url('/www/images/bg.jpg'); background-size: cover; font-family: 'Montserrat',sans-serif; overflow-x: hidden; }
header { height: 180px; border-bottom: 4px solid rgb(65,181,163); }
.header2 { height: 400px; background-image: url('/www/images/hlavicka.svg'); background-repeat: no-repeat; background-position: center; background-size: 75%;}
img.logo { width: 266px; z-index: 2; position: relative; top: 42px;}

img.img-hlavicka { position: relative; top: 43px; width: 85%;}
/* MENU */
.menu { position: relative; top: -42px; margin-left: 100px;}
.menu li.nav-item a { color: rgb(65,181,163); text-decoration: none; font-size: 20px; font-weight: 600; }
.menu li.nav-item a:hover, .menu li.nav-item a.active { text-decoration: underline; }
.menu li.nav-item a i { font-size: 15px; }
.plan-akci-hover, .o-nas-hover { display: none; }
.plan-akci:hover + .plan-akci-hover { display: block; }
.o-nas:hover + .o-nas-hover, .o-nas:hover + .o-nas-hover .submenu { display: block; }
.plan-akci-hover, .o-nas-hover { position: absolute; top: 23px; background-color: white; padding-top: 77px;  }
.plan-akci-hover:hover, .o-nas-hover:hover { display: block;}
.submenu { border: 4px solid rgb(65,181,163); width: 400px; }
.submenu:hover {display: block;}
.submenu li { padding-top: 10px; padding-bottom: 10px; padding-left: 15px;}
/* /MENU */
.obsah {  background-color: white; border-top: 4px solid rgb(65,181,163); min-height: 50vh; margin-bottom: 90px;}
h1 { margin-top: 50px; font-size: 99px; font-family: 'Grandstander', cursive; color: rgb(65,181,163); }
h1.plan-akci { font-size: 62px; }
h1.o-nas { font-size: 51px; }
h1.stanovy-srps { font-size: 66px; }
h1.kontakty { font-size: 91px; }
h1.homepage { font-size: 60px; }
h1.galerie { font-size: 81px; }
h1.schuze-srps { font-size: 81px; }
h2 { font-size: 19px; font-weight: 700; color: #555555; }
.text-aktuality span { color: #727272 !important; }
.text-aktuality p { color: #727272 !important; }
.aktualita a { text-decoration: none;}
.aktualita h3 { font-size: 31px; color: rgb(65,181,163); }
.aktualita span { color: #979797;}
hr { border: 2px solid rgb(65,181,163); background-color: rgb(65,181,163); opacity: 1;}
.header2 span { font-family: 'Grandstander', cursive; font-size: 34px; color: rgb(65,181,163); }
.header2 span.red { color: #e87790; }
.header2 span.yellow { color: #fbe91c; }
.header2 span.blue { color: #52c2f0; }
.header2 span.green { color: rgb(65,181,163); }
.aside ul li { padding-top: 8px; padding-bottom: 8px; }
.aside ul li a { font-size: 20px; color: rgb(65,181,163); text-decoration: none; }
footer { color: rgb(65,181,163); font-size: 18px; }
.schuze-srps ul li { padding-top: 8px; padding-bottom: 8px; }
.schuze-srps ul li a { font-size: 20px; color: rgb(65,181,163); text-decoration: none; }
.progress-bar { background-color: rgb(65,181,163); }
.anketa a { text-decoration: none; }
.anketa h4 { font-size: 25px; color: rgb(65,181,163); }

.galerie { overflow: hidden; position: relative; }
.galerie img { width: 100%; height: 190px; object-fit: contain; margin-bottom: 15px; margin-right: 15px; }

oembed { width: 100% !important;}
.embedly-card-hug { max-width: 100% !important;}
.embedly-card iframe { width: 100% !important;}

/* COOKIES */
.cookies-lista-okoli { background-color: rgba(0,0,0,0.7); width: 100vw; height: 100vh; z-index: 9999; position: fixed; top: 0; }
.cookies-lista { z-index: 9999; width: 35vw; background-color: #fff; height: auto; border-top: 1px solid #000; padding-top: 40px; padding-bottom: 40px; border-radius: 5px; }
@media (max-width: 776px) { .cookies-lista { width: 96vw;} }
img.cookies-img { width: 30px; margin-right: 12px; margin-bottom: 10px; }

.cookies-form .check-icon { position: absolute; right: 20px; top: 42px; }
.cookies-form input[type=checkbox] { height: 0; width: 0; visibility: hidden; }
.cookies-form label { cursor: pointer; text-indent: -9999px; width: 60px; height: 30px; background: grey; display: block; border-radius: 100px; position: absolute; right: 15px; }
.cookies-form label:after { content: ''; position: absolute; top: 5px; left: 5px; width: 20px; height: 20px; background: #fff; border-radius: 90px; transition: 0.3s; }
.cookies-form input:checked + label { background: rgb(121,182,4); }
.cookies-form input:checked + label:after { left: calc(100% - 5px); transform: translateX(-100%); }
.cookies-form label:active:after { width: 40px; }
.text-success { color: rgb(121,182,4) !important; }
.btn-success { background-color: rgb(121,182,4) !important; }
.chevron-rotate { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition: 0.1s; }
.cookies-form .accordion-item { border: 0; padding: 15px; }
.cookies-form .accordion-button { position: absolute; border: 0; background-color: transparent; padding: 15px; width: 75%; padding-left: 0; }
.cookies-form .accordion-button:not(.collapsed) { color: none; background-color: transparent; box-shadow: none; border: 0; }
.cookies-form .accordion-button:not(.collapsed)::after { display: none; }
.cookies-form .accordion-button::after { display: none; }
/* /COOKIES */

@media screen and (max-width: 576px) { 
    img.logo { width: 116px; top: 0; margin: 20px; } 
    header { height: auto; }
    .header2 { height: auto; padding-top: 20px; background-size: cover; padding-bottom: 170px; }
    h1 { margin-top: 0; font-size: 64px;}
    p { font-size: 10pt; font-weight: normal; }
    h1.homepage { font-size: 33px; }
    .header2 span { font-size: 24px; }
    h1.plan-akci { font-size: 62px; }
    h1.o-nas { font-size: 51px; }
    h1.stanovy-srps { font-size: 66px; }
    h1.kontakty { font-size: 71px; }
    h1.galerie { font-size: 81px; }
    h1.schuze-srps { font-size: 81px; }
    .aktualita h3 { font-size: 20px; }
}

.text-aktuality img { max-width: 100%;}