:root { --uvm-stin: 0 18px 46px rgba( 0, 0, 0, 0.13 ),
0 4px 12px rgba( 0, 0, 0, 0.06 ); --uvm-stin-maly: 0 10px 26px rgba( 0, 0, 0, 0.10 ),
0 2px 6px rgba( 0, 0, 0, 0.05 ); --uvm-barvy: #9c1924 0%, #c4202d 9%, #db4628 18%, #ef6831 28%,
#ef9b23 37%, #ffcc07 46%, #14b291 55%, #117a65 63%, #4c85c5 72%,
#1372b5 79%, #9e3e94 86%, #86246d 92%, #9c1924 100%;
} @property --uvm-uhel {
syntax: "<angle>";
initial-value: 90deg;
inherits: false;
}
@keyframes uvm-uhel {
from { --uvm-uhel: 90deg; }
to   { --uvm-uhel: 450deg; }
}
.uvm-autor-foto img {
max-width: 100%;
height: auto;
display: block;
}
.uvm-dila-filtry {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
}
.uvm-filtr-btn {
padding: 6px 14px;
border: 1px solid #ccc;
background: #fff;
cursor: pointer;
border-radius: 20px;
font-size: 14px;
}
.uvm-filtr-btn.is-active {
background: #111;
color: #fff;
border-color: #111;
}
.uvm-dila-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 20px;
}
.uvm-dilo-card {
cursor: pointer;
text-align: left;
}
.uvm-dilo-card img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
display: block;
}
.uvm-dilo-card h3 {
margin: 8px 0 2px;
font-size: 16px;
}
.uvm-dilo-card p {
margin: 0;
font-size: 13px;
color: #666;
}
.uvm-dilo-modal {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.uvm-dilo-modal[hidden] {
display: none;
}
.uvm-dilo-modal-inner {
background: #fff;
max-width: 700px;
width: 100%;
max-height: 90vh;
overflow-y: auto;
padding: 24px;
position: relative;
}
.uvm-dilo-modal-foto {
width: 100%;
height: auto;
margin-bottom: 16px;
}
.uvm-dilo-modal-close {
position: absolute;
top: 10px;
right: 14px;
font-size: 28px;
background: none;
border: none;
cursor: pointer;
line-height: 1;
}
body.uvm-modal-open {
overflow: hidden;
} .uvm-logo-mask {
display: block;
width: 140px;
height: 80px;
background-image: var(--uvm-logo-src);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@supports ((mask-image: none) or (-webkit-mask-image: none)) { .uvm-logo-mask {
position: relative;
background-image: var(--uvm-logo-src);
background-color: transparent;
-webkit-mask-image: var(--uvm-logo-src);
mask-image: var(--uvm-logo-src);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
.uvm-logo-mask::before {
content: "";
position: absolute;
inset: 0;
background-color: var(--uvm-logo-barva, currentColor);
opacity: 1;
transition: opacity 0.45s cubic-bezier( 0.65, 0, 0.35, 1 ),
background-color 0.45s cubic-bezier( 0.65, 0, 0.35, 1 );
}
} .uvm-loga { --uvm-loga-na-radek: min( var( --uvm-loga-max, 6 ), 6 );
--uvm-loga-mezera: clamp( 28px, 3.4vw, 64px );
--uvm-loga-radius: 18px;
display: block; margin: 0;
} .uvm-loga .uvm-loga__nadpis {
margin: 0 0 clamp( 20px, 3vw, 36px );
text-align: center;
font-size: clamp( 1.375rem, 2.2vw, 2rem );
font-weight: 700;
line-height: 1.15;
color: var( --uvm-loga-barva, #1d1d1d );
}
.uvm-loga .uvm-loga__okno {
position: relative;
} .uvm-loga .uvm-loga__pas {
display: flex;
gap: var( --uvm-loga-mezera );
margin: 0;
padding: 0;
list-style: none;
overflow-x: auto;
overscroll-behavior-x: contain;
flex-wrap: nowrap; justify-content: flex-start;
justify-content: safe center; scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.uvm-loga .uvm-loga__pas::-webkit-scrollbar {
display: none;
}
.uvm-loga .uvm-loga__polozka {
flex: 0 0 calc(
( 100% - ( var( --uvm-loga-na-radek ) - 1 ) * var( --uvm-loga-mezera ) )
/ var( --uvm-loga-na-radek )
);
max-width: calc(
( 100% - ( var( --uvm-loga-na-radek ) - 1 ) * var( --uvm-loga-mezera ) )
/ var( --uvm-loga-na-radek )
);
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center; scroll-snap-align: start;
flex-shrink: 0;
} .uvm-loga.je-v-pohybu .uvm-loga__pas {
scroll-snap-type: none;
} .uvm-loga.uvm-loga--vejde-se .uvm-loga__pas {
overflow-x: visible;
justify-content: center;
}
.uvm-loga.uvm-loga--vejde-se .uvm-loga__sip {
display: none;
} .uvm-loga .uvm-loga__box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%; aspect-ratio: 1 / 1;
padding: 0;
text-decoration: none;
box-shadow: none;
border: 0;
border-radius: var( --uvm-loga-radius ); opacity: 1;
will-change: transform;
transition: opacity 0.45s cubic-bezier( 0.65, 0, 0.35, 1 ),
transform 0.45s cubic-bezier( 0.65, 0, 0.35, 1 );
} .uvm-loga .uvm-loga__box img.uvm-loga__obrazek,
.uvm-loga .uvm-loga__box .uvm-loga__obrazek {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
margin: 0;
border: 0;
border-radius: 0;
box-shadow: none;
transition: transform 0.45s cubic-bezier( 0.65, 0, 0.35, 1 );
} .uvm-loga .uvm-loga__nazev {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset( 50% );
white-space: nowrap;
} .uvm-loga a.uvm-loga__odkaz {
position: absolute;
left: 0;
top: 0;
transform: translate( -50%, -50% ) scale( 0.9 );
max-width: 280px;
width: max-content;
padding: 9px 18px; border-radius: 999px; background: var( --uvm-loga-barva, #fff );
color: var( --uvm-loga-pozadi, #1d1d1b );
font: inherit;
font-size: 0.75rem;
font-weight: 500;
line-height: 1.3;
text-align: center;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border: 0;
box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.10 ), 0 1px 2px rgba( 0, 0, 0, 0.06 );
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 5;
transition: opacity 0.2s ease, transform 0.2s cubic-bezier( 0.65, 0, 0.35, 1 ),
box-shadow 0.2s ease, visibility 0s linear 0.2s;
}
.uvm-loga a.uvm-loga__odkaz.je-videt {
opacity: 1;
visibility: visible;
transform: translate( -50%, -50% ) scale( 1 );
pointer-events: auto;
cursor: pointer;
transition: opacity 0.2s ease, transform 0.2s cubic-bezier( 0.65, 0, 0.35, 1 ),
box-shadow 0.2s ease, visibility 0s;
}
.uvm-loga a.uvm-loga__odkaz.je-videt:hover,
.uvm-loga a.uvm-loga__odkaz.je-videt:focus-visible {
box-shadow: 0 4px 14px rgba( 0, 0, 0, 0.16 ), 0 1px 3px rgba( 0, 0, 0, 0.08 );
text-decoration: underline;
} .uvm-loga a.uvm-loga__box:hover,
.uvm-loga a.uvm-loga__box:focus-visible {
opacity: 1;
transform: translateY( -6px ) scale( 1.07 );
} .uvm-loga .uvm-loga__pas .uvm-loga__box.je-aktivni {
opacity: 0;
transform: none;
pointer-events: none; transition: opacity 0.22s cubic-bezier( 0.22, 1, 0.36, 1 ),
transform 0.22s cubic-bezier( 0.22, 1, 0.36, 1 );
}
.uvm-loga a.uvm-loga__box:focus-visible {
outline: 2px solid currentColor;
outline-offset: 4px;
} .uvm-loga--hover-original .uvm-loga__box:hover .uvm-logo-mask::before,
.uvm-loga--hover-original .uvm-loga__box:focus-visible .uvm-logo-mask::before,
.uvm-loga--hover-original .uvm-loga__box.je-aktivni .uvm-logo-mask::before {
opacity: 0;
}
.uvm-loga:not( .uvm-loga--hover-original ) .uvm-loga__box:hover .uvm-logo-mask::before,
.uvm-loga:not( .uvm-loga--hover-original ) .uvm-loga__box:focus-visible .uvm-logo-mask::before,
.uvm-loga:not( .uvm-loga--hover-original ) .uvm-loga__box.je-aktivni .uvm-logo-mask::before {
background-color: var( --uvm-loga-barva-hover, var( --uvm-logo-barva ) );
}   .uvm-loga.ma-vybrane .uvm-loga__pas .uvm-loga__box:not( .je-aktivni ) {
opacity: 0.32;
}
.uvm-loga span.uvm-loga__box {
cursor: default;
} .uvm-loga .uvm-loga__sip {
position: absolute;
top: 50%;
transform: translateY( -50% );
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border-radius: 50%; background: none;
border: 2px solid var( --uvm-loga-barva, #1d1d1b );
box-shadow: none;
color: var( --uvm-loga-barva, #1d1d1b );
cursor: pointer;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
z-index: 2;
}
.uvm-loga .uvm-loga__okno:hover .uvm-loga__sip,
.uvm-loga .uvm-loga__sip:focus-visible {
opacity: 1;
}
.uvm-loga .uvm-loga__sip:hover {
transform: translateY( -50% ) scale( 1.12 );
} .uvm-loga .uvm-loga__sip--zpet  { left: calc( -1 * clamp( 14px, 3vw, 46px ) ); }
.uvm-loga .uvm-loga__sip--vpred { right: calc( -1 * clamp( 14px, 3vw, 46px ) ); }
.uvm-loga .uvm-loga__sip svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
} .uvm-dotyk .uvm-loga .uvm-loga__sip { display: none; } .uvm-dotyk .uvm-loga .uvm-loga__pas:hover .uvm-loga__box { opacity: 1; } .uvm-dotyk .uvm-loga .uvm-loga__pas { scroll-snap-type: x proximity; } @media ( max-width: 1399px ) { .uvm-loga { --uvm-loga-na-radek: min( var( --uvm-loga-max, 6 ), 5 ); } }
@media ( max-width: 1199px ) { .uvm-loga { --uvm-loga-na-radek: min( var( --uvm-loga-max, 6 ), 4 ); } }
@media ( max-width: 991px )  { .uvm-loga { --uvm-loga-na-radek: min( var( --uvm-loga-max, 6 ), 3 ); } } @media ( max-width: 767px ) {
.uvm-loga {
--uvm-loga-na-radek: min( var( --uvm-loga-max, 6 ), 3 );
--uvm-loga-mezera: clamp( 10px, 3vw, 24px );
}
}
@media ( prefers-reduced-motion: reduce ) {
.uvm-loga .uvm-loga__box,
.uvm-loga .uvm-loga__sip { transition: none; }
.uvm-loga a.uvm-loga__box:hover { transform: none; }
}   .uvm-program {
--uvm-program-radius: clamp( 16px, 2.2vw, 30px );
display: block;
margin: 0;
padding-block: 2rem 4rem;
}
@media ( max-width: 1024px ) {
.uvm-program {
padding-block: 1.25rem 2.5rem;
}
}
@media ( max-width: 600px ) {
.uvm-program {
padding-block: 0.75rem 1.5rem;
}
} .program-bg {
background-color: #fafafa;
box-shadow: 0 0 0 100vmax #fafafa;
clip-path: inset( 0 -100vmax );
} .program-bg:not( :has( .uvm-program ) ):not( :has( .uvm-mapa ) ) {
display: none;
} .bg-logo-color:not( :has( .uvm-loga ) ) {
display: none;
}
.uvm-program .uvm-program__nadpis {
display: flex;
align-items: center;
gap: clamp( 8px, 1vw, 16px );
margin: 0 0 clamp( 24px, 3vw, 48px );
font-size: clamp( 1.375rem, 2.2vw, 2rem );
font-weight: 700;
line-height: 1.15;
color: #111;
} .uvm-program .uvm-program__nadpis img.uvm-program__znacka,
.uvm-program .uvm-program__nadpis .uvm-program__znacka {
flex: 0 0 auto;
display: block;
width: 1.05em;
height: 1.05em;
margin: 0;
border: 0;
border-radius: 0;
box-shadow: none;
object-fit: contain;
}
.uvm-program .uvm-program__akce {
display: grid;
grid-template-columns: minmax( 0, 1fr ) minmax( 0, 2fr );
gap: clamp( 24px, 4vw, 64px );
align-items: start; overflow-wrap: anywhere;
} .uvm-program .uvm-program__akce + .uvm-program__akce {
margin-top: clamp( 40px, 6vw, 88px );
} .uvm-program .uvm-program__foto {
position: relative;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: var( --uvm-program-radius );
box-shadow: var( --uvm-stin-maly );
}
.uvm-program .uvm-program__foto img.uvm-program__obrazek,
.uvm-program .uvm-program__foto .uvm-program__obrazek {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
margin: 0;
border: 0;
box-shadow: none;
border-radius: inherit;
}  .uvm-program .uvm-program__text {
padding-top: var( --uvm-program-radius );
}
.uvm-program .uvm-program__datum {
margin: 0;
font-size: clamp( 1.25rem, 2vw, 1.75rem );
font-weight: 400;
line-height: 1.25;
color: #2b2b2b;
}
.uvm-program .uvm-program__titulek {
margin: clamp( 1px, 0.2vw, 4px ) 0 0;
font-size: clamp( 1.5rem, 2.6vw, 2.25rem );
font-weight: 700;
line-height: 1.2;
color: #111;
}
.uvm-program .uvm-program__misto {
margin: clamp( 8px, 1vw, 14px ) 0 0;
font-size: clamp( 1rem, 1.25vw, 1.1875rem );
font-weight: 700;
line-height: 1.4;
color: #111;
}
.uvm-program .uvm-program__popis {
margin: clamp( 14px, 1.6vw, 24px ) 0 0;
font-size: clamp( 1rem, 1.25vw, 1.1875rem );
font-weight: 400;
line-height: 1.6;
color: #222;
}
.uvm-program .uvm-program__popis p {
margin: 0 0 0.9em;
}
.uvm-program .uvm-program__popis p:last-child {
margin-bottom: 0;
} .uvm-program .uvm-program__tlacitko {
margin-top: clamp( 18px, 2.2vw, 32px );
}  @media ( max-width: 1199px ) {
.uvm-program .uvm-program__akce {
gap: clamp( 20px, 3vw, 40px );
}
} @media ( max-width: 991px ) {
.uvm-program .uvm-program__akce {
grid-template-columns: minmax( 0, 1fr ) minmax( 0, 2.2fr );
}
} @media ( max-width: 767px ) {
.uvm-program .uvm-program__akce {
grid-template-columns: 1fr;
gap: clamp( 16px, 4vw, 28px );
} .uvm-program .uvm-program__text {
padding-top: 0;
}
.uvm-program .uvm-program__foto {
max-width: 100%;
}
}
@media ( max-width: 479px ) { .uvm-program .uvm-program__tlacitko .w-btn {
max-width: 100%;
}
} .uvm-slider {
--uvm-slider-sirka: calc( 100vw - var( --uvm-lista, 0px ) );
--uvm-slider-radius: clamp( 16px, 2vw, 30px ); --uvm-slider-ramecek: 0px;
--uvm-slider-stin: var( --uvm-stin );
--uvm-slider-portret: clamp( 62px, 8.5vw, 128px ); --uvm-slider-odstup: clamp( 16px, 2.6vw, 44px );
--uvm-slider-ram: 3px; --uvm-slider-vyska: calc( 100vh - var( --header-height, 80px ) - 170px ); position: relative;
display: block; width: 100%;
margin: 0;
} .uvm-slider.uvm-slider--okno {
width: var( --uvm-slider-sirka );
max-width: var( --uvm-slider-sirka );
margin: 0 calc( ( var( --uvm-slider-sirka ) - 100% ) / -2 );
} .uvm-slider .uvm-slider__plocha {
position: relative;
display: block;
width: 100%;
margin: 0;
padding: 0;
border: 0;
background: none;
box-shadow: var( --uvm-slider-stin, none );
overflow: hidden;
border-radius: var( --uvm-slider-radius );
aspect-ratio: var( --uvm-slider-pomer, 16 / 9 );
max-height: var( --uvm-slider-vyska ); min-height: 300px;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
} @supports ( height: 100svh ) {
.uvm-slider {
--uvm-slider-vyska: calc( 100svh - var( --header-height, 80px ) - 170px );
}
} .uvm-slider .uvm-slider__plocha::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: conic-gradient( from var( --uvm-uhel ), var( --uvm-barvy ) );
animation: uvm-uhel 8s linear infinite;
z-index: 0;
display: none;
} .uvm-slider.uvm-slider--ramecek {
--uvm-slider-ramecek: 6px;
--uvm-slider-stin: none;
}
.uvm-slider.uvm-slider--ramecek .uvm-slider__plocha::before {
display: block;
}
.uvm-slider .uvm-slider__plocha:focus-visible {
outline: 2px solid currentColor;
outline-offset: 4px;
}
.uvm-slider .uvm-slider__plocha[disabled] {
cursor: default;
} .uvm-slider .uvm-slider__snimky {
position: absolute;
inset: var( --uvm-slider-ramecek );
overflow: hidden; border-radius: max( 0px, calc( var( --uvm-slider-radius ) - var( --uvm-slider-ramecek ) ) );
z-index: 1;
}
.uvm-slider .uvm-slider__snimek {
position: absolute;
inset: 0;
margin: 0;
padding: 0;
opacity: 0; transform: scale( 1.05 ); visibility: hidden;
pointer-events: none;
transition: opacity 1.7s cubic-bezier( 0.4, 0, 0.2, 1 ),
transform 4.5s cubic-bezier( 0.16, 1, 0.3, 1 ),
visibility 0s linear 1.7s;
} .uvm-slider .uvm-slider__snimek.je-videt {
opacity: 1;
transform: scale( 1 );
visibility: visible;
pointer-events: auto;
transition: opacity 1.7s cubic-bezier( 0.65, 0, 0.35, 1 ),
transform 4.5s cubic-bezier( 0.16, 1, 0.3, 1 ),
visibility 0s;
} .uvm-slider .uvm-slider__snimek.je-cele .uvm-slider__obrazek {
object-fit: contain;
}
.uvm-slider .uvm-slider__snimek img.uvm-slider__pozadi,
.uvm-slider .uvm-slider__snimek .uvm-slider__pozadi {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
margin: 0;
border: 0;
border-radius: 0;
box-shadow: none;
object-fit: cover;
filter: blur( 38px ) saturate( 1.25 );
transform: scale( 1.15 );
z-index: 0;
}
.uvm-slider .uvm-slider__snimek .uvm-slider__obrazek {
position: relative;
z-index: 1;
}
.uvm-slider .uvm-slider__snimek img.uvm-slider__obrazek,
.uvm-slider .uvm-slider__snimek .uvm-slider__obrazek {
display: block;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
margin: 0;
border: 0;
border-radius: 0;
box-shadow: none;
transition: transform 1.4s cubic-bezier( 0.16, 1, 0.3, 1 );
}  .uvm-slider .uvm-slider__plocha:hover .uvm-slider__snimek.je-videt .uvm-slider__obrazek {
transform: scale( 1.035 );
} .uvm-slider .uvm-slider__autori {
position: absolute;
top: var( --uvm-slider-odstup );
left: var( --uvm-slider-odstup );
display: block;
width: var( --uvm-slider-portret );
aspect-ratio: 1;
z-index: 2;
pointer-events: none;
}
.uvm-slider .uvm-slider__autor {
position: absolute;
inset: 0;
display: block;
border-radius: 50%;
overflow: hidden; opacity: 0;
visibility: hidden;
transition: opacity 1.7s cubic-bezier( 0.4, 0, 0.2, 1 ),
visibility 0s linear 1.7s;
} .uvm-slider .uvm-slider__autor::before {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
background: conic-gradient( from var( --uvm-uhel ), var( --uvm-barvy ) );
animation: uvm-uhel 6s linear infinite;
} .uvm-slider .uvm-slider__portret-obal {
position: absolute;
inset: var( --uvm-slider-ram );
display: block;
overflow: hidden;
border-radius: 50%;
background: transparent;
z-index: 1;
}
.uvm-slider .uvm-slider__portret-obal img.uvm-slider__portret,
.uvm-slider .uvm-slider__portret-obal .uvm-slider__portret {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
margin: 0;
border: 0;
border-radius: 0;
box-shadow: none;
object-fit: cover;
} .uvm-slider .uvm-slider__autor.je-videt {
visibility: visible;
opacity: 1;
transition: opacity 1.7s cubic-bezier( 0.65, 0, 0.35, 1 ),
visibility 0s;
} .uvm-slider .uvm-slider__autor.je-videt .uvm-slider__portret {
animation: uvm-slider-autor 2.4s cubic-bezier( 0.65, 0, 0.35, 1 ) forwards;
} @keyframes uvm-slider-autor {
from { filter: blur( 9px ); }
to   { filter: blur( 0 ); }
}  .uvm-slider .uvm-slider__popisky {
display: grid; grid-template-columns: minmax( 0, 1fr );
grid-template-areas: "popisek";
margin-top: clamp( 14px, 1.8vw, 26px ); padding-inline: var( --uvm-slider-radius );
}
.uvm-slider .uvm-slider__popisek {
grid-area: popisek;
display: flex; flex-wrap: nowrap;
align-items: baseline;
justify-content: space-between;
gap: 6px clamp( 16px, 3vw, 40px );
opacity: 0;
visibility: hidden;
transition: opacity 0.9s ease, visibility 0s linear 0.9s;
}
.uvm-slider .uvm-slider__popisek.je-videt {
opacity: 1;
visibility: visible;
transition: opacity 0.9s ease, visibility 0s;
}
.uvm-slider .uvm-slider__dilo {
margin: 0;
font-size: clamp( 1.0625rem, 1.5vw, 1.375rem );
line-height: 1.35;
color: #111; min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.uvm-slider .uvm-slider__jmeno {
font-weight: 700;
}
.uvm-slider .uvm-slider__nazev {
font-weight: 400;
margin-left: 0.45em;
}
.uvm-slider .uvm-slider__lokalita {
margin: 0;
text-align: right;
font-size: clamp( 1rem, 1.35vw, 1.25rem );
line-height: 1.35;
color: #555;
white-space: nowrap;
flex: 0 0 auto; }  @media ( max-width: 991px ) {
.uvm-slider .uvm-slider__plocha {
aspect-ratio: 3 / 2;
} .uvm-slider .uvm-slider__snimek.je-cele .uvm-slider__obrazek {
object-fit: cover;
}
.uvm-slider .uvm-slider__snimek .uvm-slider__pozadi {
display: none;
}
}
@media ( max-width: 560px ) {
.uvm-slider .uvm-slider__plocha {
aspect-ratio: 4 / 3;
}
.uvm-slider {
--uvm-slider-ram: 2px;
}
.uvm-slider.uvm-slider--ramecek {
--uvm-slider-ramecek: 4px;
}
} @media ( max-width: 991px ) {
.uvm-slider .uvm-slider__popisek {
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
text-align: center;
gap: 2px; justify-content: flex-start;
} .uvm-slider .uvm-slider__dilo,
.uvm-slider .uvm-slider__lokalita {
width: 100%;
max-width: 100%;
margin-left: 0;
text-align: center;
}
}
@media ( prefers-reduced-motion: reduce ) {
.uvm-slider .uvm-slider__snimek {
transform: none;
transition: opacity 0.3s linear;
}
.uvm-slider .uvm-slider__autor::before,
.uvm-slider .uvm-slider__plocha::before {
animation: none;
}
.uvm-slider .uvm-slider__autor.je-videt .uvm-slider__portret {
animation: none;
}
.uvm-slider .uvm-slider__plocha:hover .uvm-slider__obrazek {
transform: none;
}
} .uvm-counter {
--uvm-counter-ramecek: 3px;
--uvm-counter-radius: clamp( 10px, 1.3vw, 22px );
--uvm-counter-vyska: clamp( 96px, 11vw, 160px ); --uvm-counter-barva: #111;
--uvm-counter-barva-hover: #fff;
display: grid; grid-template-columns: repeat( var( --uvm-counter-sloupcu, 4 ), minmax( 0, 1fr ) );
gap: clamp( 6px, 1.4vw, 26px );
margin: 0; }
.uvm-counter .uvm-counter__polozka {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; height: var( --uvm-counter-vyska );
border-radius: var( --uvm-counter-radius );
overflow: hidden;
text-align: center; container-type: inline-size;
transition: transform 0.45s cubic-bezier( 0.22, 1, 0.36, 1 );
} .uvm-counter .uvm-counter__polozka::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit; background: conic-gradient( from var( --uvm-uhel ) at 50% -120%, var( --uvm-barvy ) ); animation: uvm-uhel var( --uvm-counter-trvani, 8s ) linear infinite;
animation-direction: var( --uvm-counter-smer, normal );
animation-delay: var( --uvm-counter-faze, 0s );
z-index: 0;
} .uvm-counter .uvm-counter__polozka::after {
content: "";
position: absolute;
inset: var( --uvm-counter-ramecek );
border-radius: max( 0px, calc( var( --uvm-counter-radius ) - var( --uvm-counter-ramecek ) ) );
background: rgba( 255, 255, 255, 1 );
z-index: 1;
transition: background 0.45s cubic-bezier( 0.22, 1, 0.36, 1 );
} .uvm-counter .uvm-counter__polozka:hover {
transform: scale( 1.055 );
} .uvm-counter .uvm-counter__polozka:hover::after {
background: rgba( 255, 255, 255, 0.3 );
}
.uvm-counter .uvm-counter__polozka:hover .uvm-counter__hodnota,
.uvm-counter .uvm-counter__polozka:hover .uvm-counter__popisek {
color: var( --uvm-counter-barva-hover );
}
.uvm-counter .uvm-counter__hodnota,
.uvm-counter .uvm-counter__popisek {
position: relative;
z-index: 2;
display: block;
line-height: 1.1;
color: var( --uvm-counter-barva );
transition: color 0.45s cubic-bezier( 0.22, 1, 0.36, 1 );
}
.uvm-counter .uvm-counter__hodnota {
font-size: min( 24cqw, clamp( 1.375rem, 2.6vw, 2.375rem ) );
font-weight: 800;
letter-spacing: -0.02em;
}
.uvm-counter .uvm-counter__popisek {
margin-top: clamp( 3px, 0.6vw, 10px );
font-size: min( 9cqw, clamp( 0.8125rem, 1vw, 1.0625rem ) );
font-weight: 400;
} .uvm-counter.ma-js .uvm-counter__hodnota,
.uvm-counter.ma-js .uvm-counter__popisek {
opacity: 0;
}
.uvm-counter.ma-js.je-videt .uvm-counter__hodnota {
animation: uvm-counter-cislo 0.9s cubic-bezier( 0.22, 1, 0.36, 1 ) forwards;
animation-delay: calc( var( --uvm-counter-i, 0 ) * 0.14s );
} .uvm-counter.ma-js.je-videt .uvm-counter__popisek {
animation: uvm-counter-popisek 0.7s ease forwards;
animation-delay: calc( var( --uvm-counter-i, 0 ) * 0.14s + 0.22s );
}
@keyframes uvm-counter-cislo {
from {
opacity: 0;
transform: translateY( -26px );
}
to {
opacity: 1;
transform: translateY( 0 );
}
}
@keyframes uvm-counter-popisek {
from { opacity: 0; }
to   { opacity: 1; }
}  @media ( max-width: 560px ) {
.uvm-counter {
--uvm-counter-ramecek: 2px;
}
.uvm-counter .uvm-counter__polozka {
height: auto;
padding: clamp( 10px, 3vw, 18px ) 4px;
}
}
@media ( prefers-reduced-motion: reduce ) {
.uvm-counter .uvm-counter__polozka::before {
animation: none;
}
.uvm-counter.ma-js .uvm-counter__hodnota,
.uvm-counter.ma-js .uvm-counter__popisek {
opacity: 1;
animation: none;
} .uvm-counter .uvm-counter__polozka,
.uvm-counter .uvm-counter__hodnota,
.uvm-counter .uvm-counter__popisek {
transition: none;
}
.uvm-counter .uvm-counter__polozka:hover {
transform: none;
}
} .uvm-dilo {
--uvm-dilo-radius: clamp( 14px, 1.6vw, 26px ); --uvm-dilo-ram: 3px; --uvm-dilo-karta-bg: #f2f2f2; --uvm-dilo-karta-radius: clamp( 10px, 1vw, 16px ); --uvm-dilo-ram-cisla: var( --uvm-dilo-ram );
--uvm-dilo-radius-cisla: clamp( 8px, 0.9vw, 12px );
display: block;
margin: 0; } .uvm-dilo .uvm-dilo__slider {
position: relative;
display: block;
width: 100%;
margin: 0;
padding: 0;
border: 0;
background: none;
overflow: hidden;
border-radius: var( --uvm-dilo-radius );
box-shadow: var( --uvm-stin );
aspect-ratio: 16 / 9;
max-height: calc( 100vh - var( --header-height, 80px ) - 170px );
min-height: 260px;
-webkit-tap-highlight-color: transparent;
} .uvm-dilo .uvm-dilo__slider.ma-vice {
cursor: pointer;
}
.uvm-dilo .uvm-dilo__slider:focus-visible {
outline: 2px solid currentColor;
outline-offset: 4px;
}
.uvm-dilo .uvm-dilo__snimek {
position: absolute;
inset: 0;
margin: 0;
padding: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.9s cubic-bezier( 0.4, 0, 0.2, 1 ),
visibility 0s linear 0.9s;
}
.uvm-dilo .uvm-dilo__snimek.je-videt {
opacity: 1;
visibility: visible;
transition: opacity 0.9s cubic-bezier( 0.65, 0, 0.35, 1 ),
visibility 0s;
} .uvm-dilo .uvm-dilo__snimek.je-cele .uvm-dilo__obrazek {
object-fit: contain;
}
.uvm-dilo .uvm-dilo__snimek img.uvm-dilo__pozadi,
.uvm-dilo .uvm-dilo__snimek .uvm-dilo__pozadi {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
margin: 0;
border: 0;
border-radius: 0;
box-shadow: none;
object-fit: cover;
filter: blur( 38px ) saturate( 1.25 );
transform: scale( 1.15 );
z-index: 0;
}
.uvm-dilo .uvm-dilo__snimek .uvm-dilo__obrazek {
position: relative;
z-index: 1;
}
.uvm-dilo .uvm-dilo__snimek img.uvm-dilo__obrazek,
.uvm-dilo .uvm-dilo__snimek .uvm-dilo__obrazek {
display: block;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
margin: 0;
border: 0;
border-radius: 0;
box-shadow: none;
}  .uvm-dilo .uvm-dilo__tecky {
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
margin-top: clamp( 12px, 1.4vw, 18px );
}
.uvm-dilo .uvm-dilo__tecka {
display: block;
width: 9px;
height: 9px;
border-radius: 999px;
background: #c9c9c9;
transition: width 0.5s cubic-bezier( 0.65, 0, 0.35, 1 ),
background 0.5s ease;
}
.uvm-dilo .uvm-dilo__tecka.je-videt {
width: 26px;
background: #6b6b6b;
} .uvm-dilo .uvm-dilo__telo {
display: grid; grid-template-columns: minmax( 0, 1fr ) minmax( 0, 310px );
gap: clamp( 28px, 6vw, 110px );
align-items: start;
margin-top: clamp( 24px, 3.4vw, 56px ); padding-inline: var( --uvm-dilo-radius );
}
.uvm-dilo .uvm-dilo__nazev {
margin: 0;
font-size: clamp( 1.75rem, 3.4vw, 3rem );
font-weight: 800;
line-height: 1.1;
color: #111;
}
.uvm-dilo .uvm-dilo__material {
margin: clamp( 10px, 1.4vw, 20px ) 0 0;
font-size: clamp( 1rem, 1.35vw, 1.25rem );
font-weight: 700;
line-height: 1.4;
color: #111;
}
.uvm-dilo .uvm-dilo__umisteni {
display: flex;
align-items: flex-start;
gap: 8px;
margin: clamp( 10px, 1.4vw, 20px ) 0 0;
font-size: clamp( 0.9375rem, 1.05vw, 1.0625rem );
font-weight: 700;
line-height: 1.4;
color: #111;
} .uvm-dilo .uvm-dilo__mapa {
color: inherit;
text-decoration: none;
box-shadow: inset 0 -1px 0 rgba( 17, 17, 17, 0.25 );
transition: box-shadow 0.25s ease;
}
.uvm-dilo .uvm-dilo__mapa:hover,
.uvm-dilo .uvm-dilo__mapa:focus-visible {
box-shadow: inset 0 -1px 0 currentColor;
}
.uvm-dilo .uvm-dilo__ikona {
flex: 0 0 auto;
width: 1.15em;
height: 1.15em;
margin-top: 0.1em;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.uvm-dilo .uvm-dilo__rok {
margin: clamp( 6px, 0.8vw, 12px ) 0 0;
font-size: clamp( 0.9375rem, 1.15vw, 1.0625rem );
color: #555;
}
.uvm-dilo .uvm-dilo__popis {
margin: clamp( 18px, 2.2vw, 32px ) 0 0;
font-size: clamp( 1rem, 1.25vw, 1.1875rem );
line-height: 1.65;
color: #222;
}
.uvm-dilo .uvm-dilo__popis p {
margin: 0 0 1em;
}
.uvm-dilo .uvm-dilo__popis p:last-child {
margin-bottom: 0;
} .uvm-dilo .uvm-dilo__drobecky {
display: inline-block;
margin-top: clamp( 20px, 2.6vw, 38px );
padding: 0.6em 1.15em;
border-radius: 999px;
background: #f4f4f4;
font-size: clamp( 0.75rem, 0.85vw, 0.875rem );
line-height: 1.6;
color: #444;
overflow-wrap: anywhere;
}
.uvm-dilo .uvm-dilo__drobecky a {
font-weight: 700;
color: #111;
text-decoration: none;
box-shadow: none;
}
.uvm-dilo .uvm-dilo__drobecky a:hover {
text-decoration: underline;
}
.uvm-dilo .uvm-dilo__oddelovac {
margin: 0 0.35em;
color: #999;
}  @media ( min-width: 768px ) {
.uvm-dilo .uvm-dilo__autori {
position: sticky;
top: max(
calc( var( --header-sticky-height, 60px ) + 20px ),
calc( 50vh - var( --uvm-lepic-vyska, 470px ) / 2 )
);
}
}
.uvm-dilo .uvm-dilo__medailonek {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;  padding: 72px 44px;
border-radius: var( --uvm-dilo-karta-radius );
background: var( --uvm-dilo-karta-bg );
box-shadow: var( --uvm-stin-maly );
}
.uvm-dilo .uvm-dilo__medailonek + .uvm-dilo__medailonek {
margin-top: clamp( 16px, 2vw, 28px );
}   .uvm-dilo .uvm-dilo__karty {
position: relative; display: grid;
} .uvm-dilo .uvm-dilo__autori.ma-vice .uvm-dilo__medailonek {
cursor: pointer;
} .uvm-dilo .uvm-dilo__autori.ma-vice .uvm-dilo__medailonek a,
.uvm-dilo .uvm-dilo__autori.ma-vice .uvm-dilo__navtecka {
cursor: pointer;
}
.uvm-dilo .uvm-dilo__karty > .uvm-dilo__medailonek { grid-area: 1 / 1;
align-self: start;
margin: 0;
} .uvm-dilo .uvm-dilo__autori.ma-vice .uvm-dilo__medailonek {
opacity: 0;
visibility: hidden;
transition: opacity 0.7s cubic-bezier( 0.4, 0, 0.2, 1 ),
visibility 0s linear 0.7s;
}
.uvm-dilo .uvm-dilo__autori.ma-vice .uvm-dilo__medailonek.je-videt {
opacity: 1;
visibility: visible;
transition: opacity 0.7s cubic-bezier( 0.65, 0, 0.35, 1 ),
visibility 0s;
} .uvm-dilo .uvm-dilo__navigace {
position: absolute;
top: 22px;
right: 24px;
display: flex;
align-items: center;
gap: 6px;
z-index: 2;
} .uvm-dilo .uvm-dilo__navtecka {
width: 9px;
height: 9px;
padding: 0;
border: 0;
border-radius: 999px;
background: #c9c9c9;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
transition: width 0.5s cubic-bezier( 0.65, 0, 0.35, 1 ),
background 0.5s ease;
}
.uvm-dilo .uvm-dilo__navtecka.je-videt {
width: 26px;
background: #6b6b6b;
}
.uvm-dilo .uvm-dilo__navtecka:hover {
background: #6b6b6b;
}
.uvm-dilo .uvm-dilo__navtecka:focus-visible {
outline: 2px solid #111;
outline-offset: 3px;
} .uvm-dilo .uvm-dilo__cisla {
display: grid;
grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
gap: 10px;
width: 100%;
margin-top: 20px;
} .uvm-dilo .uvm-dilo__cislo {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; aspect-ratio: 1;
padding: 4px;
border-radius: var( --uvm-dilo-radius-cisla );
overflow: hidden;
text-align: center;
}
.uvm-dilo .uvm-dilo__cislo::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: conic-gradient( from var( --uvm-uhel ), var( --uvm-barvy ) );
animation: uvm-uhel var( --uvm-cislo-trvani, 8s ) linear infinite;
animation-direction: var( --uvm-cislo-smer, normal );
animation-delay: var( --uvm-cislo-faze, 0s );
z-index: 0;
} .uvm-dilo .uvm-dilo__cislo::after {
content: "";
position: absolute; inset: var( --uvm-dilo-ram-cisla ); border-radius: max( 0px, calc( var( --uvm-dilo-radius-cisla ) - var( --uvm-dilo-ram-cisla ) ) );
background: var( --uvm-dilo-karta-bg, #f2f2f2 );
z-index: 1;
}
.uvm-dilo .uvm-dilo__cislo-hodnota,
.uvm-dilo .uvm-dilo__cislo-popisek {
position: relative;
z-index: 2;
display: block;
line-height: 1.15;
color: #111;
}
.uvm-dilo .uvm-dilo__cislo-hodnota {
font-size: 1.25rem;
font-weight: 800;
letter-spacing: -0.02em;
}
.uvm-dilo .uvm-dilo__cislo-popisek {
margin-top: 3px;
font-size: 0.6875rem;
font-weight: 400;
color: #555;
} .uvm-dilo .uvm-dilo__portret {
position: relative;
display: block;
width: 128px;
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
}
.uvm-dilo .uvm-dilo__portret::before {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
background: conic-gradient( from var( --uvm-uhel ), var( --uvm-barvy ) );
animation: uvm-uhel 6s linear infinite;
}
.uvm-dilo .uvm-dilo__portret-obal {
position: absolute;
inset: var( --uvm-dilo-ram );
display: block;
overflow: hidden;
border-radius: 50%;
background: #fff;
z-index: 1;
}
.uvm-dilo .uvm-dilo__portret-obal img.uvm-dilo__portret-foto,
.uvm-dilo .uvm-dilo__portret-obal .uvm-dilo__portret-foto {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
margin: 0;
border: 0;
border-radius: 0;
box-shadow: none;
object-fit: cover;
}
.uvm-dilo .uvm-dilo__autor-jmeno {
margin: 18px 0 0;
font-size: 1.375rem;
font-weight: 800;
line-height: 1.2;
color: #111;
} .uvm-dilo .uvm-dilo__autor-zivot {
margin: 6px 0 0;
min-height: 1.4em;
font-size: 0.8125rem;
line-height: 1.4;
color: #666;
} .uvm-dilo .uvm-dilo__profil {
margin-top: 20px;
width: 100%;
}
.uvm-dilo .uvm-dilo__profil .w-btn {
display: block;
width: 100%;
text-align: center; --btn-border-width: var( --uvm-dilo-ram );
} @media ( max-width: 991px ) {
.uvm-dilo .uvm-dilo__telo {
grid-template-columns: minmax( 0, 1fr ) minmax( 0, 310px );
gap: clamp( 24px, 4vw, 48px );
}
.uvm-dilo .uvm-dilo__slider {
aspect-ratio: 3 / 2;
}
}
@media ( max-width: 767px ) {
.uvm-dilo .uvm-dilo__telo {
grid-template-columns: 1fr; gap: clamp( 40px, 9vw, 64px );
}
.uvm-dilo .uvm-dilo__slider {
aspect-ratio: 4 / 3;
} .uvm-dilo .uvm-dilo__karty {
max-width: 310px;
margin-inline: auto;
} .uvm-dilo .uvm-dilo__drobecky {
border-radius: 14px;
}
} @media ( max-width: 991px ) {
.uvm-dilo .uvm-dilo__snimek.je-cele .uvm-dilo__obrazek {
object-fit: cover;
}
.uvm-dilo .uvm-dilo__snimek .uvm-dilo__pozadi {
display: none;
}
}
@media ( prefers-reduced-motion: reduce ) {
.uvm-dilo .uvm-dilo__snimek {
transition: opacity 0.3s linear;
}
.uvm-dilo .uvm-dilo__portret::before {
animation: none;
}
} .uvm-galerie {
--uvm-galerie-radius: clamp( 14px, 1.6vw, 26px );
--uvm-galerie-ram: 3px; --uvm-galerie-kruh: max( 42px, min( 21cqw, 84px ) );
--uvm-galerie-odsazeni: max( 10px, min( 4.5cqw, 22px ) ); --uvm-galerie-vypln: max( 4px, min( 1.4cqw, 7px ) );
display: block;
margin: 0; } .uvm-galerie .uvm-galerie__filtry {
display: flex;
flex-wrap: wrap;
gap: clamp( 8px, 0.9vw, 16px );
margin: 0 0 clamp( 18px, 2.4vw, 40px );
}
.uvm-galerie .uvm-galerie__pilulka {
position: relative;
display: inline-flex;
align-items: center;
margin: 0;
padding: 0.72em 1.5em;
border: 0;
border-radius: 999px;
background: none;
font-family: inherit;
font-size: clamp( 0.875rem, 1vw, 1.0625rem );
font-weight: 500;
line-height: 1.2;
color: #3a3a3a;
white-space: nowrap;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
-webkit-tap-highlight-color: transparent;
transition: color 0.4s cubic-bezier( 0.22, 1, 0.36, 1 );
}
.uvm-galerie .uvm-galerie__pilulka > span {
position: relative;
z-index: 2;
} .uvm-galerie .uvm-galerie__pilulka::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: conic-gradient( from var( --uvm-uhel ), var( --uvm-barvy ) ); animation: uvm-uhel var( --uvm-galerie-trvani, 8s ) linear infinite;
animation-direction: var( --uvm-galerie-smer, normal );
animation-delay: var( --uvm-galerie-faze, 0s );
opacity: 0;
z-index: 0;
transition: opacity 0.4s cubic-bezier( 0.22, 1, 0.36, 1 );
}
.uvm-galerie .uvm-galerie__pilulka::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: #ededed;
z-index: 1;
transition: inset 0.4s cubic-bezier( 0.22, 1, 0.36, 1 ),
background 0.4s cubic-bezier( 0.22, 1, 0.36, 1 );
} .uvm-galerie .uvm-galerie__pilulka:hover::before,
.uvm-galerie .uvm-galerie__pilulka:focus-visible::before,
.uvm-galerie .uvm-galerie__pilulka.je-aktivni::before {
opacity: 1;
}
.uvm-galerie .uvm-galerie__pilulka:hover::after,
.uvm-galerie .uvm-galerie__pilulka:focus-visible::after,
.uvm-galerie .uvm-galerie__pilulka.je-aktivni::after {
inset: var( --uvm-galerie-ram );
background: #fff;
}
.uvm-galerie .uvm-galerie__pilulka:hover,
.uvm-galerie .uvm-galerie__pilulka.je-aktivni {
color: #111;
}
.uvm-galerie .uvm-galerie__pilulka:focus-visible {
outline: 2px solid #111;
outline-offset: 3px;
} .uvm-galerie .uvm-galerie__mrizka {
display: grid;
grid-template-columns: repeat( var( --uvm-galerie-sloupcu, 4 ), minmax( 0, 1fr ) );
gap: clamp( 12px, 1.5vw, 26px );
}
.uvm-galerie .uvm-galerie__karta {
position: relative;
display: block;
overflow: hidden;
border-radius: var( --uvm-galerie-radius );
aspect-ratio: var( --uvm-galerie-pomer, 4 / 5 );
background: #f0f0f0;
text-decoration: none;
box-shadow: none; container-type: inline-size;
-webkit-tap-highlight-color: transparent;
transition: box-shadow 0.5s cubic-bezier( 0.22, 1, 0.36, 1 );
} .uvm-galerie .uvm-galerie__karta:hover {
box-shadow: var( --uvm-stin ); z-index: 1;
}
.uvm-galerie .uvm-galerie__karta:focus-visible {
outline: 2px solid #111;
outline-offset: 3px;
}
.uvm-galerie .uvm-galerie__ram {
position: absolute;
inset: 0;
display: block;
overflow: hidden;
border-radius: inherit;
} .uvm-galerie .uvm-galerie__ram img.uvm-galerie__obrazek,
.uvm-galerie .uvm-galerie__ram .uvm-galerie__obrazek {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
max-width: none;
margin: 0;
border: 0;
border-radius: 0;
box-shadow: none;
object-fit: cover;
z-index: 1;
transition: transform 0.8s cubic-bezier( 0.22, 1, 0.36, 1 );
} .uvm-galerie .uvm-galerie__karta:hover .uvm-galerie__obrazek {
transform: scale( 1.04 );
} .uvm-galerie .uvm-galerie__medailon {
position: absolute;
left: var( --uvm-galerie-odsazeni );
right: var( --uvm-galerie-odsazeni );
bottom: var( --uvm-galerie-odsazeni );
display: flex;
align-items: center;
padding: var( --uvm-galerie-vypln );
z-index: 2; pointer-events: none;
}
.uvm-galerie .uvm-galerie__portret {
position: relative;
flex: 0 0 auto;
width: var( --uvm-galerie-kruh );
height: var( --uvm-galerie-kruh );
border-radius: 50%;
z-index: 2;
} .uvm-galerie .uvm-galerie__portret::before {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
background: conic-gradient( from var( --uvm-uhel ), var( --uvm-barvy ) );
animation: uvm-uhel 7s linear infinite;
}
.uvm-galerie .uvm-galerie__portret-obal {
position: absolute;
inset: var( --uvm-galerie-ram );
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 50%;
background: #fff;
z-index: 1;
}
.uvm-galerie .uvm-galerie__portret-obal img.uvm-galerie__portret-foto,
.uvm-galerie .uvm-galerie__portret-obal .uvm-galerie__portret-foto {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
margin: 0;
border: 0;
border-radius: 0;
box-shadow: none;
object-fit: cover;
} .uvm-galerie .uvm-galerie__inicialy {
font-size: min( 7cqw, 1.25rem );
font-weight: 700;
letter-spacing: 0.02em;
color: #7a7a7a;
} .uvm-galerie .uvm-galerie__pilulka-dila {
position: absolute;
left: 0;
top: 0;
bottom: 0; width: calc( var( --uvm-galerie-kruh ) + 2 * var( --uvm-galerie-vypln ) );
border-radius: 999px;
background: #fff;
box-shadow: var( --uvm-stin-maly );
opacity: 0;
z-index: 0; transition: width 0.4s cubic-bezier( 0.65, 0, 0.35, 1 ),
opacity 0.28s linear;
}
.uvm-galerie .uvm-galerie__karta:hover .uvm-galerie__pilulka-dila,
.uvm-galerie .uvm-galerie__karta:focus-visible .uvm-galerie__pilulka-dila {
opacity: 1;
width: 100%;
} .uvm-galerie .uvm-galerie__vnitrek {
position: relative;
flex: 1 1 auto;
min-width: 0;
padding-left: min( 3cqw, 0.9em ); padding-right: calc( var( --uvm-galerie-kruh ) / 2 );
overflow: hidden;
text-align: right;
line-height: 1.3;
opacity: 0;
transform: translateX( -22px );
z-index: 1;
transition: opacity 0.45s cubic-bezier( 0.22, 1, 0.36, 1 ),
transform 0.55s cubic-bezier( 0.22, 1, 0.36, 1 );
}
.uvm-galerie .uvm-galerie__karta:hover .uvm-galerie__vnitrek,
.uvm-galerie .uvm-galerie__karta:focus-visible .uvm-galerie__vnitrek {
opacity: 1;
transform: translateX( 0 ); transition-delay: 0.2s;
} .uvm-galerie .uvm-galerie__jmeno,
.uvm-galerie .uvm-galerie__nazev {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.uvm-galerie .uvm-galerie__jmeno {
font-size: min( 4.4cqw, 1.0625rem );
font-weight: 700;
color: #111;
}
.uvm-galerie .uvm-galerie__nazev {
margin-top: 0.15em;
font-size: min( 4.2cqw, 1rem );
font-weight: 400;
color: #333;
}  .uvm-galerie.ma-js .uvm-galerie__karta.je-skryta {
display: none;
} .uvm-galerie .uvm-galerie__karta.je-nova {
animation: uvm-galerie-prichod 0.55s cubic-bezier( 0.22, 1, 0.36, 1 ) both;
animation-delay: calc( var( --uvm-galerie-poradi, 0 ) * 0.06s );
}
@keyframes uvm-galerie-prichod {
from {
opacity: 0;
transform: translateY( 16px );
}
to {
opacity: 1;
transform: none;
}
}
.uvm-galerie .uvm-galerie__vice-obal {
margin-top: clamp( 22px, 3vw, 44px );
} .uvm-galerie .uvm-galerie__vice-obal[hidden] {
display: none;
} .uvm-galerie .uvm-galerie__vice {
border: 0;
font-family: inherit;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
} @media ( max-width: 991px ) {
.uvm-galerie {
--uvm-galerie-ram: 2px;
} .uvm-galerie .uvm-galerie__mrizka {
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
}
} @media ( max-width: 767px ) {
.uvm-galerie .uvm-galerie__filtry {
flex-wrap: nowrap;
overflow-x: auto;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.uvm-galerie .uvm-galerie__filtry::-webkit-scrollbar {
display: none;
}
.uvm-galerie .uvm-galerie__pilulka {
flex: 0 0 auto;
}
}
@media ( prefers-reduced-motion: reduce ) {
.uvm-galerie .uvm-galerie__pilulka::before,
.uvm-galerie .uvm-galerie__portret::before {
animation: none;
}
.uvm-galerie .uvm-galerie__karta.je-nova {
animation: none;
}
.uvm-galerie .uvm-galerie__obrazek {
transition: none;
}
.uvm-galerie .uvm-galerie__karta:hover .uvm-galerie__obrazek {
transform: none;
} .uvm-galerie .uvm-galerie__pilulka-dila,
.uvm-galerie .uvm-galerie__karta:hover .uvm-galerie__pilulka-dila,
.uvm-galerie .uvm-galerie__karta:focus-visible .uvm-galerie__pilulka-dila {
width: 100%;
}
.uvm-galerie .uvm-galerie__pilulka-dila,
.uvm-galerie .uvm-galerie__vnitrek {
transform: none;
transition: opacity 0.3s linear;
}
} .uvm-tema {
display: grid;
grid-template-columns: minmax( 0, 1fr ) minmax( 0, 1fr );
gap: clamp( 28px, 5vw, 80px );
align-items: center;
margin: 0;  overflow-wrap: break-word;
} .uvm-tema.uvm-tema--obraz-vlevo .uvm-tema__text {
order: 2;
} .uvm-tema .uvm-tema__text {
container-type: inline-size;
}
.uvm-tema .uvm-tema__nazev {
margin: 0;
font-size: min( 15cqw, clamp( 2.5rem, 5.6vw, 5.25rem ) );
font-weight: 800;
line-height: 1.02;
letter-spacing: -0.02em; color: var( --uvm-barva-rocniku, #111 ); text-wrap: balance;
}
.uvm-tema .uvm-tema__obdobi {
margin: clamp( 14px, 1.8vw, 30px ) 0 0;
font-size: min( 11cqw, clamp( 1.75rem, 3.8vw, 3.5rem ) );
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.01em; color: var( --uvm-barva-rocniku, #111 );
text-wrap: balance;
}
.uvm-tema .uvm-tema__lokalita {
margin: clamp( 12px, 1.5vw, 26px ) 0 0;
font-size: min( 9cqw, clamp( 1.25rem, 2.4vw, 2.25rem ) );
font-weight: 700;
line-height: 1.15;
color: var( --uvm-barva-rocniku, #111 );
text-wrap: balance;
} .uvm-tema .uvm-tema__obrazek {
position: relative;
aspect-ratio: var( --uvm-tema-pomer, 1 / 1 );
overflow: hidden;
border-radius: clamp( 16px, 2.2vw, 30px );
box-shadow: var( --uvm-stin-maly );
} .uvm-tema .uvm-tema__obrazek img.uvm-tema__foto,
.uvm-tema .uvm-tema__obrazek .uvm-tema__foto {
display: block;
width: 100%;
height: 100%;
max-width: none;
margin: 0;
border: 0;
box-shadow: none;
border-radius: inherit;
object-fit: cover;
}  @media ( max-width: 767px ) {
.uvm-tema {
grid-template-columns: 1fr;
gap: clamp( 24px, 6vw, 40px );
}
.uvm-tema .uvm-tema__text {
text-align: center;
}
.uvm-tema.uvm-tema--obraz-vlevo .uvm-tema__text {
order: 0;
}
.uvm-tema .uvm-tema__obrazek {
width: 100%;
} .uvm-tema--hp .uvm-tema__obrazek {
order: -1;
}
.uvm-tema--hp .uvm-tema__text,
.uvm-tema--hp.uvm-tema--obraz-vlevo .uvm-tema__text {
order: 0;
} .uvm-tema--hp .uvm-tema__tlacitko {
margin-inline: auto;
}
} .uvm-anotace {
display: block;
margin: 0; text-align: center; container-type: inline-size; overflow-wrap: break-word;
}
.uvm-anotace .uvm-anotace__nadpis {
margin: 0; font-size: min( 9cqw, clamp( 1.75rem, 3.4vw, 3rem ) );
font-weight: 800;
line-height: 1.1;
letter-spacing: -0.02em;
color: #111; text-wrap: balance;
} @supports ( background-clip: text ) or ( -webkit-background-clip: text ) {
.uvm-anotace .uvm-anotace__nadpis {
background-image: conic-gradient( from var( --uvm-uhel ) at 50% -120%, var( --uvm-barvy ) );
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: uvm-uhel 12s linear infinite;
}
}
@media ( prefers-reduced-motion: reduce ) {
.uvm-anotace .uvm-anotace__nadpis {
animation: none;
}
}
.uvm-anotace .uvm-anotace__kratky {
max-width: 62ch;
margin: clamp( 16px, 2vw, 28px ) auto 0;
font-size: clamp( 1rem, 1.3vw, 1.25rem );
line-height: 1.65;
color: #222;
text-wrap: pretty;
}
.uvm-anotace .uvm-anotace__kratky p {
margin: 0 0 1em;
}
.uvm-anotace .uvm-anotace__kratky p:last-child {
margin-bottom: 0;
} .uvm-anotace .uvm-anotace__akce {
margin-top: clamp( 22px, 3vw, 42px );
} .uvm-anotace.ma-js .uvm-anotace__akce {
overflow: hidden;
max-height: 200px;
}
.uvm-anotace.ma-animuje .uvm-anotace__akce {
transition: opacity 0.35s ease,
max-height 0.5s cubic-bezier( 0.65, 0, 0.35, 1 ),
margin-top 0.5s cubic-bezier( 0.65, 0, 0.35, 1 ),
visibility 0s linear;
}
.uvm-anotace.je-otevrene .uvm-anotace__akce {
opacity: 0;
max-height: 0;
margin-top: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.35s ease,
max-height 0.5s cubic-bezier( 0.65, 0, 0.35, 1 ),
margin-top 0.5s cubic-bezier( 0.65, 0, 0.35, 1 ),
visibility 0s linear 0.5s;
} .uvm-anotace .uvm-anotace__vice {
border: 0;
font-family: inherit;
font-size: clamp( 1.0625rem, 1.5vw, 1.375rem );
cursor: pointer;
-webkit-appearance: none;
appearance: none;
} .uvm-anotace .uvm-anotace__vice > .w-btn-inner {
padding-inline: 2.6em;
}  .uvm-anotace .uvm-anotace__dlouhy-obal {
display: grid;
grid-template-rows: 1fr;
}
@media ( scripting: enabled ) {
.uvm-anotace:not( .je-otevrene ) .uvm-anotace__dlouhy-obal {
grid-template-rows: 0fr;
opacity: 0;
}
} .uvm-anotace.ma-js:not( .je-otevrene ) .uvm-anotace__dlouhy-obal {
grid-template-rows: 0fr;
opacity: 0;
} .uvm-anotace.ma-animuje .uvm-anotace__dlouhy-obal {
transition: grid-template-rows 0.55s cubic-bezier( 0.65, 0, 0.35, 1 ),
opacity 0.4s linear;
} @media ( scripting: none ) {
.uvm-anotace .uvm-anotace__akce {
display: none;
}
}
.uvm-anotace .uvm-anotace__dlouhy {
min-height: 0;
overflow: hidden;
} .uvm-anotace .uvm-anotace__blok {
max-width: 68ch;
margin: clamp( 18px, 2.4vw, 34px ) auto 0;
padding: clamp( 24px, 3.2vw, 48px );
border-radius: clamp( 14px, 1.8vw, 26px );
background: #f4f4f4;
font-size: clamp( 1rem, 1.2vw, 1.125rem );
line-height: 1.7;
color: #222; text-align: justify;
hyphens: auto;
text-wrap: pretty;
}
.uvm-anotace .uvm-anotace__blok p {
margin: 0 0 1em;
}
.uvm-anotace .uvm-anotace__blok p:last-child {
margin-bottom: 0;
} .uvm-anotace .uvm-anotace__blok a {
color: inherit;
text-decoration: underline;
text-underline-offset: 0.15em;
}
@media ( prefers-reduced-motion: reduce ) { .uvm-anotace.ma-animuje .uvm-anotace__dlouhy-obal {
transition: opacity 0.3s linear;
}
} .uvm-autor {
--uvm-autor-ram: 4px;
--uvm-autor-ram-cisla: 4px; --uvm-autor-radius-cisla: clamp( 14px, 1.6vw, 20px );
--uvm-autor-podklad: #fff; display: grid; grid-template-columns: minmax( 0, 340px ) minmax( 0, 1fr );
gap: clamp( 28px, 6vw, 96px );
align-items: start;
margin: 0; }  @media ( min-width: 768px ) {
.uvm-autor .uvm-autor__bok {
position: sticky;
top: max(
calc( var( --header-sticky-height, 60px ) + 20px ),
calc( 50vh - var( --uvm-lepic-vyska, 460px ) / 2 )
);
}
} .uvm-autor .uvm-autor__portret {
position: relative;
display: block;
width: 100%;
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
}
.uvm-autor .uvm-autor__portret::before {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
background: conic-gradient( from var( --uvm-uhel ), var( --uvm-barvy ) );
animation: uvm-uhel 7s linear infinite;
}
.uvm-autor .uvm-autor__portret-obal {
position: absolute;
inset: var( --uvm-autor-ram );
display: block;
overflow: hidden;
border-radius: 50%;
background: #fff;
z-index: 1;
}
.uvm-autor .uvm-autor__portret-obal img.uvm-autor__portret-foto,
.uvm-autor .uvm-autor__portret-obal .uvm-autor__portret-foto {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
margin: 0;
border: 0;
border-radius: 0;
box-shadow: none;
object-fit: cover;
} .uvm-autor .uvm-autor__cisla {
display: grid;
grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
gap: clamp( 8px, 1.2vw, 16px );
margin-top: clamp( 20px, 2.6vw, 36px );
} .uvm-autor .uvm-autor__cislo {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
aspect-ratio: 1;
padding: 4px;
border-radius: var( --uvm-autor-radius-cisla );
overflow: hidden;
text-align: center; container-type: inline-size;
}
.uvm-autor .uvm-autor__cislo::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: conic-gradient( from var( --uvm-uhel ), var( --uvm-barvy ) );
animation: uvm-uhel var( --uvm-cislo-trvani, 8s ) linear infinite;
animation-direction: var( --uvm-cislo-smer, normal );
animation-delay: var( --uvm-cislo-faze, 0s );
z-index: 0;
}
.uvm-autor .uvm-autor__cislo::after {
content: "";
position: absolute; inset: var( --uvm-autor-ram-cisla ); border-radius: max( 0px, calc( var( --uvm-autor-radius-cisla ) - var( --uvm-autor-ram-cisla ) ) );
background: var( --uvm-autor-podklad );
z-index: 1;
}
.uvm-autor .uvm-autor__cislo-hodnota,
.uvm-autor .uvm-autor__cislo-popisek {
position: relative;
z-index: 2;
display: block;
line-height: 1.15;
color: #111;
}
.uvm-autor .uvm-autor__cislo-hodnota {
font-size: min( 30cqw, clamp( 1.625rem, 2.6vw, 2.375rem ) );
font-weight: 800;
letter-spacing: -0.02em;
}
.uvm-autor .uvm-autor__cislo-popisek {
margin-top: 5px;
font-size: min( 13cqw, clamp( 0.8125rem, 1.05vw, 1rem ) );
color: #555;
} .uvm-autor .uvm-autor__text { container-type: inline-size;
}
.uvm-autor .uvm-autor__jmeno {
margin: 0; font-size: min( 15cqw, clamp( 2.25rem, 4.6vw, 4rem ) );
font-weight: 800;
line-height: 1.05;
letter-spacing: -0.02em;
color: #111;
text-wrap: balance;
}
.uvm-autor .uvm-autor__zivot {
margin: clamp( 10px, 1.4vw, 18px ) 0 0;
font-size: clamp( 1rem, 1.35vw, 1.375rem );
line-height: 1.3;
color: #333;
}
.uvm-autor .uvm-autor__bio {
margin: clamp( 22px, 2.8vw, 40px ) 0 0;
font-size: clamp( 1rem, 1.2vw, 1.125rem );
line-height: 1.7;
color: #222;
text-wrap: pretty;
}
.uvm-autor .uvm-autor__bio p {
margin: 0 0 1.1em;
}
.uvm-autor .uvm-autor__bio p:last-child {
margin-bottom: 0;
} @media ( max-width: 767px ) {
.uvm-autor {
grid-template-columns: 1fr;
gap: clamp( 24px, 6vw, 40px );
} .uvm-autor .uvm-autor__bok {
width: 100%;
max-width: 420px;
margin-inline: auto;
} .uvm-autor .uvm-autor__portret {
width: 60%;
margin-inline: auto;
}
.uvm-autor .uvm-autor__cisla {
width: 80%;
margin-inline: auto; margin-top: clamp( 28px, 8vw, 52px );
}
.uvm-autor .uvm-autor__text {
text-align: center;
}
.uvm-autor .uvm-autor__bio {
text-align: left;
}
}
@media ( prefers-reduced-motion: reduce ) {
.uvm-autor .uvm-autor__portret::before,
.uvm-autor .uvm-autor__cislo::before {
animation: none;
}
}  .uvm-galerie .uvm-galerie__nadpis {
margin: 0 0 clamp( 18px, 2.4vw, 34px );
font-size: clamp( 1.5rem, 2.6vw, 2.25rem );
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.02em;
color: #111;
text-wrap: balance;
} .uvm-galerie .uvm-galerie__portret-obal .uvm-galerie__rok {
font-size: min( 6.4cqw, 1.0625rem );
font-weight: 800;
letter-spacing: -0.02em;
color: #111;
} .uvm-galerie .uvm-galerie__pilulka--znacka { width: 2.64em;
height: 2.64em;
padding: 0;
justify-content: center;
border-radius: 50%;
flex: 0 0 auto;
}
.uvm-galerie .uvm-galerie__pilulka--znacka::before,
.uvm-galerie .uvm-galerie__pilulka--znacka::after {
border-radius: 50%;
}
.uvm-galerie img.uvm-galerie__znacka,
.uvm-galerie .uvm-galerie__znacka {
position: relative;
z-index: 2;
display: block; width: auto;
height: 1.35em;
max-width: none;
flex: none;
align-self: center;
margin: 0;
border: 0;
border-radius: 0;
box-shadow: none;
object-fit: contain;
} .uvm-mapa {
display: block;
position: relative; width: 100%;
max-width: 1400px;
margin-inline: auto; margin-bottom: clamp( 2rem, 4vw, 3.5rem );
aspect-ratio: var( --uvm-mapa-pomer, 21 / 9 ); min-height: 280px;
overflow: hidden;
border-radius: 20px;
background: #f4f4f4;
} .uvm-mapa iframe {
display: block;
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
max-width: none;
border: 0;
} @media ( max-width: 767px ) {
.uvm-mapa {
aspect-ratio: 4 / 5;
border-radius: 14px;
}
} .uvm-nav {
--uvm-nav-barva: #1d1d1b;
--uvm-nav-text: #fff; --uvm-nav-morph: cubic-bezier( .4, 0, .2, 1 ); --uvm-nav-jemne: cubic-bezier( .25, .46, .45, .94 );
position: fixed;
left: clamp( 12px, 2.5vw, 28px );
bottom: clamp( 12px, 2.5vw, 28px );
z-index: 999;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
font-size: 15px;
line-height: 1.2;
} .uvm-nav__tlacitko {
position: relative;
display: inline-flex;
align-items: center;
gap: 12px;
min-height: 48px;
margin: 0;
padding: 12px 20px;
border: 0;
border-radius: 999px;
background-color: var( --uvm-nav-barva );
color: var( --uvm-nav-text );
font: inherit;
font-weight: 700;
letter-spacing: .02em;
cursor: pointer;
box-shadow: 0 10px 30px rgba( 0, 0, 0, .22 );
transition:
transform .32s var( --uvm-nav-jemne ),
box-shadow .32s var( --uvm-nav-jemne ),
width .52s var( --uvm-nav-morph ),
height .52s var( --uvm-nav-morph ),
padding .52s var( --uvm-nav-morph ),
border-radius .52s var( --uvm-nav-morph ),
background-color .4s var( --uvm-nav-morph );
will-change: width, height;
}
.uvm-nav__tlacitko:hover {
transform: translateY( -1px );
box-shadow: 0 13px 32px rgba( 0, 0, 0, .26 );
}
.uvm-nav__tlacitko:focus-visible {
outline: 2px solid var( --uvm-nav-text );
outline-offset: 3px;
}
.uvm-nav__rok {
font-variant-numeric: tabular-nums; max-width: 5em;
overflow: hidden;
transition:
max-width .52s var( --uvm-nav-morph ),
opacity .32s var( --uvm-nav-morph ),
margin .52s var( --uvm-nav-morph );
} .uvm-nav__logo {
position: absolute;
top: 50%;
left: 50%;
width: 26px;
height: 26px;
margin: -13px 0 0 -13px;
opacity: 0;
object-fit: contain;
pointer-events: none;
transition: opacity .3s var( --uvm-nav-jemne );
} .uvm-nav.je-smrsknuto .uvm-nav__tlacitko {
width: 54px;
height: 54px;
padding: 0;
justify-content: center;
gap: 0;
border-radius: 50%;
background-color: #fff !important;
box-shadow: 0 8px 24px rgba( 0, 0, 0, .2 );
}
.uvm-nav.je-smrsknuto .uvm-nav__rok {
max-width: 0;
opacity: 0;
margin: 0;
}
.uvm-nav.je-smrsknuto .uvm-nav__ikona {
width: 0;
opacity: 0;
}
.uvm-nav.je-smrsknuto .uvm-nav__logo {
opacity: 1;
} .uvm-nav__ikona {
display: block;
width: 20px;
height: 20px;
flex: none;
overflow: visible;
transition:
width .52s var( --uvm-nav-morph ),
opacity .3s var( --uvm-nav-morph );
}
.uvm-nav__ikona rect {
fill: currentColor;
transform-box: fill-box;
transform-origin: center;
transition: transform .22s ease, opacity .16s ease;
}
.uvm-nav.je-otevreno .uvm-nav__ikona rect:nth-child( 1 ) { transform: translateY( 6px ) rotate( 45deg ); }
.uvm-nav.je-otevreno .uvm-nav__ikona rect:nth-child( 2 ) { opacity: 0; }
.uvm-nav.je-otevreno .uvm-nav__ikona rect:nth-child( 3 ) { transform: translateY( -6px ) rotate( -45deg ); } .uvm-nav__seznam {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.uvm-nav__seznam[hidden] {
display: none;
}
.uvm-nav__polozka {
margin: 0;
opacity: 0;
transform: translateY( 12px ) scale( .94 );
transition: opacity .2s ease, transform .28s cubic-bezier( .34, 1.56, .64, 1 ); transition-delay: calc( var( --uvm-nav-poradi, 0 ) * 45ms );
}
.uvm-nav.je-otevreno .uvm-nav__polozka {
opacity: 1;
transform: none;
}
.uvm-nav__odkaz {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 10px 18px;
border-radius: 999px; border: 1px solid rgba( 0, 0, 0, .08 );
background: #fff;
color: #1d1d1b;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
box-shadow: 0 6px 18px rgba( 0, 0, 0, .14 );
transition:
transform .3s var( --uvm-nav-jemne ),
background-color .3s var( --uvm-nav-jemne ),
border-color .3s var( --uvm-nav-jemne ),
color .3s var( --uvm-nav-jemne );
}  .uvm-nav__tlacitko,
.uvm-nav__tlacitko:hover,
.uvm-nav__tlacitko:focus,
.uvm-nav__tlacitko:active,
.uvm-nav__odkaz,
.uvm-nav__odkaz:hover,
.uvm-nav__odkaz:focus,
.uvm-nav__odkaz:active {
opacity: 1 !important;
} .uvm-nav__tlacitko,
.uvm-nav__tlacitko:hover,
.uvm-nav__tlacitko:focus,
.uvm-nav__tlacitko:active {
background-color: var( --uvm-nav-barva ) !important;
background-image: none !important;
color: var( --uvm-nav-text ) !important;
border-color: transparent !important;
}
.uvm-nav__odkaz:hover,
.uvm-nav__odkaz:focus-visible {
transform: translateX( 2px );
border-color: transparent;
background-color: var( --uvm-nav-barva ) !important;
color: var( --uvm-nav-text ) !important;
text-decoration: none;
} .uvm-nav__znacka {
width: 18px;
height: 18px;
margin-right: 8px;
flex: none;
background-color: currentColor;
-webkit-mask: var( --uvm-nav-znacka ) center / contain no-repeat;
mask: var( --uvm-nav-znacka ) center / contain no-repeat;
}
.uvm-nav__odkaz:focus-visible {
outline: 2px solid var( --uvm-nav-barva );
outline-offset: 3px;
} .uvm-nav__odkaz.je-tady {
background-color: var( --uvm-nav-barva ) !important;
color: var( --uvm-nav-text ) !important;
border-color: transparent;
} [id^="uvm-sekce-"] {
scroll-margin-top: clamp( 70px, 12vh, 130px );
} @media ( max-width: 600px ) {
.uvm-nav {
font-size: 14px;
}
.uvm-nav__tlacitko {
padding: 10px 16px;
}
}
@media ( prefers-reduced-motion: reduce ) {
.uvm-nav__tlacitko,
.uvm-nav__polozka,
.uvm-nav__odkaz,
.uvm-nav__rok,
.uvm-nav__logo,
.uvm-nav__ikona,
.uvm-nav__ikona rect {
transition: none;
transition-delay: 0s;
}
.uvm-nav__polozka {
opacity: 1;
transform: none;
}
} .uvm-slider .uvm-slider__roky {
position: absolute;
top: var( --uvm-slider-odstup );
right: var( --uvm-slider-odstup );
display: block;
z-index: 3;
}
.uvm-slider .uvm-slider__rok {
--uvm-rok-barva: #1d1d1b;
--uvm-rok-text: #fff;
position: absolute;
top: 0;
right: 0;
display: block; padding: 9px 22px; border: 2px solid transparent;
border-radius: 999px;
background-color: var( --uvm-rok-barva );
color: var( --uvm-rok-text );
font-weight: 700;
font-size: clamp( 13px, 1vw, 15px );
line-height: 1.15;
letter-spacing: .02em;
text-decoration: none;
white-space: nowrap; font-variant-numeric: tabular-nums; opacity: 0;
visibility: hidden;
transition: opacity 1.7s cubic-bezier( 0.4, 0, 0.2, 1 ),
visibility 0s linear 1.7s,
background-color .3s cubic-bezier( .25, .46, .45, .94 ),
color .3s cubic-bezier( .25, .46, .45, .94 ),
transform .3s cubic-bezier( .25, .46, .45, .94 );
}
.uvm-slider .uvm-slider__rok.je-videt {
opacity: 1;
visibility: visible;
transition: opacity 1.7s cubic-bezier( 0.4, 0, 0.2, 1 ),
visibility 0s,
background-color .3s cubic-bezier( .25, .46, .45, .94 ),
color .3s cubic-bezier( .25, .46, .45, .94 ),
transform .3s cubic-bezier( .25, .46, .45, .94 );
} .uvm-slider .uvm-slider__rok,
.uvm-slider .uvm-slider__rok:hover,
.uvm-slider .uvm-slider__rok:focus {
text-decoration: none;
}
.uvm-slider .uvm-slider__rok.je-videt {
opacity: 1;
}
.uvm-slider .uvm-slider__rok:not( .je-videt ) {
opacity: 0;
} .uvm-slider .uvm-slider__rok.je-videt:hover,
.uvm-slider .uvm-slider__rok.je-videt:focus-visible {
background-color: transparent !important;
background-image:
linear-gradient( #fff, #fff ),
conic-gradient( from var( --uvm-uhel ), var( --uvm-barvy ) ) !important;
background-origin: border-box;
background-clip: padding-box, border-box;
color: #1d1d1b !important;
}
.uvm-slider .uvm-slider__rok.je-videt:hover,
.uvm-slider .uvm-slider__rok.je-videt:focus-visible {
transform: translateY( -2px );
}
.uvm-slider .uvm-slider__rok:focus-visible {
outline: 2px solid #fff;
outline-offset: 3px;
}
@media ( max-width: 600px ) {
.uvm-slider .uvm-slider__rok {
padding: 6px 15px;
}
}
@media ( prefers-reduced-motion: reduce ) {
.uvm-slider .uvm-slider__rok,
.uvm-slider .uvm-slider__rok.je-videt {
transform: none;
transition: opacity .2s linear, visibility 0s;
}
} .uvm-hp-tema {
display: flex;
flex-direction: column;
gap: clamp( 40px, 6vw, 90px );
} .uvm-tema .uvm-tema__tlacitko {
display: inline-flex;
align-items: center;
gap: 14px;
margin-top: clamp( 22px, 3vw, 38px );
padding: 15px 30px;
border: 3px solid transparent;
border-radius: 999px;
background-image:
linear-gradient( #fff, #fff ),
conic-gradient( from var( --uvm-uhel ), var( --uvm-barvy ) );
background-origin: border-box;
background-clip: padding-box, border-box;
color: #1d1d1b;
font-weight: 700;
font-size: clamp( 16px, 1.5vw, 21px );
line-height: 1.15;
text-decoration: none;
transition: transform .3s cubic-bezier( .25, .46, .45, .94 );
}
.uvm-tema .uvm-tema__tlacitko:hover,
.uvm-tema .uvm-tema__tlacitko:focus-visible {
transform: translateX( 4px );
color: #1d1d1b;
opacity: 1;
text-decoration: none;
} .uvm-tema .uvm-tema__tlacitko svg {
width: 1.15em;
height: 1.15em;
flex: none;
fill: none;
stroke: currentColor;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform .3s cubic-bezier( .25, .46, .45, .94 );
}
.uvm-tema .uvm-tema__tlacitko:hover svg,
.uvm-tema .uvm-tema__tlacitko:focus-visible svg {
transform: translateX( 4px );
}
@media ( prefers-reduced-motion: reduce ) {
.uvm-tema .uvm-tema__tlacitko,
.uvm-tema .uvm-tema__tlacitko svg {
transition: none;
}
} .uvm-archiv {
display: grid;
grid-template-columns: repeat( var( --uvm-archiv-sloupcu, 5 ), minmax( 0, 1fr ) );
gap: clamp( 12px, 1.6vw, 26px );
margin: 0;
}
.uvm-archiv .uvm-archiv__polozka {
position: relative;
display: block;
aspect-ratio: var( --uvm-archiv-pomer, 1 / 1 );
overflow: hidden;
border-radius: clamp( 10px, 1.2vw, 18px ); border: 3px solid transparent;
background-color: #f4f4f4;
box-shadow: 0 6px 18px rgba( 0, 0, 0, .1 );
text-decoration: none;
transition:
box-shadow .32s cubic-bezier( .25, .46, .45, .94 ),
transform .32s cubic-bezier( .25, .46, .45, .94 );
}
.uvm-archiv .uvm-archiv__foto {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity .32s cubic-bezier( .25, .46, .45, .94 );
}
.uvm-archiv .uvm-archiv__stitek {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2px;
padding: 10px;
color: #1d1d1b;
text-align: center;
opacity: 0;
transition: opacity .28s cubic-bezier( .25, .46, .45, .94 );
}
.uvm-archiv .uvm-archiv__rok {
font-weight: 700;
font-size: clamp( 20px, 2.4vw, 34px );
line-height: 1.05;
letter-spacing: -0.01em;
font-variant-numeric: tabular-nums;
}
.uvm-archiv .uvm-archiv__kraj {
font-weight: 600;
font-size: clamp( 11px, 1vw, 14px );
line-height: 1.2;
opacity: .7;
} .uvm-archiv .uvm-archiv__polozka:hover,
.uvm-archiv .uvm-archiv__polozka:focus-visible {
background-color: transparent;
background-image:
linear-gradient( #fff, #fff ),
conic-gradient( from var( --uvm-uhel ), var( --uvm-barvy ) );
background-origin: border-box;
background-clip: padding-box, border-box;
box-shadow: 0 12px 30px rgba( 0, 0, 0, .16 );
transform: translateY( -3px );
text-decoration: none;
}
.uvm-archiv .uvm-archiv__polozka:hover .uvm-archiv__foto,
.uvm-archiv .uvm-archiv__polozka:focus-visible .uvm-archiv__foto {
opacity: 0;
}
.uvm-archiv .uvm-archiv__polozka:hover .uvm-archiv__stitek,
.uvm-archiv .uvm-archiv__polozka:focus-visible .uvm-archiv__stitek {
opacity: 1;
}
.uvm-archiv .uvm-archiv__polozka:focus-visible {
outline: 2px solid #1d1d1b;
outline-offset: 3px;
}
@media ( max-width: 1024px ) {
.uvm-archiv {
grid-template-columns: repeat( min( var( --uvm-archiv-sloupcu, 5 ), 3 ), minmax( 0, 1fr ) );
}
} @media ( max-width: 600px ) {
.uvm-archiv {
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
}
.uvm-archiv .uvm-archiv__stitek {
inset: auto 0 0 0;
justify-content: flex-end;
padding: 10px 8px;
color: #fff;
background: linear-gradient( to top, rgba( 0, 0, 0, .6 ), transparent );
opacity: 1;
}
.uvm-archiv .uvm-archiv__rok {
font-size: 20px;
}
}
@media ( prefers-reduced-motion: reduce ) {
.uvm-archiv .uvm-archiv__polozka,
.uvm-archiv .uvm-archiv__foto,
.uvm-archiv .uvm-archiv__stitek {
transition: none;
}
.uvm-archiv .uvm-archiv__polozka:hover {
transform: none;
}
} .uvm-hp-archiv {
display: block; padding-block: clamp( 12px, 1.6vw, 22px );
margin-block: calc( -1 * clamp( 12px, 1.6vw, 22px ) );
overflow: hidden; touch-action: pan-y;
cursor: grab;
}
.uvm-hp-archiv.je-tazeny {
cursor: grabbing;
}
.uvm-hp-archiv .uvm-hp-archiv__pas {
display: flex;
gap: clamp( 12px, 1.6vw, 26px );
will-change: transform;
}
.uvm-hp-archiv .uvm-archiv__polozka { flex: 0 0 calc(
( 100% - ( var( --uvm-hp-archiv-videt, 8 ) - 1 ) * clamp( 12px, 1.6vw, 26px ) )
/ var( --uvm-hp-archiv-videt, 8 )
);
} .uvm-hp-archiv:not( .ma-js ) {
overflow-x: auto;
scrollbar-width: thin;
}
.uvm-hp-archiv:not( .ma-js ) .uvm-hp-archiv__pas {
transform: none !important;
} @media ( max-width: 767px ) {
.uvm-hp-archiv .uvm-archiv__polozka {
flex-basis: 42%;
}
} .uvm-hp-archiv__nadpis {
display: flex;
align-items: center;
justify-content: center;
gap: clamp( 10px, 1.2vw, 16px );
margin: 0 0 clamp( 18px, 2.4vw, 34px );
font-size: clamp( 1.25rem, 2vw, 1.75rem );
font-weight: 700;
line-height: 1.15;
text-align: center;
color: inherit;
}
.uvm-hp-archiv__znacka {
width: 1.35em;
height: 1.35em;
flex: none;
object-fit: contain;
}
@media ( max-width: 600px ) {
.uvm-hp-archiv__nadpis {
gap: 8px;
}
} .uvm-slider .uvm-slider__jmeno a,
.uvm-slider .uvm-slider__nazev a,
.uvm-slider .uvm-slider__jmeno a:hover,
.uvm-slider .uvm-slider__nazev a:hover,
.uvm-slider .uvm-slider__jmeno a:focus,
.uvm-slider .uvm-slider__nazev a:focus {
color: inherit;
background: none;
border: 0;
text-decoration: none;
opacity: 1;
transition: none;
} .uvm-slider .uvm-slider__jmeno a:focus-visible,
.uvm-slider .uvm-slider__nazev a:focus-visible {
outline: 2px solid currentColor;
outline-offset: 3px;
} .uvm-hp-tema__nadpis {
margin: 0 0 clamp( 24px, 4vw, 56px );
text-align: center;
font-weight: 700;
line-height: 1.05;
letter-spacing: -0.01em;
font-size: clamp( 2rem, 5vw, 3.6rem );
color: var( --uvm-barva-rocniku, inherit );
}