/*
    WEBSITE: http://www.sokolreckovice.cz

    ORIGINAL:
    AUTHOR:     Jan Zmidloch 
    CREATED:    2011

    NEW / EDITED:
    AUTHOR:     Tomas Gut
    CREATED:    2025
*/

@font-face 
{
    src: url(../fonts/SokolTyrs-Regular.ttf);
    font-family: Tyrs;
}

@font-face 
{
    src: url(../fonts/SokolFugner-Regular.ttf);
    font-family: Fugner;
}

.work-sans-<uniquifier> 
{
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

/*
::-webkit-scrollbar
{
    display: none;
}

::-webkit-scrollbar-track
{
    display: none;
}
*/

* 
{
    padding: 0;
    margin: 0;
    transition: 0.3s;
}

html
{
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body 
{
    margin: 0;
    padding: 0;
    
    font: 0.85em "Work Sans", sans-serif;
    line-height: 1.5em;
    color: black;
    background-color: white;
    text-align: center;
    font-family: "Work Sans", sans-serif;
}

.pc
{
    display: flex;
}

.mobile
{
    display: none;
}

a 
{
    padding: 2px;
    text-decoration: none;
    color: black;
    cursor: pointer;
}

a:hover 
{
    background-color: #2d2e7c;
    color: white;
}

h1 
{
    font-family: Fugner;
    font-size: 3.5em;
    letter-spacing: 0.2em;
}

h2 
{
    font-family: Tyrs;
    font-size: 2em;
    letter-spacing: 0.17em;
}

h3 
{
    font-family: Tyrs;
    font-size: 1.5em;
    letter-spacing: 0.14em;
}

h4
{
    font-family: Tyrs;
    font-size: 1em;
    letter-spacing: 0.14em;
}

p
{
    font-family: "Work Sans", sans-serif;
}

ul, ol
{
}

li
{
    list-style-type: none;
    list-style-position: inside;
    text-align: justify left;

    border-style: hidden hidden hidden solid;
    border-width: medium;
    border-color: #de0a2a;
}

ul span, ol span 
{
}

img 
{
}

img.no-border 
{
    border: none;
}

img.float-right 
{
    margin: 5px 0px 5px 15px;
}

img.float-left 
{
    margin: 5px 15px 5px 0px;
}

a img 
{
    border: none;
}

a:hover img 
{
    border: none;
}

code 
{
    margin: 5px 0;
    padding: 10px;
    text-align: left;
    overflow: auto;
    font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
    /* white-space: pre; */
    background: white;
    border: 1px solid white;
    border-left: 4px solid #2d2e7c;
}

acronym 
{
    cursor: help;
    border-bottom: 1px solid #666666;
}

blockquote 
{
    margin: 15px;
    padding: 0 0 0 20px;
    background: white;
    border: 1px solid white;
    border-left: 4px solid #2d2e7c;
    font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif;
}

/*
form 
{
    border: 1px solid white;
    background-color: white;
}
*/

label 
{
    font-weight: bold;
    margin: 5px 0;
}

input 
{
    padding: 0.2em;
    font-family: "Work Sans", sans-serif;
    font-size: 1em;
    
    background: none;
}

input:hover
{
    cursor: pointer;
    
    border-color: #2d2e7c;
    background: #2d2e7c;
    color: white;
}

textarea 
{
    font-family: "Work Sans", sans-serif;
    width: 100%;
    padding: 2px;
    font-size: 1em;
    border: 1px solid #2d2e7c;
    height: 100px;
    resize: vertical;
}

input.button 
{
    border-style: hidden hidden hidden solid;
    border-width: medium;
    border-color: #de0a2a;
}

input.text
{
    border-style: hidden hidden solid hidden;
    border-width: thin;
    border-color: #de0a2a;
}

table 
{
    padding: 20px 0 10px;
    border-spacing: 0px;
}

tr 
{
    display: table-row;
}

td, th 
{
    display: table-cell;
    text-align: left;
    padding: 5px;
    background-color: transparent;
    border-style: hidden hidden solid hidden;
    border-width: medium;
    border-color: #2d2e7c;
}

td a
{
    display: block;
    padding: 0;
}

td a:hover 
{
    color: #de0a2a;
    background-color: transparent;
}

form.searchfor, form.loginform 
{
    background: transparent;
    border: none;
}

form.searchform input.textbox, form.loginform input.textbox 
{
    border: 1px solid #2d2e7c;
    height: 14px;
    font-size: 9pt;
}

form.searchform input.button, form.loginform input.button 
{
    width: 100%;
    font-size: 8pt;
    background: #FAFAFA;
    border: 1px solid #2d2e7c;
    vertical-align: top;
}

#content-wrap 
{
    display: flex;
    flex-flow: row;
    justify-content: center;
    max-width: 1500px;
    height: 100%;
    min-height: 70vh;
    padding: 150px 0;
    margin: 0 auto;
    text-align: left;
    clear: both;
}

.expandable_view 
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 90vh;
}

/* --- Common header section --- */

header 
{
    position: fixed;
    width: 100vw;
    display: flex;
    align-items: stretch;
    justify-content: center;
    z-index: 10;
    
    background-color: white;
    /*
    border-style: hidden hidden solid hidden;
    border-width: medium;
    border-color: #de0a2a;
    */
}

#title 
{
    display: flex;
    gap: 10px;
    padding: 0px 15px;
}

#title:hover
{
    background-color: white;
}

#title:hover h1
{
    color: #de0a2a;
}

#title img 
{
    height: 40px;
    align-self: center;
}

#title h1 
{
    font-size: 3em;
    color: #2d2e7c;
    align-self: center;
}

/* menu tabs */

/*
#main_menu 
{
    padding-right: 1em;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: end;
}
*/

header form
{
    padding: 5px;
    font-size: 9pt;
    text-transform: none;
}

#main_menu 
{
    display: flex;
    align-self: stretch;
    align-items: center;
    justify-content: flex-end;
    grid-row-gap: 10px;
    font-family: Tyrs;
}

nav a 
{
    color: #de0a2a;
	align-items: center;
    padding: 0.8em 1.8em;
    font-size: 1.2em;
}

nav a:hover
{
    color: white;
}

#current_page 
{
    color: #2d2e7c;
}

#current_page:hover
{
    color: white;
}

/* Header dropdown */

.nav_dropdown
{
    height: 100%;
    position: relative;
}

.nav_dropdown_content
{
    top: 3.5em;
    display: none;
    position: absolute;
    min-width: 180px;
    z-index: 1;

    border-style: hidden hidden hidden solid;
    border-width: medium;
    border-color: #de0a2a;

    background-color: white;
}

.nav_dropdown_content a
{
    padding: 20px 30px;
    text-decoration: none;
    text-align: left;
    display: block;
}

.nav_dropdown:hover .nav_dropdown_content
{
    display: block;
}

/* Full nav overlay */

.overlay
{
    height: 0;
    width: 100%;
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay_content
{
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.overlay a
{
    padding: 12px 15px;
    font-family: Tyrs;
    text-align: left;
    font-size: 1.5em;
    display: block;

    border-style: hidden hidden hidden solid;
    border-width: medium;
    border-color: #de0a2a;
}

.overlay h1
{
    margin-bottom: 50px;
    color: #de0a2a;
}

.overlay .closebtn
{
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 3em;
}

/* --- Common footer section --- */

#footer 
{
    background-color: #2d2e7c;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#footer_box 
{
    padding: 50px 0px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

#footer h7 
{
    font-size: 20px;
    color: white;
}

#footer_box p, #footer_box a 
{
    padding: 10px 0;
    color: white;
}

.footer_row_wrapper 
{
    display: flex;
}

.supporter 
{
    max-width: 100px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin: 0px 10px;
}

.supporter:hover img
{
    background-image: linear-gradient(0deg, rgba(222,10,42,1) 2px, rgba(222,10,42,0) 2px);
}

.supporter img 
{
    height: 50px;
    padding-bottom: 5px;
}

.footer-info 
{
    padding-top: 20px;
    border-style: solid hidden hidden hidden;
    border-width: medium;
    border-color: white;
}

.footer-links 
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.footer-links a 
{
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.footer-links a:hover
{
    background-image: linear-gradient(0deg, rgba(222,10,42,1) 2px, rgba(222,10,42,0) 2px);
}

.footer-links img 
{
    height: 15px;
}

/* --- Common main section --- */

#main 
{
    display: flex;
    flex-flow: column;
    align-items: center;
    min-width: 450px;
    float: left;
    margin: 0 20px;
    padding: 0;
    gap: 4em;
}

.post-footer 
{
    padding: 5px;
    margin: 20px 15px 0 15px;
    border: 1px solid #f2f2f2;
    font-size: 95%;
}

.post-footer .date 
{
    background: url(../images/clock.gif) no-repeat left center;
    padding-left: 20px;
    margin: 0 10px 0 5px;
}

.post-footer .comments 
{
    background: url(../images/comment.gif) no-repeat left center;
    padding-left: 20px;
    margin: 0 10px 0 5px;
}

.post-footer .readmore 
{
    background: url(../images/page.gif) no-repeat left center;
    padding-left: 20px;
    margin: 0 10px 0 5px;
}

/* --- Common sidebar section --- */

#sidebar 
{
    float: left;
    max-width: 205px;
    display: inline;
}

/* sidebar */
.sidemenu 
{
    list-style: none;
    margin: 10px 0 10px 5px;
    gap: 10px;
}

.sidesubmenu 
{
    list-style: none;
    margin: 0 0 0 10px;
    gap: 10px;
}

.sidemenu a, .sidesubmenu a 
{
    display: block;
    padding: 5px 10px;
    font-weight: bold;
    text-decoration: none;
}

/* 
#rightbar 
{
    float: right;
    width: 205px;
    padding: 0;
    margin: 0;
}

#rightbar table 
{
    width: 190px;
}
*/

#content-advert 
{
    float: left;
    margin-top: 15px;
    margin-bottom: 10px;
    width: 100%;
    display: block;
}

#content-advert img 
{
    border: none;
    margin-top: 5px;
    margin-right: 5px;
}

/* --- additional classes --- */

/* alignment */
.float-left 
{
    float: left;
}

.float-right 
{
    float: right;
}

.align-left 
{
    text-align: left;
}

.align-right 
{
    text-align: right;
}

/* borders */

.border-left
{
    border-style: hidden hidden hidden solid;
    border-width: medium;
    border-color: #de0a2a;
}

.border-right
{
    border-style: hidden solid hidden hidden;
    border-width: medium;
    border-color: #de0a2a;
}

/* colors */
.clear {
    clear: both;
}

.red {
    color: #de0a2a;
}

.green {
    color: #21b008;
}

.gray {
    color: #a9bac3;
}

.white {
    color: #FFFFFF;
}

.highlight {
    background-color: #568eb6;
    color: #FFFFFF;
}

a.ruka {
    cursor: pointer;
}

table th h3 {
    text-align: left;
}

.fotoalbum {
    width: 100%;
}

.fotka_album {
    width: 158px;
    height: 160px;
    float: left;
    padding-left: 2px;
    padding-right: 2px;
}

.fotka {
    width: 108px;
    height: 80px;
    float: left;
    padding-left: 2px;
    padding-right: 2px;
}

.fotka div {
    font-size: 10pt;
    font-weight: bolder;
    text-align: center;
}

td.ru {
    width: 7px;
    height: 6px;
    background-image: url(images/shadow/ru.gif);
    background-repeat: no-repeat;
}

td.ld {
    width: 7px;
    height: 6px;
    background-image: url(images/shadow/ld.gif);
    background-repeat: no-repeat;
}

td.rd {
    width: 7px;
    height: 6px;
    background-image: url(images/shadow/rd.gif);
    background-repeat: no-repeat;
}

td.dole {
    border-bottom: 1px solid #000000;
    height: 22px;
}

hr.cara {
    color: #a9bac3;
    background-color: #a9bac3;
    height: 1px;
}

div.hlaseni, div.err_msg {
    border: 1px solid #ee1d24;
    background-color: #FB8686;
    color: #000000;
    width: 500px;
    margin-top: 15px;
    margin-left: 20px;
    margin-bottom: 15px;
    line-height: 30px;
    text-indent: 30px;
    text-align: left;
}

div.err_msg, div.ok_msg {
    color: #000000;
    width: 500px;
    margin-top: 15px;
    margin-left: 20px;
    margin-bottom: 15px;
    line-height: 30px;
    text-indent: 30px;
    text-align: left;
    font-weight: bold;
}

div.err_msg img, div.ok_msg img {
    margin-top: 5px;
    border: none;
    vertical-align: baseline;
}

div.err_msg {
    border: 1px solid #ee1d24;
    background-color: #FB8686;
}

div.ok_msg {
    border: 1px solid #2E7C0C;
    background-color: #C0F4AA;
}

ul.steps {
    /*z-index: 999999;
	position: absolute;
	right: 0; 
	bottom: 6px !important; 
	bottom: 5px;
	*/
    width: 400px;
    height: 20px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    font-weight: bold;
    font-size: 13px;
}

ul.steps li {
    display: inline;
    list-style-type: none;
    margin: 0 0 0 0;
    background: #dadada url(images/next.png) no-repeat right;
    color: #000000;
    padding: 4px 40px 4px 10px;
    font-weight: bold;
}

ul.steps li.active {
    background-color: #ee1d24;
    color: #FFFFFF;
}

ul.steps li.post_active {
    background-color: #fb8686;
}

#pay {
    font-weight: bold;
}

input.prihlaska {
    margin-right: 5px;
}

/* Mobile */
@media (max-aspect-ratio: 1/1)
{
    .pc
    {
        display: none;
    }
    
    .mobile
    {
        display: flex;
    }
}