/**
 *  EDGERING 
 *    2025  
 *  
 *  https://edgering.org
 *           
 */

*, *::before, *::after {
    box-sizing: border-box;
    background-repeat: no-repeat;

    --color-green: rgb(48, 128, 70);
    --color-yellow: rgb(249, 200, 45);
    --color-green-light: #EAF2EC;
    --border: 1px solid #999999;
    --pad-vertical: .8em 0;
    --pad-vertical-half: .4em 0;
    --border-radius: 1em;
}

body {
    font-size: 20px;
    font-family: "Raleway", sans-serif;
    background-color: #213223;
    margin: 0;
    padding: 0;
    min-height: 100%;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600;
}

/*
.raleway-<uniquifier> {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}
*/

header, main {
    background-color: #fff;
}


a {
    text-decoration: none;
    color: var(--color-green);
}

img {
    max-width: 100%;
    height: auto;
}

a:has(img) {
    display: block;
}

a:has(img):hover {
    text-decoration: none;
}

.aural, .off {
    display: none;
}

.width {
    max-width: 1280px;
    margin: 0 auto;
}

h1.width,
.ns__clanky article.width {
    max-width: 980px;
    margin: 0 auto;
}

.width-full {
    width: 100%;
}

img.width-full {
    display: block;
}

.center {
    text-align: center;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex.end {
    justify-content: flex-end;
}

.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3em 3em;
    padding: 2em 0;
}

a:hover {

    text-decoration: underline;

}

p a {
    text-decoration: underline;
}

h1, h2, h3, h4, h5 {
    position: relative;
}

/*
h1::after, h2::after, h3::after, h4::after, h5::after {
    font-size: 16px;
    color: #000;
    font-weight: bold;

    position: absolute;
    left: -16px;
    bottom: 0;
    font-weight: normal;
}

h1::after {
    content: "1";
}

h2::after {
    content: "2";
}

h3::after {
    content: "3";
}

h4::after {
    content: "4";
}

h5::after {
    content: "5";
}
*/


h1 {
    font-size: 2.4em;
    line-height: 1.1em;
}

h1.title_block {
    text-align: center;
    position: relative;
    padding-bottom: 1em;
}

h1.title_block::before {
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-image: url(img/pro-head.svg);
    background-size: 4em auto;
    background-position: center bottom;
    position: absolute;
    bottom: 0;
}

h2 {
    font-size: 2em;
    color: var(--color-green);
    font-weight: 400;
}

h3 {
    font-size: 1.6em;
    color: var(--color-green);
    font-weight: 600;
}

h4 {
    font-size: 1.4em;
    color: #7979e7;
}

h5 {
    font-size: 1.2em;
    color: #b01bce;
}

strong {
    font-weight: 800;
}

/** **/

.ImgAlignRight {
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
}

.ImgAlignLeft {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}

.ImgAlignCenter {
    display: block;
    margin: 1em auto;
}

/**
 *  HEADER
 */


#barTop {
    font-size: .8em;
    background: var(--color-yellow);
}

#barTop a {
    color: #000;
    padding: 0.6em 1.2em;
    display: block;
    background-size: auto 1.2em;
    background-position: left center;
    padding-left: 1.8em;
    position: relative;
}

#barTop a#lnkMail {
    padding-left: 1em;
}

a#lnkMail::before {
    content: "";
    position: absolute;
    left: 0;
    top: .7em;
    bottom: .7em;
    width: 2px;
    background: #000;
}

#barHeader {
    padding: var(--pad-vertical);
    background: #fff;
    z-index: 199;
    /** sticky header **/
    transition: all 0.3s ease-in-out;
}

#header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#barHeader.fixed {
    padding: var(--pad-vertical-half);
    position: fixed;
    transition: all 0.3s ease-in-out;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    animation: slideDown 0.35s ease-out;
    border-top: 2px solid var(--color-yellow);
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

#barHeader.fixed #hCol1 img {
    height: 3em;
}

#header img {
    max-width: 12em;
}

#barTheme {
    background: rgb(18, 37, 21);
    /* background: linear-gradient(90deg, rgba(18, 37, 21, 1) 0%, rgba(21, 105, 53, 1) 50%, rgba(18, 37, 21, 1) 100%); */
    background: rgb(0, 57, 38);
    background: linear-gradient(90deg, rgba(0, 57, 38, 1) 0%, rgba(0, 77, 38, 1) 15%,
            rgba(16, 115, 62, 1) 50%, rgba(0, 77, 38, 1) 85%, rgba(0, 57, 38, 1) 100%);
    color: #fff;
    position: relative;
}

#barTheme::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: 50em auto;
    opacity: 0.4;
    background-repeat: repeat;
}

#barThemeTop {
    padding-top: 2em;
}

#barThemeSubImg {
    background-image: url(img/ctu-bg-header-overlay.svg);
    background-size: 100% auto;
    background-position: bottom -2px center;
    z-index: 10;
    position: relative;
    height: 7em;
}

#barThemeSubImg img {
    display: block;
    line-height: 0;
}

#barTheme h1 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    font-size: 3em;
    font-weight: 900;
}

#barTheme img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 10;
}

#barThemeSub .width {
    position: relative;
}

#barThemeSub h1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
}

#barThemeSub strong {
    display: block;
    font-size: 2em;
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
}

/** 
 *  MAIN MENU
 */

.MainMenu {
    font-size: 1em;
}

.MainMenu,
.MainMenu ul {
    margin: 0;
    padding: 0;
}

.MainMenu li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.MainMenu li span,
.MainMenu li a {
    display: block;
    padding: .6em 1em .6em 1em;
    color: #000;
    cursor: pointer;
}

.MainMenu li a:hover {
    background: #f5f5f5;
}

.MainMenu li li a:hover {
    color: var(--color-green);
    background-color: #FDF6DF;
    text-decoration: none;
}

.MainMenu li.selected a {
    color: var(--color-green);
}

.MainMenu ul {
    position: absolute;
    top: 2.4em;
    left: 0;
    min-width: 16em;
    background: #FEF9EA;
    z-index: 100;
    display: none;
    /* box-shadow: 0px 0px 4px 0px #000;*/
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    overflow: hidden;
}

.MainMenu ul li {
    display: block;
    border-bottom: 1px solid rgb(0 0 0 / 14%);
}

.MainMenu li.hasSubmenu:hover ul {
    display: block;
}

li.hasSubmenu {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 27 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(2.66667,0,0,2.66667,24.3727,14.2897)'%3E%3Cpath d='M0,-5.21L-4.139,-1.07L-8.278,-5.21C-8.475,-5.408 -8.794,-5.408 -8.992,-5.211L-8.992,-5.21C-9.189,-5.013 -9.189,-4.693 -8.992,-4.496L-4.496,0.001C-4.299,0.198 -3.98,0.198 -3.783,0.001L0.713,-4.496C0.91,-4.694 0.91,-5.013 0.713,-5.211C0.516,-5.407 0.197,-5.407 0,-5.21' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E");
    background-position: right center;
    background-size: .6em auto;
    padding-right: .2em;
}

li.hasSubmenu:hover {
    background-color: #FEF9EA;
}

/** **/

.pagination-list {
    display: flex;
    gap: .3em .3em;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.2em;
}

.pagination-list a.active {
    background-color: var(--color-green);
    color: #fff;
    border-color: var(--color-green);
}

.pagination-list a {
    display: block;
    width: 2em;
    height: 2em;
    line-height: 1.8em;
    text-align: center;
    border: 1px solid rgb(0 0 0 / 14%);
    border-radius: 1em;
}

/** **/

.article-card {
    position: relative;
}

.article-card:hover strong {
    text-decoration: underline;
}

.article-card a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.article-card a span {
    display: none;
}

.article-card strong {
    font-weight: 500;
    color: var(--color-green);
    display: block;
    font-size: 1.4em;
}

.article-card img {
    border-radius: 1em;
    margin-bottom: 1em;
}

.article-card .article-datum {
    display: block;
    margin: var(--pad-vertical);
    padding-left: 2em;
    background-position: left center;
    background-size: auto 100%;
}

.article-card p {
    line-height: 150%;
}

.article-datum {
    opacity: 0.5;
}

article .article-datum {
    margin-top: 2em;
    text-align: left;
    position: relative;
    padding: 1em 0;
}

article .article-datum::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 10em;
    height: 1px;
    background-color: #000;
}

/**
 *  Kontakty
 */

.contact-card {
    text-align: center;
    border-radius: var(--border-radius);
    overflow: hidden;
    padding-bottom: 2em;
}

.contact-card strong {
    display: block;
    font-size: 1.2em;
    padding: .8em 0 0.4em 0;
    color: var(--color-green);
    font-weight: 600;
}

.contact-card div.group {
    margin-top: 2em;
    line-height: 160%;
}

.contact-email {
    display: block;
}

.contact-card .contact-email a,
.contact-card .contact-telefon {
    display: inline-block;
    padding-left: 1.4em;
    color: #000;
    background-size: auto 1em;
    background-position: left center;
}

.contact-cards .contact-card {
    background-color: var(--color-green-light);
}

.contact-vedouci {
    display: block;
}

#ns_kluby .contact-card:has(.contact-socials) {
    padding-bottom: 6em;
}

.contact-socials {
    display: flex;
    gap: 1em;
    justify-content: center;
    align-items: center;
}

.contact-socials a {
    display: block;
    color: transparent;
    width: 1.6em;
    height: 1.6em;
}

/** **/

#ns_kluby .contact-card {
    border: 3px solid var(--color-green);
    padding: 1em 2em;
}

#ns_kluby .contact-card .cc-img {
    height: 10em;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ns_kluby .contact-card .cc-img img {
    max-height: 100%;
    width: auto;
}

#ns_kluby .contact-card {
    position: relative;
    padding-bottom: 4em;
}

#ns_kluby .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
}

#ns_kluby .contact-web {
    display: block;
    padding: 1em;
}

/** **/

.ns__sponzori {
    display: flex;
    gap: 1em 1em;
    justify-content: center;
    align-items: center;
    padding: 2em 0;
}

.ns__sponzori img {
    height: 8em;
    width: auto;
}

/** **/

.ns__intro #rowid-1-1 strong {
    display: block;
    color: var(--color-green);
    font-style: normal;
    font-size: 1.6em;
    text-align: center;
    font-weight: 600;
}

/** 
 *   ZÁKLADNY
 */

#lblRozcestnik {
    display: none;
    padding: var(--pad-vertical);
}

#nsZakRoz {
    border: var(--border);
    border-radius: var(--border-radius);
    padding: var(--pad-vertical);
    padding-left: 4em;
    padding-right: 1em;
    margin-top: 1.6em;

    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg fill='%23000000' height='800px' width='800px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 433.479 433.479' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M293.343,171.329c-1.879-2.75-5.408-4.009-8.592-2.951c-3.037,1.009-5.144,3.903-5.148,7.111 c-0.008,6.475,8.022,9.889,12.689,5.417C294.888,178.418,295.32,174.326,293.343,171.329 C293.062,170.918,293.613,171.739,293.343,171.329z'/%3E%3Cpath d='M394.722,215.258l-32.998-44.248c-1.416-1.898-3.645-3.017-6.013-3.017h-45.408c-4.143,0-7.5,3.358-7.5,7.5 s3.357,7.5,7.5,7.5h41.646l27.405,36.748l-27.405,36.748H150.222v-73.496h112.981c4.143,0,7.5-3.358,7.5-7.5s-3.357-7.5-7.5-7.5 H236.24v-22.498h54.519c4.143,0,7.5-3.358,7.5-7.5V49.5c0-4.142-3.357-7.5-7.5-7.5H236.24V7.5c0-4.142-3.357-7.5-7.5-7.5h-24 c-4.143,0-7.5,3.358-7.5,7.5V42H77.769c-2.368,0-4.597,1.118-6.012,3.016L38.759,89.264c-1.984,2.66-1.984,6.308,0,8.968 l32.999,44.248c1.415,1.898,3.644,3.016,6.012,3.016H197.24v22.498h-54.519c-4.143,0-7.5,3.358-7.5,7.5v88.496 c0,4.142,3.357,7.5,7.5,7.5h54.519v154.49c0,4.142,3.357,7.5,7.5,7.5h24c4.143,0,7.5-3.358,7.5-7.5v-154.49h119.471 c2.368,0,4.597-1.118,6.013-3.016l32.998-44.248C396.705,221.565,396.705,217.918,394.722,215.258z M212.24,15h9v27h-9V15z M54.127,93.748L81.532,57h201.727v73.496H81.532L54.127,93.748z M212.24,145.496h9v22.498h-9V145.496z M221.24,418.479h-9v-146.99 h9V418.479z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: auto 80%;
    background-position: left 1em center;
}

#nsZakRoz a, #nsZakRoz span {
    display: block;
    padding: .6em;
}

#nsZakRoz ul.flex {
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 5px 2em;
    /* justify-content: flex-start; */
}

.layout-18 {
    margin: 1em 0;
    border-radius: var(--border-radius);
    overflow: hidden;
}

.layout-18 img {
    min-width: 25%;
    height: auto;
}

.ns__zakladny .layout-0 {
    gap: 1em 1em;
}

.ns__zakladny article .lyt-row {
    margin-bottom: 3em;
}

.ns__zakladny article .lyt-row:has(ul) {
    margin-bottom: 1em;
}

.ns__zakladny .layout-0 ul {
    list-style: none;
    margin: 1em 0;
    padding: 0;
    border-bottom: 2px solid #000;
}

.ns__zakladny .layout-0 ul li {
    border-bottom: 1px solid #000;
    padding: .2em .6em;
}

.ns__zakladny .layout-0 ul li:has(strong) {
    border-bottom-color: transparent;
    background-color: #DFEBE3;
}

.ns__zakladny #breadCrumb {
    margin-bottom: 1em;
}

/**
 * Bread crumb
 */

#breadCrumb {
    gap: 0.8em;
    justify-content: flex-start;
    padding: 1em 0 0 0;
}

#breadCrumb span,
#breadCrumb a {
    display: inline-block;
    padding: .2em 1.4em .2em 0;
    color: #000;
    font-size: .9em;
    opacity: .6;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 12 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(2.66667,0,0,2.66667,-992.467,-1616.48)'%3E%3Cg transform='matrix(15,0,0,15,372.175,617.1)'%3E%3Cpath d='M0,0.012L0.208,-0.728L0.278,-0.728L0.071,0.012L0,0.012Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: auto 1em;
    background-position: right center;
    font-weight: 600;
}

#breadCrumb .last {
    background-image: none;
}

#breadCrumb a:hover {
    opacity: 1;
}

/**
 *  FOOTER
 */

footer {
    color: #fff;
    font-weight: 400;
}

footer strong {
    font-weight: 700;
}

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

#footer {
    width: 100%;
    clear: both;
    text-align: center;
}

#footTheme {
    background-image: url(img/ctu-bg-footer-hory2.svg);
    background-color: #fff;
    background-size: 100% auto;
    background-position: top center;
}

#footTheme2 {
    background-image: url(img/ctu-bg-footer-lesy2.svg);
    background-position: bottom -2px center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

#footTheme img {
    display: block;
    line-height: 0;
}

#footCredits .elem-col {
    position: relative;
}

#footCredits .elem-col-right p:last-child {
    position: absolute;
    bottom: 4em;
    left: 0;
}

#footCredits .elem-col-right ul {
    margin: 2em 0 1em 0;
    padding: 0;
    list-style: none;
    line-height: 300%;
}

#footCredits .elem-col-right .icon-telefon,
#footCredits .elem-col-right a {
    display: inline-block;
    background-size: auto 1em;
    padding-left: 1.8em;
    background-position: 0% center;
    background-repeat: no-repeat;
}

#footCredits .elem-col-right ul li:nth-child(1) a {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z' fill='%23fff'/%3E%3C/svg%3E");
}

#footCredits .elem-col-right ul li:nth-child(2) a {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z' fill='%23fff'/%3E%3C/svg%3E");
}

#footCredits .elem-col-right p a {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M48,64C21.5,64 0,85.5 0,112C0,127.1 7.1,141.3 19.2,150.4L236.8,313.6C248.2,322.1 263.8,322.1 275.2,313.6L492.8,150.4C504.9,141.3 512,127.1 512,112C512,85.5 490.5,64 464,64L48,64ZM0,176L0,384C0,419.3 28.7,448 64,448L448,448C483.3,448 512,419.3 512,384L512,176L294.4,339.2C271.6,356.3 240.4,356.3 217.6,339.2L0,176Z' style='fill:rgb(255,255,255);fill-rule:nonzero;'/%3E%3C/svg%3E");
}

#footCredits .icon-telefon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M164.9,24.6C157.2,6 136.9,-3.9 117.5,1.4L29.5,25.4C12.1,30.2 0,46 0,64C0,311.4 200.6,512 448,512C466,512 481.8,499.9 486.6,482.5L510.6,394.5C515.9,375.1 506,354.8 487.4,347.1L391.4,307.1C375.1,300.3 356.2,305 345.1,318.7L304.7,368C234.3,334.7 177.3,277.7 144,207.3L193.3,167C207,155.8 211.7,137 204.9,120.7L164.9,24.7L164.9,24.6Z' style='fill:rgb(255,255,255);fill-rule:nonzero;'/%3E%3C/svg%3E");
}

#footCredits .elem-col p:nth-child(1) {
    font-size: 1.6em;
}

#footCredits .elem-col-left img {
    max-width: 15em;
    margin: 2em 0 4em 0;
}

#footCredits .elem-col-mid {
    background-image: url(img/ctu-kloucek.svg);
    background-size: 100% auto;
    background-position: bottom center;
    padding-bottom: 2em;
}


#footEdgering {
    text-align: center;
    background-color: rgb(0 0 0 / 20%);
    font-size: .8em;
}

#footEdgering,
#footEdgering a {
    color: #9e918d;
}

#footEdgering p {
    margin: 0;
    padding: 1em 0;
}

/** **/

.icon-fb {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z'/%3E%3C/svg%3E");
}

.icon-ig {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");
}

.contact-email a,
.icon-mail {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M48,64C21.5,64 0,85.5 0,112C0,127.1 7.1,141.3 19.2,150.4L236.8,313.6C248.2,322.1 263.8,322.1 275.2,313.6L492.8,150.4C504.9,141.3 512,127.1 512,112C512,85.5 490.5,64 464,64L48,64ZM0,176L0,384C0,419.3 28.7,448 64,448L448,448C483.3,448 512,419.3 512,384L512,176L294.4,339.2C271.6,356.3 240.4,356.3 217.6,339.2L0,176Z' style='fill:rgb(46,128,71);fill-rule:nonzero;'/%3E%3C/svg%3E");
}

.contact-telefon,
.icon-telefon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M164.9,24.6C157.2,6 136.9,-3.9 117.5,1.4L29.5,25.4C12.1,30.2 0,46 0,64C0,311.4 200.6,512 448,512C466,512 481.8,499.9 486.6,482.5L510.6,394.5C515.9,375.1 506,354.8 487.4,347.1L391.4,307.1C375.1,300.3 356.2,305 345.1,318.7L304.7,368C234.3,334.7 177.3,277.7 144,207.3L193.3,167C207,155.8 211.7,137 204.9,120.7L164.9,24.7L164.9,24.6Z' style='fill:rgb(46,128,71);fill-rule:nonzero;'/%3E%3C/svg%3E");
}

.article-card .article-datum,
.icon-time {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 54 54' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(2.66667,0,0,2.66667,26.64,53.3333)'%3E%3Cpath d='M0,-20C-5.483,-19.995 -9.99,-15.482 -9.99,-10C-9.99,-4.517 -5.476,0 0.01,0C5.496,0 10.01,-4.514 10.01,-10C10.01,-15.486 5.496,-20 0.01,-20L0,-20ZM0.01,-2C-4.379,-2 -7.99,-5.611 -7.99,-10C-7.99,-14.389 -4.379,-18 0.01,-18C4.399,-18 8.01,-14.389 8.01,-10C8.01,-5.611 4.399,-2 0.01,-2M0.08,-16.107L-1.795,-16.107L-1.795,-8.608L4.767,-4.67L5.705,-6.207L0.08,-9.545L0.08,-16.107Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E");
}

.ns__intro #rowid-1-1 .title_block {
    display: none;
}

.ns__intro #rowid-1-1 strong {
    padding-top: 1em;
}

/** **/

.ns_404_page {
    padding: 2em;
}

.ns_404_page img {
    max-width: 50vw;
}

/** **/

#barThemeSub {
    position: relative;
}

dotlottie-player {
    width: 6%;
    left: 47%;
    height: 80%;
    position: absolute;
    bottom: 0;
}

/** **/

@media all and (max-width: 1600px) {
    body {
        font-size: 18px;
    }
}

@media all and (max-width: 1440px) {
    .width {
        max-width: 100%;
        margin-left: 10%;
        margin-right: 10%;
    }

    h1.width,
    .ns__clanky article.width {
        max-width: 100%;
    }

    h1 {
        font-size: 2.1em;
    }
}

@media all and (max-width: 1280px) {
    .width {
        margin-left: 5%;
        margin-right: 5%;
    }

    #barTheme h1 {
        font-size: 2.6em;
    }

    #barThemeSub strong {
        font-size: 1.6em;
    }

    #barThemeSubImg {
        height: 6em;
    }

    footer .ns__layout {
        gap: 1em 1em;
    }

    footer .elem-col-left {
        text-align: center;
    }
}

@media all and (max-width: 1024px) {

    body {
        font-size: 16px;
    }

    h2 {
        font-size: 1.8em;
    }

    #ns_kluby.grid {
        gap: 1em 1em;
    }

    dotlottie-player {
        width: 8%;
        left: 46%;
    }

    .ns__sponzori img {
        height: 6em;
        width: auto;
    }

    #header img {
        max-width: 10em;
    }

    footer .ns__layout {
        gap: 0 0;
    }
}

@media all and (max-width: 768px) {

    body {
        font-size: 15px;
    }

    #header img {
        max-width: 8em;
    }

    #barTheme h1 {
        font-size: 2.4em;
    }

    #barThemeSub strong {
        font-size: 1.4em;
    }

    #barThemeSubImg {
        height: 5em;
    }

    /**
     *  Gallery
     */

    .imgGallery {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    }

    .imgGallery a span {
        font-size: 1em;
        text-align: center;
    }


    /** **/

    .layout-18 img {
        max-width: 40%;
    }

    .layout-18 .elem-col {
        background-position: center left;
    }

    /*
    .imgGallery a {
        width: 18%;
    }
        */


    .grid,
    .ns__layout {
        gap: 1em 1em;
    }

    .grid#ns_kluby,
    .grid#ns_clanky,
    .grid.contact-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    /** **/

    #nsZakRoz {
        background-size: auto 3em;
        background-position: left 1em top 1em;
        padding-left: 5em;
    }

    #nsZakRoz ul.flex {
        flex-wrap: wrap;
    }


    .ns__kontakt article .layout-9 {
        grid-template-columns: 1.3fr 1.1fr .7fr;
    }
}


@media all and (max-width: 425px) {

    #barTop .width {
        margin-left: 1em;
        margin-right: 1em;
    }

    #barTop .flex.end {
        justify-content: space-between;
    }

    #barTop a {
        padding: 0.8em 0.4em .8em 1.4em;
    }

    #barTop a:last-child {
        padding-right: 0;
    }

    h1 {
        font-size: 1.8em;
    }

    #barTheme h1 {
        font-size: 2em;
    }

    h2,
    .MainMenu {
        text-align: center;
    }

    .MainMenu ul {
        text-align: left;
    }

    .ns__sponzori {
        flex-wrap: wrap;
    }

    #barHeader.fixed #hCol1 img {
        height: 4em;
    }

    #barThemeSubImg {
        height: 4em;
    }

    dotlottie-player {
        width: 12%;
        left: 44%;
    }

    /** **/

    #breadCrumb {
        flex-wrap: wrap;
    }

    /** **/

    .imgGallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 1em 1em;
    }

    .imgGallery a span {
        font-size: 1em;
    }

    /** **/

    .contact-cards,
    #ns_kluby {
        padding-left: 10%;
        padding-right: 10%;
    }

    .layout-18 .elem-col {
        background-size: 100% auto;
        background-position: center top;
        padding-top: 12em;
    }

    .layout-18 img {
        max-width: 100%;
        width: 100%;
    }

    /** **/

    .ns__kontakt article .layout-9,
    .grid#ns_kluby, .grid#ns_clanky, .grid.contact-cards {
        grid-template-columns: auto;
    }

    .ns__kontakt article .layout-9 {
        text-align: center;
        font-size: 120%;
    }

    .ns__kontakt article .layout-9 ul {
        list-style: none;
        margin: 1em 0;
        padding: 0;
    }

    /** **/

    #nsZakRoz {
        background-image: none;
        padding: 0.4em;
    }

    #nsZakRoz ul.flex {
        gap: 5px .6em;
        justify-content: center;
    }

    .ns__clanky article p,
    .ns__zakladny article p {
        text-align: justify;
    }

    .calendar-container {
        overflow: hidden;
    }

    .calendar-body {
        overflow-x: auto;
    }

    .calendar-body table {
        min-width: 900px;
    }

    /** **/

    footer .ns__layout {
        display: block;

    }

    #footCredits .elem-col-mid {
        display: none;
    }

    #footCredits .elem-col-right {
        text-align: center;
    }

    #footCredits .elem-col-left img {
        margin: 1em auto;
    }

    #footCredits .elem-col-right p:last-child {
        position: relative;
        margin-top: 5em;
    }
}


@media all and (max-width: 375px) {
    body {
        font-size: 14px;
    }

    #barTheme h1 {
        font-size: 1.8em;
    }

    #barThemeSub strong {
        font-size: 1.2em;
    }
}