:root {
    
    --hneda1: #fef8f2;
    /*--hneda2: #f1b980;*/
    --hneda2: #edcb50;
    
    --zelena1: #4c8d7c; /* nejsvetlejsi zelena ... font na tmavem bg */
    --zelena2: #12735b; /* svetla zelena */
    --zelena3: #b3cec8; /* svetla zelena na pismo */
    --zelena4: #005c45; /* hlavni zelena bg */
    --zelena5: #00bd8e; /* svitive zelena ... pismo zelene na zel. pozadi */
    --zelena6: #223b41; /* nejtmavsi zelena, skoro cerna ... kresby apod. */

    --bs-primary: #448c74;      /* zelena */
    --bs-secondary: #edcb50;    /* zluta */
    --bs-tertiary: #eb5050;    /* cervena */
}

section.pruhSvZelena {background-color: #e7f1ec;}
section.pruhSvSeda {background-color: #f4f4f4;}
section.pruhTmava {background-color: #001510; color: #fff; line-height: 2rem;}  /* var(--zelena6) */
section.pruhTmava a {color: var(--zelena3); text-decoration: none;}
section.pruhTmava a:hover {color: #fff; text-decoration: underline;}

.btn-primary {
    --bs-btn-bg: #005c45;
    --bs-btn-border-color: #005c45;
    --bs-btn-hover-bg: #006f53;
    --bs-btn-hover-border-color: #006f53;
    --bs-btn-active-bg: #005c45;
    --bs-btn-active-border-color: #005c45;
    --bs-btn-disabled-bg: #005c45;
    --bs-btn-disabled-border-color: #005c45;
}

.btn-outline-primary {
    --bs-btn-color: #005c45;
    --bs-btn-border-color: #005c45;
    --bs-btn-hover-bg: #005c45;
    --bs-btn-hover-border-color: #005c45;
    --bs-btn-active-bg: #005c45;
    --bs-btn-active-border-color: #005c45;
    --bs-btn-disabled-color: #005c45;
    --bs-btn-disabled-border-color: #005c45;
}

.btn-secondary {
    --bs-btn-color: #223b41;
    --bs-btn-hover-color: #223b41;
    --bs-btn-bg: #edcb50;
    --bs-btn-border-color: #edcb50;
    --bs-btn-hover-bg: #eac230;
    --bs-btn-hover-border-color: #eac230;
    --bs-btn-active-color: #223b41;
    --bs-btn-active-bg: #edcb50;
    --bs-btn-active-border-color: #edcb50;
    --bs-btn-disabled-color: #223b41;
    --bs-btn-disabled-bg: #edcb50;
    --bs-btn-disabled-border-color: #edcb50;
}

.btn-outline-secondary {
    --bs-btn-color: #edcb50;
    --bs-btn-border-color: #edcb50;
    --bs-btn-hover-bg: #edcb50;
    --bs-btn-hover-border-color: #edcb50;
    --bs-btn-active-bg: #edcb50;
    --bs-btn-active-border-color: #edcb50;
    --bs-btn-disabled-color: #edcb50;
    --bs-btn-disabled-border-color: #edcb50;
}

.btn-tertiary {
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-bg: #eb5050;
    --bs-btn-border-color: #eb5050;
    --bs-btn-hover-bg: #ec3737;
    --bs-btn-hover-border-color: #ec3737;
    --bs-btn-active-bg: #eb5050;
    --bs-btn-active-border-color: #eb5050;
    --bs-btn-disabled-bg: #eb5050;
    --bs-btn-disabled-border-color: #eb5050;
}

.btn-outline-tertiary {
    --bs-btn-color: #eb5050;
    --bs-btn-border-color: #eb5050;
    --bs-btn-hover-bg: #eb5050;
    --bs-btn-hover-border-color: #eb5050;
    --bs-btn-active-bg: #eb5050;
    --bs-btn-active-border-color: #eb5050;
    --bs-btn-disabled-color: #eb5050;
    --bs-btn-disabled-border-color: #eb5050;
}

a, .nav-link {color: var(--zelena4);}
.nav-link.active {border-bottom: 1px solid var(--zelena4);}
.nav-link:hover {color: var(--zelena6); border-bottom: 1px solid #a3cfbb;}
.nav-link.active:hover {border-color: var(--zelena6);}

a.home {color: #222; text-decoration: none;}

.btn i {vertical-align: bottom;}

#hlavicka {
  color: var(--zelena3);
  background-color: var(--zelena4);
}
#hlavicka h1 {color: #fff;}

.bg-zelena-svetla {background-color: #e5f8f3;}

.eventCalendar {position: relative; text-align: right; background-color: #fde404; color: #192a31; overflow: hidden;}   /* var(--zelena4) */
.eventCalendar h3, .eventCalendar h4 {font-weight: bold;}
.eventCalendar h4 {color: #000;}
.eventIcon {float: left; margin-right: 10px; transform: rotate(5deg); color: #fff; transition: all 0.5s ease-in-out; }  /* var(--zelena2) */
.eventIcon i { font-size: 8rem;}
.eventCalendar:hover .eventIcon {transform: rotate(-5deg); scale: 1.2;}

/*
.eventCalendar::before {
    font-family: bootstrap-icons;
    content: "\F218"; position: absolute; top: 0px; left: 10px;
}
*/

.hneda {color: var(--hneda2);}

/*
.bg-dark-green {background-color: #005c45;}
.dark-green {color: #005c45;}
.bg-light-brown {background-color: #f1b980;}
.light-brown {color: #f1b980;}
*/

/*
.bg-grad {
    background: linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
}
*/

.lavkaUplynuly {background-color: #f8f8f8;}
.lavkaUplynuly:nth-child(even) {background-color: #eee;}
.rocnik {font-weight: 900; color: #ccc; font-size: 3.5rem;}

.vizitka .ikona {background-color: var(--zelena3); border-radius: 50%; width: 3rem; height: 3rem; line-height: 4rem; text-align: center; display: inline-block; /*vertical-align: middle;*/}
.vizitka .ikona i {transform: rotate(-10deg); font-size: 2rem;}

.sponzori img {width: 130px; margin: 30px 40px;}

.social {font-size: 3rem;}

.upoutavka h2 {font-size:4.5rem;}


table#sokolHistorie th:nth-child(1) { text-align: end; }

table.rozpis tr {background-color: rgba(255,255,255,0.3);}
table.rozpis tr.rozpisSuda {background-color: rgba(255,255,255,0.6);}
table.rozpis strong {text-transform: uppercase;}

.vizitkaMensi .ikona {background-color: var(--zelena3); border-radius: 50%; width: 2rem; height: 2rem; line-height: 2.8rem; text-align: center; display: inline-block; overflow: visible; vertical-align: middle; margin: 5px 5px 5px 0;}
.vizitkaMensi .ikona i {transform: rotate(-10deg); font-size: 1.6rem;}


@media (max-width: 1200px) { 
    .eventIcon i { font-size: 4rem;}
}

@media (max-width: 448px) { 
    .sponzori img {margin: 30px 30px 30px 0;}
}

@media (max-width: 991px) {
    .upoutavka h2 {font-size:3rem;}
}