:root {
--kvlt-accent: #C8102E;
--kvlt-accent-hover: #E11836;
--kvlt-accent-contrast: #FFFFFF;
--kvlt-font-display: "Fira Sans", "Helvetica Neue", Arial, sans-serif;
--kvlt-font-body: Manrope, "Segoe UI", system-ui, -apple-system, sans-serif;
--kvlt-wide: 1360px; --kvlt-gutter: 1.25rem;
--kvlt-aside: 300px;
--kvlt-radius: 4px;
--kvlt-header-h: 60px;
--kvlt-transition: 160ms ease;
}
@media (min-width: 48em) {
:root {
--kvlt-gutter: 1.5rem; --kvlt-header-h: 92px;
}
} :root,
:root[data-theme="dark"] {
--kvlt-bg: #0E0F11;
--kvlt-surface: #17191C;
--kvlt-surface-2: #202327;
--kvlt-line: #2C3034; --kvlt-line-strong: #6E757D;
--kvlt-text: #ECEDEF;
--kvlt-muted: #9AA0A6; --kvlt-meta: #B4BAC0; --kvlt-accent-text: #F4485C; --kvlt-accent-text-hover: #FF7A85;
--kvlt-header-bg: rgba(14, 15, 17, 0.92);
--kvlt-shadow: 0 8px 28px rgba(0, 0, 0, 0.55);
--kvlt-img-empty: linear-gradient(135deg, #202327, #17191C);
color-scheme: dark;
}
:root[data-theme="light"] {
--kvlt-bg: #FFFFFF;
--kvlt-surface: #FFFFFF;
--kvlt-surface-2: #F2F3F5;
--kvlt-line: #E2E4E7; --kvlt-line-strong: #8A9099;
--kvlt-text: #14161A;
--kvlt-muted: #5F6570; --kvlt-meta: #4A505A; --kvlt-accent-text: #C8102E;
--kvlt-accent-text-hover: #E11836;
--kvlt-header-bg: rgba(255, 255, 255, 0.94);
--kvlt-shadow: 0 8px 24px rgba(20, 22, 26, 0.12);
--kvlt-img-empty: linear-gradient(135deg, #E8EAED, #F5F6F7);
color-scheme: light;
} *,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
}
body.kvlt {
margin: 0;
background: var(--kvlt-bg);
color: var(--kvlt-text);
font-family: var(--kvlt-font-body);
font-size: 1rem;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
transition: background-color var(--kvlt-transition), color var(--kvlt-transition);
}
.kvlt img,
.kvlt video {
max-width: 100%;
height: auto;
} .kvlt iframe {
max-width: 100%;
display: block;
} .kvlt-single__content iframe {
margin-top: 1rem;
} .kvlt-single__content .kvlt-review-panel__embed iframe {
margin-top: 0;
} .kvlt iframe[src*="youtube.com/embed"],
.kvlt iframe[src*="youtube-nocookie.com/embed"],
.kvlt iframe[src*="youtu.be/"],
.kvlt iframe[src*="player.vimeo.com"] {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
} .kvlt iframe[src*="open.spotify.com/embed"],
.kvlt iframe[src*="spotify.com/embed"] {
height: 500px;
} .kvlt iframe[data-kvlt-bc-src],
.kvlt iframe[src*="bandcamp.com/EmbeddedPlayer"] {
width: 100%; max-width: min(100%, 700px);
margin-inline: auto; filter: contrast(1.2);
}
:root[data-theme="light"] .kvlt iframe[data-kvlt-bc-src],
:root[data-theme="light"] .kvlt iframe[src*="bandcamp.com/EmbeddedPlayer"] {
filter: none;
} .kvlt a {
color: var(--kvlt-accent-text);
text-decoration: none;
}
.kvlt a:hover,
.kvlt a:focus-visible {
color: var(--kvlt-accent-text-hover);
text-decoration: underline;
}
.kvlt h1,
.kvlt h2,
.kvlt h3,
.kvlt h4 {
font-family: var(--kvlt-font-display);
font-weight: 800;
line-height: 1.12;
letter-spacing: -0.015em;
margin: 0 0 0.5em;
text-wrap: balance;
}
.kvlt :focus-visible {
outline: 2px solid var(--kvlt-accent);
outline-offset: 2px;
border-radius: 2px;
}
.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}
.kvlt-skip-link {
position: absolute;
left: -9999px;
top: 0;
z-index: 200;
padding: 0.75rem 1.25rem;
background: var(--kvlt-accent);
color: var(--kvlt-accent-contrast);
font-weight: 700;
}
.kvlt-skip-link:focus {
left: 0;
color: var(--kvlt-accent-contrast);
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
.kvlt *,
.kvlt *::before,
.kvlt *::after {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
} .kvlt-header {
position: sticky;
top: 0;
z-index: 100;
background: var(--kvlt-header-bg);
backdrop-filter: saturate(140%) blur(10px);
border-bottom: 1px solid var(--kvlt-line);
}
.kvlt-header__bar {
position: relative; display: flex;
align-items: center;
gap: 0.5rem;
max-width: var(--kvlt-wide);
min-height: var(--kvlt-header-h);
margin: 0 auto;
padding: 0 var(--kvlt-gutter);
} .kvlt-logo { flex: none;
margin: 0;
font-size: 1rem;
line-height: 1;
}
.kvlt .kvlt-logo__link {
display: flex;
flex-direction: column;
gap: 2px;
text-decoration: none;
}
.kvlt .kvlt-logo__link:hover,
.kvlt .kvlt-logo__link:focus-visible {
text-decoration: none;
} .kvlt-logo__mark {
display: block;
width: 66px;
height: 46px;
max-width: 46vw;
background-color: var(--kvlt-text);
-webkit-mask: url(//kvlt.pl/wp-content/themes/kvlt2025/assets/images/logo.png) left center / contain no-repeat;
mask: url(//kvlt.pl/wp-content/themes/kvlt2025/assets/images/logo.png) left center / contain no-repeat; overflow: hidden;
text-indent: -110%;
white-space: nowrap;
transition: background-color var(--kvlt-transition);
}
@media (min-width: 48em) {
.kvlt-logo__mark {
width: 83px;
height: 58px;
}
} .kvlt .kvlt-logo__link:hover .kvlt-logo__mark,
.kvlt .kvlt-logo__link:focus-visible .kvlt-logo__mark {
background-color: var(--kvlt-accent-hover);
} html[data-kvlt-darkreader] .kvlt-logo__mark {
background-color: #ECEDEF;
}
.kvlt-logo__tagline {
display: none;
font-size: 0.6875rem;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--kvlt-muted);
margin-bottom: 5px;
} @media (min-width: 48em) {
.kvlt-logo__tagline {
display: block;
position: absolute;
bottom: 0.4rem;
left: 50%;
transform: translateX(-50%);
margin-bottom: 0;
white-space: nowrap;
text-align: center;
}
} .kvlt-logo__tagline[hidden] {
display: none;
}
.kvlt-header__tools {
display: flex;
align-items: center;
gap: 0.25rem;
margin-left: auto;
} .kvlt-iconbtn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
border: 0;
border-radius: var(--kvlt-radius);
background: transparent;
color: var(--kvlt-text);
cursor: pointer;
transition: background-color var(--kvlt-transition), color var(--kvlt-transition);
}
.kvlt-iconbtn:hover,
.kvlt-iconbtn:focus-visible {
background: var(--kvlt-surface-2);
color: var(--kvlt-accent);
text-decoration: none;
}
.kvlt-icon {
width: 20px;
height: 20px;
fill: currentColor;
display: block;
} :root[data-theme="light"] .kvlt-search-toggle .kvlt-icon--search {
stroke: currentColor;
stroke-width: 0.9;
stroke-linejoin: round;
stroke-linecap: round;
} .kvlt-social {
display: none;
align-items: center;
gap: 0;
margin: 0 0.25rem 0 0;
padding: 0;
list-style: none;
}
@media (min-width: 62em) {
.kvlt-social {
display: flex;
}
}
.kvlt-social__link .kvlt-icon {
width: 18px;
height: 18px;
} .kvlt-theme-toggle .kvlt-icon--sun {
display: block;
}
.kvlt-theme-toggle .kvlt-icon--moon {
display: none;
}
:root[data-theme="light"] .kvlt-theme-toggle .kvlt-icon--sun {
display: none;
}
:root[data-theme="light"] .kvlt-theme-toggle .kvlt-icon--moon {
display: block;
} .kvlt-lang {
position: relative;
margin-left: 0.5rem;
flex: none;
}
.kvlt-lang__toggle {
width: auto;
gap: 0.3rem;
padding: 0 0.4rem;
}
.kvlt-lang__current {
font-family: var(--kvlt-font-display);
font-size: 0.75rem;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.kvlt-lang__toggle .kvlt-icon--chevron {
width: 14px;
height: 14px;
opacity: 0.7;
transition: transform var(--kvlt-transition);
}
.kvlt-lang__toggle[aria-expanded="true"] .kvlt-icon--chevron {
transform: rotate(180deg);
} @media (max-width: 26em) {
.kvlt-lang__toggle .kvlt-icon--globe {
display: none;
}
}
.kvlt-lang__panel {
position: absolute;
top: calc(100% + 6px);
left: 0;
z-index: 120;
min-width: 220px;
padding: 0.5rem;
background: var(--kvlt-surface);
border: 1px solid var(--kvlt-line);
border-radius: var(--kvlt-radius);
box-shadow: var(--kvlt-shadow);
}
.kvlt-lang__panel[hidden] {
display: none;
}
.kvlt-lang__label {
margin: 0.15rem 0.5rem 0.5rem;
font-family: var(--kvlt-font-display);
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--kvlt-muted);
}
.kvlt-lang__note {
margin: 0.5rem 0.5rem 0.15rem;
padding-top: 0.5rem;
border-top: 1px solid var(--kvlt-line);
font-size: 0.6875rem;
line-height: 1.4;
color: var(--kvlt-muted);
} .kvlt-lang__list .gtranslate_wrapper,
.kvlt-lang__list [class^="gt_container"] {
display: flex;
flex-direction: column;
gap: 1px;
}
.kvlt-lang__list .glink {
display: flex !important;
align-items: center;
gap: 0.55rem;
padding: 0.45rem 0.5rem;
border-radius: var(--kvlt-radius);
color: var(--kvlt-text) !important;
font-size: 0.875rem;
line-height: 1.2;
text-decoration: none !important;
transition: background-color var(--kvlt-transition), color var(--kvlt-transition);
}
.kvlt-lang__list .glink:hover,
.kvlt-lang__list .glink:focus-visible {
background: var(--kvlt-surface-2);
color: var(--kvlt-accent) !important;
}
.kvlt-lang__list .glink img {
flex: none;
width: 20px;
height: 20px;
border-radius: 2px;
} .kvlt-lang__list .glink.gt-current-lang {
background: var(--kvlt-surface-2);
font-weight: 700;
}
.kvlt-lang__list .glink.gt-current-lang::after {
content: "";
margin-left: auto;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--kvlt-accent);
} .kvlt-header__burger {
margin-left: -0.5rem;
}
@media (min-width: 62em) {
.kvlt-header__burger {
display: none;
}
} .kvlt-nav {
display: none;
border-top: 1px solid var(--kvlt-line);
background: var(--kvlt-surface);
}
.kvlt-nav.is-open {
display: block;
}
@media (min-width: 62em) {
.kvlt-nav {
display: block;
background: transparent;
}
} @media (max-width: 61.99em) {
.kvlt-nav.is-open {
max-height: calc(100vh - var(--kvlt-header-h));
max-height: calc(100dvh - var(--kvlt-header-h));
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
}
}
.kvlt-menu,
.kvlt-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.kvlt-menu {
max-width: var(--kvlt-wide);
margin: 0 auto;
padding: 0.5rem var(--kvlt-gutter) 1rem;
}
@media (min-width: 62em) {
.kvlt-menu {
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
padding: 0 var(--kvlt-gutter);
}
}
.kvlt-menu a {
display: block;
padding: 0.6rem 0.75rem;
color: var(--kvlt-text);
font-family: var(--kvlt-font-display);
font-weight: 700;
font-size: 0.9375rem;
letter-spacing: 0.06em;
text-transform: uppercase;
border-radius: var(--kvlt-radius);
}
.kvlt-menu a:hover,
.kvlt-menu a:focus-visible {
color: var(--kvlt-accent);
background: var(--kvlt-surface-2);
text-decoration: none;
}
.kvlt-menu .current-menu-item > a,
.kvlt-menu .current-menu-ancestor > a,
.kvlt-menu .current-menu-parent > a {
color: var(--kvlt-accent);
box-shadow: inset 0 -3px 0 var(--kvlt-accent);
} .kvlt-menu .sub-menu a {
padding-left: 1.75rem;
font-weight: 500;
text-transform: none;
letter-spacing: 0;
color: var(--kvlt-muted);
}
@media (min-width: 62em) {
.kvlt-menu > li {
position: relative;
}
.kvlt-menu .sub-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 110;
min-width: 200px;
padding: 0.375rem;
background: var(--kvlt-surface);
border: 1px solid var(--kvlt-line);
border-radius: var(--kvlt-radius);
box-shadow: var(--kvlt-shadow);
opacity: 0;
visibility: hidden;
transform: translateY(4px);
transition: opacity var(--kvlt-transition), transform var(--kvlt-transition), visibility var(--kvlt-transition);
}
.kvlt-menu > li:hover > .sub-menu,
.kvlt-menu > li:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.kvlt-menu .sub-menu a {
padding: 0.5rem 0.625rem;
font-size: 0.875rem;
}
}
.kvlt-nav__empty {
max-width: var(--kvlt-wide);
margin: 0 auto;
padding: 0.75rem var(--kvlt-gutter);
color: var(--kvlt-muted);
font-size: 0.875rem;
} .kvlt-searchpanel {
border-top: 1px solid var(--kvlt-line);
background: var(--kvlt-surface);
}
.kvlt-searchpanel[hidden] {
display: none;
}
.kvlt-searchpanel__inner {
display: flex;
align-items: center;
gap: 0.5rem;
max-width: var(--kvlt-wide);
margin: 0 auto;
padding: 0.75rem var(--kvlt-gutter);
}
.kvlt-searchform {
display: flex;
flex: 1;
align-items: center;
gap: 0.5rem;
border: 1px solid var(--kvlt-line);
border-radius: var(--kvlt-radius);
background: var(--kvlt-bg);
padding: 0 0.25rem 0 0.75rem;
}
.kvlt-searchform:focus-within {
border-color: var(--kvlt-accent);
}
.kvlt-searchform__input {
flex: 1;
min-width: 0;
padding: 0.65rem 0;
border: 0;
background: transparent;
color: var(--kvlt-text);
font: inherit;
font-size: 1rem;
}
.kvlt-searchform__input:focus {
outline: none;
}
.kvlt-searchform__submit {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border: 0;
border-radius: var(--kvlt-radius);
background: var(--kvlt-accent);
color: var(--kvlt-accent-contrast);
cursor: pointer;
}
.kvlt-searchform__submit:hover {
background: var(--kvlt-accent-hover);
}  .kvlt-site {
display: flex;
flex-direction: column;
min-height: 100vh;
min-height: 100dvh;
}
.kvlt-main {
display: block; flex: 1 0 auto;
}
.kvlt-footer {
flex: none;
}
.kvlt-layout {
max-width: var(--kvlt-wide);
margin: 0 auto;
padding: 1.5rem var(--kvlt-gutter) 3rem;
}
@media (min-width: 62em) {
.kvlt-layout--with-aside,
.kvlt-layout--single {
display: grid;
grid-template-columns: minmax(0, 1fr) var(--kvlt-aside);
gap: 2.5rem;
align-items: start;
}
} @media (min-width: 75em) {
.kvlt-layout--single.kvlt-layout--has-left {
grid-template-columns: 190px minmax(0, 1fr) var(--kvlt-aside);
gap: 2rem;
}
.kvlt-layout--single.kvlt-layout--has-left .kvlt-layout__main {
grid-column: 2;
grid-row: 1;
}
.kvlt-layout--single.kvlt-layout--has-left .kvlt-aside--left {
grid-column: 1;
grid-row: 1;
}
.kvlt-layout--single.kvlt-layout--has-left .kvlt-aside--right {
grid-column: 3;
grid-row: 1;
}
} .kvlt-aside--left {
margin-top: 2rem;
}
@media (min-width: 62em) and (max-width: 74.99em) {
.kvlt-layout--single.kvlt-layout--has-left .kvlt-aside--left {
grid-column: 1 / -1;
grid-row: 2;
}
}
@media (min-width: 75em) {
.kvlt-aside--left {
margin-top: 0;
position: sticky;
top: calc(var(--kvlt-header-h) + 1rem);
}
}
.kvlt-layout__main {
min-width: 0;
}
.kvlt-aside {
min-width: 0;
}
.kvlt-aside--right {
margin-top: 2.5rem;
}
@media (min-width: 62em) {
.kvlt-aside--right {
margin-top: 0;
position: sticky;
top: calc(var(--kvlt-header-h) + 1rem);
}
} .kvlt-home .kvlt-aside--right .sa_hover_container p {
margin-top: 0;
margin-bottom: 0;
} @media (max-width: 61.99em) {
.kvlt-home .kvlt-aside--right > .widget_text:not( .widget_custom_html ):not( .kvlt-reco ) {
text-align: center;
}
.kvlt-home .kvlt-aside--right > .widget_text:not( .widget_custom_html ):not( .kvlt-reco ) a {
display: block;
max-width: 480px;
margin-inline: auto;
}
.kvlt-home .kvlt-aside--right > .widget_text:not( .widget_custom_html ):not( .kvlt-reco ) img {
width: 100%;
height: auto;
}
}
.kvlt-pagetitle {
font-size: clamp(1.6rem, 5vw, 2.5rem);
text-transform: uppercase;
letter-spacing: 0.01em;
margin-bottom: 0.25em;
}
.kvlt-pagetitle::after {
content: "";
display: block;
width: 56px;
height: 4px;
margin-top: 0.5rem;
background: var(--kvlt-accent);
}
.kvlt-pagetitle__query {
color: var(--kvlt-accent);
}
.kvlt-archive-head {
margin-bottom: 2rem;
}
.kvlt-archive-head__count,
.kvlt-archive-head__desc {
color: var(--kvlt-muted);
font-size: 0.9375rem;
}
.kvlt-archive-head__form {
max-width: 460px;
margin-top: 1rem;
}
.kvlt-empty {
padding: 2rem 0;
color: var(--kvlt-muted);
} .kvlt-grid {
display: grid;
gap: 1.25rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 40em) {
.kvlt-grid--wide {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.kvlt-grid--square {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 75em) {
.kvlt-grid--wide {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.kvlt-grid--square {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
.kvlt-card {
display: flex;
flex-direction: column;
min-width: 0;
} .kvlt .kvlt-card__link {
display: block;
color: var(--kvlt-text);
}
.kvlt .kvlt-card__link:hover,
.kvlt .kvlt-card__link:focus-visible {
color: var(--kvlt-text);
text-decoration: none;
}
.kvlt-card__media {
position: relative;
overflow: hidden;
border-radius: var(--kvlt-radius);
background: var(--kvlt-surface-2);
aspect-ratio: 16 / 9;
}
.kvlt-card--square .kvlt-card__media {
aspect-ratio: 1 / 1;
}
.kvlt-card--portrait .kvlt-card__media {
aspect-ratio: 2 / 3;
}
.kvlt-card--landscape .kvlt-card__media {
aspect-ratio: 4 / 3;
} .kvlt .kvlt-card__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover; object-position: center 42%;
transition: transform 300ms ease;
}
.kvlt-card__img--empty {
background: var(--kvlt-img-empty);
} @media (hover: hover) {
.kvlt-card__link:hover .kvlt-card__img {
transform: scale(1.04);
}
} .kvlt .kvlt-card__title {
margin: 0.625rem 0 0.25rem;
font-size: 0.9375rem;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0;
}
.kvlt .kvlt-card__link:hover .kvlt-card__title,
.kvlt .kvlt-card__link:focus-visible .kvlt-card__title {
color: var(--kvlt-accent);
}
.kvlt-card__excerpt {
margin: 0.25rem 0 0;
color: var(--kvlt-muted);
font-size: 0.875rem;
} .kvlt-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
color: var(--kvlt-meta);
font-size: 0.75rem;
letter-spacing: 0.03em;
}
.kvlt-meta__views {
display: inline-flex;
align-items: center;
gap: 0.25rem;
} .kvlt a.kvlt-meta__author {
color: inherit;
text-decoration: underline;
text-decoration-style: dotted;
text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
text-underline-offset: 0.2em;
transition: color 0.15s ease;
}
.kvlt a.kvlt-meta__author:hover,
.kvlt a.kvlt-meta__author:focus-visible {
color: var(--kvlt-accent-text);
text-decoration-style: solid;
text-decoration-color: currentColor;
}
.kvlt-meta__views .kvlt-icon {
width: 14px;
height: 14px;
opacity: 0.9;
}  .kvlt-badge {
position: absolute;
right: 0.5rem;
bottom: 0.5rem;
display: inline-flex;
align-items: baseline;
justify-content: center;
gap: 0; box-sizing: border-box;
width: 4rem;
min-height: 1.5rem; padding: 0.22rem 0.5rem;
border-radius: var(--kvlt-radius);
background: var(--kvlt-badge-color, var(--kvlt-accent));
color: #FFFFFF;
font-family: var(--kvlt-font-display);
font-weight: 900;
font-size: 1rem; line-height: 1.15;
font-variant-numeric: tabular-nums; text-shadow:
0 1px 2px rgba(0, 0, 0, 0.9),
0 0 6px rgba(0, 0, 0, 0.7); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
} .kvlt-badge__score {
font-weight: 900;
} .kvlt-badge__sep {
margin-left: 0.18em;
font-size: 0.7em;
font-weight: 700;
opacity: 0.6;
} .kvlt-badge__max {
font-size: 0.7em;
font-weight: 700; }   .kvlt-hero {
margin-bottom: 2.75rem;
}
.kvlt-hero__inner {
position: relative;
} @media (max-width: 991px) { .kvlt-hero .ms-view .ms-slide-layers {
top: 0 !important;
height: 100% !important;
max-width: 100% !important;
}
.kvlt-hero .ms-view .ms-layer {
top: auto !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
transform: none !important;
box-sizing: border-box;
padding: 0.7rem 1rem calc(0.7rem + env(safe-area-inset-bottom, 0px));
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.85) 0%,
rgba(0, 0, 0, 0.5) 55%,
rgba(0, 0, 0, 0) 100%
);
}
} @media (max-width: 480px) {
.kvlt-hero .ms-view .ms-layer {
font-size: clamp(11px, 3.5vw, 17px) !important;
}
}
.kvlt-hero .master-slider,
.kvlt-hero .ms-container {
position: relative;
z-index: 1;
max-width: 100%;
margin-inline: 0; }
.kvlt-hero img {
height: auto;
} .kvlt-section + .kvlt-section {
margin-top: 2.75rem;
}
.kvlt-section--underground {
margin-top: 1.75rem; } .kvlt-sechead {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.1rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid var(--kvlt-line);
} .kvlt-grid + .kvlt-sechead,
.kvlt-carousel + .kvlt-sechead,
.kvlt-strip + .kvlt-sechead {
margin-top: 2.75rem;
} @media (max-width: 47.99em) {
.kvlt-carousel + .kvlt-sechead {
margin-top: 1.75rem;
}
}
.kvlt-sechead__title {
position: relative;
margin: 0;
font-size: clamp(1.15rem, 3.2vw, 1.6rem);
letter-spacing: 0.04em;
text-transform: uppercase;
} .kvlt-sechead__title::after {
content: "";
position: absolute;
left: 0;
bottom: -0.5rem;
width: 100%;
height: 2px;
background: var(--kvlt-accent);
transform: translateY(1px);
}
.kvlt .kvlt-sechead__title a {
color: var(--kvlt-text);
}
.kvlt .kvlt-sechead__title a:hover,
.kvlt .kvlt-sechead__title a:focus-visible {
color: var(--kvlt-accent);
text-decoration: none;
}
.kvlt-sechead__more {
flex: none;
font-family: var(--kvlt-font-display);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
white-space: nowrap;
} .kvlt-grid--news {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 40em) {
.kvlt-grid--news {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 62em) {
.kvlt-grid--news {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1rem;
}
}  .kvlt-grid--reviews {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 40em) {
.kvlt-grid--reviews {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 62em) {
.kvlt-grid--reviews {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1rem;
}
} @media (min-width: 75em) {
.kvlt-grid--reviews {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
} .kvlt-grid--books {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 40em) {
.kvlt-grid--books {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 62em) {
.kvlt-grid--books {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
} @media (max-width: 39.99em) { .kvlt-grid--news > *:nth-child(2n+1):nth-child(n+3):nth-last-child(-n+1),
.kvlt-grid--news > *:nth-child(2n+1):nth-child(n+3):nth-last-child(-n+1) ~ *,
.kvlt-grid--reviews > *:nth-child(2n+1):nth-child(n+3):nth-last-child(-n+1),
.kvlt-grid--reviews > *:nth-child(2n+1):nth-child(n+3):nth-last-child(-n+1) ~ * {
display: none;
} .kvlt-grid--books > *:nth-child(n+3) {
display: none;
}
}
@media (min-width: 40em) and (max-width: 61.99em) { .kvlt-grid--news > *:nth-child(3n+1):nth-child(n+4):nth-last-child(-n+2),
.kvlt-grid--news > *:nth-child(3n+1):nth-child(n+4):nth-last-child(-n+2) ~ *,
.kvlt-grid--reviews > *:nth-child(3n+1):nth-child(n+4):nth-last-child(-n+2),
.kvlt-grid--reviews > *:nth-child(3n+1):nth-child(n+4):nth-last-child(-n+2) ~ *,
.kvlt-grid--books > *:nth-child(3n+1):nth-child(n+4):nth-last-child(-n+2),
.kvlt-grid--books > *:nth-child(3n+1):nth-child(n+4):nth-last-child(-n+2) ~ * {
display: none;
}
}
@media (min-width: 62em) { .kvlt-grid--news > *:nth-child(4n+1):nth-child(n+5):nth-last-child(-n+3),
.kvlt-grid--news > *:nth-child(4n+1):nth-child(n+5):nth-last-child(-n+3) ~ *,
.kvlt-grid--books > *:nth-child(4n+1):nth-child(n+5):nth-last-child(-n+3),
.kvlt-grid--books > *:nth-child(4n+1):nth-child(n+5):nth-last-child(-n+3) ~ * {
display: none;
}
}
@media (min-width: 62em) and (max-width: 74.99em) { .kvlt-grid--reviews > *:nth-child(4n+1):nth-child(n+5):nth-last-child(-n+3),
.kvlt-grid--reviews > *:nth-child(4n+1):nth-child(n+5):nth-last-child(-n+3) ~ * {
display: none;
}
}
@media (min-width: 75em) { .kvlt-grid--reviews > *:nth-child(5n+1):nth-child(n+6):nth-last-child(-n+4),
.kvlt-grid--reviews > *:nth-child(5n+1):nth-child(n+6):nth-last-child(-n+4) ~ * {
display: none;
}
} .kvlt-grid--relacje {
grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 48em) {
.kvlt-grid--relacje {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
} .kvlt-carousel {
position: relative;
}
@media (max-width: 47.99em) {
.kvlt-carousel [data-kvlt-carousel-track] {
display: grid;
grid-auto-flow: column; grid-auto-columns: 86%;
gap: 0.75rem;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
padding-bottom: 0.25rem;
-webkit-overflow-scrolling: touch; scrollbar-width: none; scroll-behavior: auto;
}
.kvlt-carousel [data-kvlt-carousel-track]::-webkit-scrollbar {
display: none;
}
.kvlt-carousel [data-kvlt-carousel-track] > * {
scroll-snap-align: center;
}
} .kvlt-carousel__dots {
display: none;
}
.kvlt-carousel.is-active .kvlt-carousel__dots {
display: flex;
justify-content: center;
align-items: center;
gap: 0.4rem; margin: 0.6rem 0 0;
padding: 0;
list-style: none;
}
.kvlt-carousel__dot {
width: 22px;
height: 22px;
padding: 0;
border: 0;
background: none;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center; }
.kvlt-carousel__dot::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--kvlt-muted);
opacity: 0.55;
transition: opacity var(--kvlt-transition), background-color var(--kvlt-transition), transform var(--kvlt-transition);
}
.kvlt-carousel__dot[aria-current="true"]::before {
background: var(--kvlt-accent);
opacity: 1;
transform: scale(1.35);
}
.kvlt-carousel__dot:hover::before,
.kvlt-carousel__dot:focus-visible::before {
opacity: 1;
} .kvlt-strip {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 45%;
gap: 0.75rem;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
padding-bottom: 0.5rem;
-webkit-overflow-scrolling: touch;
}
.kvlt-strip > * {
scroll-snap-align: start;
}
@media (min-width: 48em) {
.kvlt-strip {
grid-auto-flow: row;
grid-auto-columns: auto; grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.25rem;
overflow: visible;
}
} .kvlt-card--overlay .kvlt-card__media {
border-radius: var(--kvlt-radius);
}
.kvlt-card__overlay {
position: absolute;
inset: auto 0 0 0;
padding: 1.75rem 0.75rem 0.7rem;
background: linear-gradient(to top, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0)); text-align: center;
}
.kvlt-card--overlay .kvlt-card__title {
margin: 0;
color: #FFFFFF;
font-size: 0.8125rem;
line-height: 1.3; text-wrap: wrap;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; overflow-wrap: anywhere;
} .kvlt-card--compact .kvlt-card__title {
font-size: 0.875rem;
margin-top: 0.5rem;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (min-width: 40em) {
.kvlt-card--compact .kvlt-card__title {
min-height: calc(3 * 1.3em);
}
}
.kvlt-card--compact .kvlt-meta {
font-size: 0.6875rem;
gap: 0.6rem;
margin-top: auto; padding-top: 0.25rem;
} .kvlt-grid > .kvlt-card {
height: 100%;
} .kvlt-grid--related {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 48em) {
.kvlt-grid--related {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.kvlt-related {
margin-top: 2.75rem;
} .kvlt-layout__main > .comments-area,
.kvlt-layout__main > #comments,
.kvlt-layout__main > .comment-respond {
margin-top: 2.75rem;
} .kvlt-grid--relacje .kvlt-card__excerpt {
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
} .kvlt-cvlisting {
--kvlt-cv-ratio: 4 / 3;
--kvlt-cv-fit: cover;
--kvlt-cv-cols: 4;
} .kvlt-cvlisting--ksiazki {
--kvlt-cv-ratio: 2 / 3;
--kvlt-cv-fit: cover;
}
.kvlt-cvlisting--recenzje {
--kvlt-cv-ratio: 1 / 1;
--kvlt-cv-fit: contain;
--kvlt-cv-cols: 5;
}
.kvlt-cvlisting .pt-cv-page {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem 1.25rem;
}
@media (min-width: 40em) {
.kvlt-cvlisting .pt-cv-page {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 62em) {
.kvlt-cvlisting .pt-cv-page {
grid-template-columns: repeat(var(--kvlt-cv-cols), minmax(0, 1fr));
}
} .kvlt-cvlisting .pt-cv-content-item {
width: auto !important;
max-width: none !important;
float: none !important;
padding: 0 !important;
margin: 0 !important;
}
.kvlt-cvlisting .pt-cv-ifield {
display: flex;
flex-direction: column;
height: 100%;
max-width: none !important;
}
.kvlt-cvlisting .pt-cv-ifield > * {
max-width: none !important;
margin-bottom: 0 !important;
} .kvlt-cvlisting .pt-cv-href-thumbnail {
display: block;
position: relative;
aspect-ratio: var(--kvlt-cv-ratio);
overflow: hidden;
border-radius: var(--kvlt-radius);
background: var(--kvlt-surface-2);
}
.kvlt-cvlisting .pt-cv-thumbnail {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: var(--kvlt-cv-fit);
object-position: center;
transition: transform 300ms ease;
} @media (hover: hover) {
.kvlt-cvlisting .pt-cv-href-thumbnail:hover .pt-cv-thumbnail {
transform: scale(1.04);
}
.kvlt-cvlisting--recenzje .pt-cv-href-thumbnail:hover .pt-cv-thumbnail {
transform: none;
}
} .kvlt-cvlisting .pt-cv-title {
margin: 0.625rem 0 0 !important;
font-family: var(--kvlt-font-display);
font-size: 0.875rem;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0;
text-align: left;
} .kvlt-cvlisting .pt-cv-title a {
color: var(--kvlt-text);
}
.kvlt-cvlisting .pt-cv-title a:hover,
.kvlt-cvlisting .pt-cv-title a:focus-visible {
color: var(--kvlt-accent);
text-decoration: none;
} .kvlt-cvlisting .pt-cv-view.pt-cv-center .pt-cv-ifield {
text-align: left;
} .kvlt-single__head {
margin-bottom: 1.5rem;
}
.kvlt-single__cats {
margin-bottom: 0.5rem;
font-family: var(--kvlt-font-display);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
} .kvlt .kvlt-single__title {
font-size: clamp(1.75rem, 5.5vw, 2.75rem);
margin-bottom: 0.5rem; text-wrap: wrap;
} .kvlt-meta__source {
font-weight: 700;
}
.kvlt-meta__source a {
color: var(--kvlt-accent);
} .kvlt-single__content strong,
.kvlt-single__content b {
font-weight: 700;
}
.kvlt-single__thumb {
margin: 0 0 1.5rem;
}
.kvlt-single__thumb img {
width: 100%;
border-radius: var(--kvlt-radius);
} @media (min-width: 48em) {
.category-recenzje .kvlt-single__thumb,
.category-ksiazki .kvlt-single__thumb {
float: left;
width: min(340px, 42%);
margin: 0.25rem 1.75rem 1rem 0;
}
.category-recenzje .kvlt-review-panel,
.category-recenzje .kvlt-source,
.category-recenzje .kvlt-single__tags,
.category-ksiazki .kvlt-review-panel,
.category-ksiazki .kvlt-source,
.category-ksiazki .kvlt-single__tags {
clear: both;
}
}
.kvlt-single__content {
font-size: 1.0625rem;
line-height: 1.75;
}
.kvlt-single__content > * + * {
margin-top: 1.1em;
} .kvlt-single__content .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.kvlt-single__content .alignleft {
float: left;
margin: 0.3rem 1.4rem 1rem 0;
}
.kvlt-single__content .alignright {
float: right;
margin: 0.3rem 0 1rem 1.4rem;
}
.kvlt-single__content h2,
.kvlt-single__content h3 {
margin-top: 1.75em;
}
.kvlt-single__content blockquote {
margin-inline: 0;
padding-left: 1.25rem;
border-left: 3px solid var(--kvlt-accent);
color: var(--kvlt-muted);
font-style: italic;
} .kvlt-single__content .wywiadlead {
margin: 0 0 1.75rem;
padding: 1.1rem 1.35rem;
border-left: 4px solid var(--kvlt-accent);
border-radius: var(--kvlt-radius);
background: var(--kvlt-surface-2);
color: var(--kvlt-text);
font-size: 1.15em;
line-height: 1.6;
font-weight: 500;
} :root[data-theme="light"] .kvlt-single__content .wywiadlead {
background: #202327;
color: #ECEDEF;
}
:root[data-theme="light"] .kvlt-single__content .wywiadlead a {
color: #F4485C;
} .kvlt iframe[src*="concerts-metal"] {
height: 900px;
}
@media (max-width: 600px) {
.kvlt iframe[src*="concerts-metal"] {
height: 620px;
}
} .kvlt-source {
margin-top: 2rem;
padding-top: 0.75rem;
border-top: 1px solid var(--kvlt-line);
color: var(--kvlt-muted);
font-size: 0.8125rem;
overflow-wrap: anywhere;
}
.kvlt-source__label {
font-family: var(--kvlt-font-display);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
} .kvlt-single__tags {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
margin-top: 2rem;
padding-top: 1.25rem;
border-top: 1px solid var(--kvlt-line);
}
.kvlt-single__tags-label {
font-family: var(--kvlt-font-display);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--kvlt-muted);
}
.kvlt-single__tags a {
display: inline-block;
padding: 0.2rem 0.55rem;
border: 1px solid var(--kvlt-line);
border-radius: 999px;
color: var(--kvlt-muted);
font-size: 0.8125rem;
}
.kvlt-single__tags a:hover {
border-color: var(--kvlt-accent);
color: var(--kvlt-accent);
text-decoration: none;
} .kvlt-review-panel {
margin-top: 2rem;
padding: 1.25rem;
border: 1px solid var(--kvlt-line);
border-radius: var(--kvlt-radius);
background: var(--kvlt-surface);
}
.kvlt-review-panel__top {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-bottom: 0.875rem;
} .kvlt-review-panel__score {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0.15rem;
margin-left: auto;
text-align: right;
}
.kvlt-review-panel__label {
font-family: var(--kvlt-font-display);
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 0.16em;
color: var(--kvlt-muted);
}
.kvlt-review-panel__number {
font-family: var(--kvlt-font-display);
font-weight: 900;
font-size: clamp(1.75rem, 6vw, 2.5rem);
line-height: 1;
font-variant-numeric: tabular-nums; color: var(--kvlt-score-text-dark, var(--kvlt-score-end, var(--kvlt-accent)));
text-shadow: 0 0 18px var(--kvlt-score-glow, transparent);
} :root[data-theme="light"] .kvlt-review-panel__number {
color: var(--kvlt-score-text-light, var(--kvlt-score-end, var(--kvlt-accent)));
text-shadow: none;
}
.kvlt-review-panel__socials {
display: flex;
align-items: center;
gap: 0.375rem;
} .kvlt-review-panel__social,
.kvlt a.kvlt-review-panel__social {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border: 1px solid var(--kvlt-line);
border-radius: var(--kvlt-radius);
color: var(--kvlt-text);
} .kvlt a.kvlt-review-panel__social {
border-color: var(--kvlt-line-strong);
}
.kvlt a.kvlt-review-panel__social:hover,
.kvlt a.kvlt-review-panel__social:focus-visible {
border-color: var(--kvlt-accent);
color: var(--kvlt-accent-text);
}
.kvlt-review-panel__social.is-disabled {
opacity: 0.28;
pointer-events: none;
}
.kvlt-review-panel__social .kvlt-icon {
width: 17px;
height: 17px;
} .kvlt-review-panel__bar {
height: 10px;
border-radius: 999px;
background: var(--kvlt-surface-2);
overflow: hidden;
}
.kvlt-review-panel__fill {
display: block;
width: var(--kvlt-score-width, 0%);
height: 100%;
border-radius: 999px; background-image: linear-gradient(90deg, #071326, #1D5F8C, #2A8150, #557F27, #8A6D10, #AC550D, #C93B24, #C62828);
background-size: var(--kvlt-gradient-size, 100%) 100%;
background-repeat: no-repeat;
box-shadow: 0 0 14px var(--kvlt-score-glow, transparent);
}
.kvlt-review-panel__embed {
margin-top: 1.25rem;
}
.kvlt-review-panel__embed iframe {
display: block;
width: 100%;
border-radius: var(--kvlt-radius);
} .kvlt-pagination {
margin-top: 2.5rem;
}
.kvlt-pagination__list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center; gap: 0.375rem;
margin: 0;
padding: 0;
list-style: none;
}
.kvlt-pagination__list .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 0.65rem;
border: 1px solid var(--kvlt-line);
border-radius: var(--kvlt-radius);
color: var(--kvlt-text);
font-family: var(--kvlt-font-display);
font-weight: 700;
font-size: 0.875rem;
}
.kvlt-pagination__list a.page-numbers:hover {
border-color: var(--kvlt-accent);
color: var(--kvlt-accent);
text-decoration: none;
}
.kvlt-pagination__list .page-numbers.current {
background: var(--kvlt-accent);
border-color: var(--kvlt-accent);
color: var(--kvlt-accent-contrast);
}
.kvlt-pagination__list .page-numbers.dots {
border-color: transparent;
color: var(--kvlt-muted);
} .kvlt-cvlisting .pt-cv-pagination-wrapper {
margin-top: 2.5rem;
text-align: center; } .kvlt-cvlisting .pt-cv-pagination.pagination {
display: flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.375rem;
margin: 0;
padding: 0;
list-style: none;
}
.kvlt-cvlisting .pt-cv-pagination.pagination > li {
margin: 0;
}
.kvlt-cvlisting .pt-cv-pagination.pagination > li > a {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 0.65rem;
border: 1px solid var(--kvlt-line) !important;
border-radius: var(--kvlt-radius) !important;
background: transparent !important;
color: var(--kvlt-text) !important;
font-family: var(--kvlt-font-display);
font-weight: 700;
font-size: 0.875rem;
line-height: 1;
cursor: pointer;
transition: color var(--kvlt-transition), border-color var(--kvlt-transition), background-color var(--kvlt-transition);
}
.kvlt-cvlisting .pt-cv-pagination.pagination > li > a:hover,
.kvlt-cvlisting .pt-cv-pagination.pagination > li > a:focus-visible {
border-color: var(--kvlt-accent) !important;
color: var(--kvlt-accent) !important;
text-decoration: none;
}
.kvlt-cvlisting .pt-cv-pagination.pagination > li.active > a {
background: var(--kvlt-accent) !important;
border-color: var(--kvlt-accent) !important;
color: var(--kvlt-accent-contrast) !important;
cursor: default;
}
.kvlt-cvlisting .pt-cv-pagination.pagination > li.disabled > a {
border-color: transparent !important;
color: var(--kvlt-muted) !important;
cursor: default;
} .kvlt-widget {
margin-bottom: 1.75rem;
max-width: 100%;
}
.kvlt-widget__title {
margin: 0 0 0.75rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid var(--kvlt-accent);
font-size: 0.9375rem;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.kvlt-widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.kvlt-widget li + li {
margin-top: 0.5rem;
}
.kvlt-widget img {
height: auto;
} .kvlt .kvlt-widget li a {
color: var(--kvlt-text);
font-size: 0.875rem;
line-height: 1.35;
}
.kvlt .kvlt-widget li a:hover,
.kvlt .kvlt-widget li a:focus-visible {
color: var(--kvlt-accent);
text-decoration: none;
} .kvlt-reco__list {
margin: 0;
padding: 0;
list-style: none;
}
.kvlt-reco__item + .kvlt-reco__item {
margin-top: 0.35rem;
padding-top: 0.35rem;
border-top: 1px solid var(--kvlt-line);
}
.kvlt .kvlt-reco__link {
display: flex;
gap: 0.65rem;
align-items: center;
padding: 0.3rem;
margin: -0.3rem;
border-radius: var(--kvlt-radius);
color: var(--kvlt-text);
text-decoration: none;
}
.kvlt .kvlt-reco__link:hover,
.kvlt .kvlt-reco__link:focus-visible {
background: var(--kvlt-surface-2);
color: var(--kvlt-text);
text-decoration: none;
}
.kvlt-reco__media {
flex: none;
display: block;
width: 56px;
height: 56px;
overflow: hidden;
border-radius: var(--kvlt-radius);
background: var(--kvlt-surface-2);
} .kvlt .kvlt-reco__media img,
.kvlt-reco__media--empty {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 42%;
}
.kvlt-reco__media--empty {
background: var(--kvlt-img-empty);
}
.kvlt-reco__body {
min-width: 0;
}
.kvlt-reco__title {
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-family: var(--kvlt-font-display);
font-size: 0.8125rem;
font-weight: 700;
line-height: 1.3;
}
.kvlt .kvlt-reco__link:hover .kvlt-reco__title {
color: var(--kvlt-accent);
}
.kvlt-reco__date {
display: block;
margin-top: 0.15rem;
color: var(--kvlt-meta);
font-size: 0.6875rem;
letter-spacing: 0.03em;
} .kvlt-widget .textwidget,
.kvlt-widget .custom-html-widget {
max-width: 100%;
overflow: hidden;
} ins.adsbygoogle[data-ad-status="unfilled"] {
display: none !important;
}
ins.adsbygoogle {
background: transparent; max-width: 100%;
} .kvlt-footer {
border-top: 1px solid var(--kvlt-line);
background: var(--kvlt-surface);
}
.kvlt-footer__inner {
max-width: var(--kvlt-wide);
margin: 0 auto;
padding: 2rem var(--kvlt-gutter);
text-align: center;
}
.kvlt-footer__menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.25rem 1.25rem;
margin: 0 0 1rem;
padding: 0;
list-style: none;
font-size: 0.875rem;
}
.kvlt-footer__about {
max-width: 70ch;
margin: 0 auto 1.5rem;
color: var(--kvlt-muted);
font-size: 0.875rem;
line-height: 1.6;
}
.kvlt-footer__about strong {
color: var(--kvlt-text);
font-family: var(--kvlt-font-display);
letter-spacing: 0.04em;
text-transform: uppercase;
}
.kvlt-footer__copy,
.kvlt-footer__credits {
margin: 0;
color: var(--kvlt-muted);
font-size: 0.8125rem;
letter-spacing: 0.04em;
}
.kvlt-footer__credits {
margin-top: 0.4rem;
font-size: 0.75rem;
opacity: 0.85;
}
.kvlt-footer__sep {
margin: 0 0.4rem;
opacity: 0.5;
}
.kvlt .kvlt-footer__copy a,
.kvlt .kvlt-footer__credits a {
color: var(--kvlt-muted);
}
.kvlt .kvlt-footer__copy a:hover,
.kvlt .kvlt-footer__credits a:hover {
color: var(--kvlt-accent);
text-decoration: none;
} .kvlt-404 {
max-width: 560px;
margin: 0 auto;
padding: 3rem 0;
text-align: center;
}
.kvlt-404__code {
margin: 0;
font-family: var(--kvlt-font-display);
font-weight: 900;
font-size: clamp(4rem, 18vw, 8rem);
line-height: 1;
color: var(--kvlt-accent);
}
.kvlt-404 .kvlt-pagetitle::after {
margin-inline: auto;
}
.kvlt-404__text {
color: var(--kvlt-muted);
}
.kvlt-404__form {
margin-top: 1.5rem;
} body.kvlt-nav-open {
overflow: hidden;
}
@media (min-width: 62em) {
body.kvlt-nav-open {
overflow: visible;
}
}
.ms-slide-container .ms-layer,
.ms-slide-container .ms-layer * {
text-shadow:
0 2px 10px rgba(0,0,0,.9),
0 0 26px   rgba(0,0,0,.75),
0 0 46px   rgba(0,0,0,.55) !important; font-family: var(--kvlt-font-display) !important;
} .kvlt-tickets {
display: block;
}
.kvlt-tickets__head {
margin-bottom: 1.5rem;
}
.kvlt-tickets__lead {
margin: 0.35rem 0 0;
max-width: 60ch;
color: var(--kvlt-muted);
font-size: 1.0625rem;
} .kvlt-tickets .biletomat-events-list:not(:empty) ~ .kvlt-tickets__soon {
display: none;
} .kvlt-tickets__stage {
padding: clamp(1.5rem, 4vw, 3rem);
border: 1px solid var(--kvlt-line);
border-radius: var(--kvlt-radius);
background: var(--kvlt-surface);
}
.kvlt-tickets__soon {
display: grid;
grid-template-columns: 1fr;
gap: clamp(1.5rem, 4vw, 2.75rem);
align-items: center;
}
@media (min-width: 56em) {
.kvlt-tickets__soon {
grid-template-columns: minmax(0, 42%) 1fr;
}
} .kvlt-tickets__soon-art {
display: flex;
justify-content: center;
} .kvlt .kvlt-tickets__art {
display: block;
width: 100%;
max-width: 340px;
height: auto;
filter: drop-shadow(0 0 18px rgba(255, 255, 255, 0.16));
}
:root[data-theme="light"] .kvlt .kvlt-tickets__art {
filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.22));
} @media (max-width: 47.99em) {
.kvlt .kvlt-tickets__art {
max-width: 272px;
}
}
.kvlt-tickets__soon-title {
margin: 0;
font-size: clamp(1.5rem, 3.2vw, 2.125rem);
line-height: 1.15;
}
.kvlt-tickets__soon-title::after {
content: "";
display: block;
width: 56px;
height: 3px;
margin-top: 0.7rem;
border-radius: 2px;
background: var(--kvlt-accent);
}
.kvlt-tickets__soon-text {
margin: 1.1rem 0 0;
max-width: 56ch;
color: var(--kvlt-muted);
line-height: 1.7;
} .kvlt-tickets__note {
display: flex;
align-items: center;
gap: 0.8rem;
margin: 1.6rem 0 0;
padding: 0.9rem 1.1rem;
border: 1px solid var(--kvlt-line);
border-radius: var(--kvlt-radius);
background: var(--kvlt-surface-2);
color: var(--kvlt-text);
font-size: 0.95rem;
line-height: 1.5;
}
.kvlt-tickets__note-icon {
flex: none;
display: inline-flex;
color: var(--kvlt-muted);
}
.kvlt-tickets__note-icon svg {
width: 22px;
height: 22px;
stroke: currentColor;
stroke-width: 1.6;
}  @keyframes kvlt-hero-blur {
0%   { filter: blur(0); }
50%  { filter: blur(5px); }
100% { filter: blur(0); }
}
.kvlt-hero.is-ms-blur .ms-view .ms-slide-bgcont {
animation: kvlt-hero-blur 0.55s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.kvlt-hero.is-ms-blur .ms-view .ms-slide-bgcont {
animation: none;
}
} .kvlt-hero .ms-loading-container {
background: var(--kvlt-surface-2);
overflow: hidden; }
.kvlt-hero .ms-loading-container::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, 0.13) 50%, transparent 80%);
transform: translateX(-100%);
animation: kvlt-skeleton-sweep 1.4s ease-in-out infinite;
} :root[data-theme="light"] .kvlt-hero .ms-loading-container::after {
background: linear-gradient(100deg, transparent 20%, rgba(0, 0, 0, 0.07) 50%, transparent 80%);
}
@keyframes kvlt-skeleton-sweep {
100% {
transform: translateX(100%);
}
} .kvlt-hero .ms-loading {
display: none !important;
}
@media (prefers-reduced-motion: reduce) {
.kvlt-hero .ms-loading-container::after {
animation: none;
}
}  .kvlt-hero__dots {
position: absolute;
left: 50%;
bottom: 0.9rem;
transform: translateX(-50%);
z-index: 20;
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.35rem 0.55rem;
}
.kvlt-hero__dot {
width: 9px;
height: 9px;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.45);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
cursor: pointer;
transition: background-color var(--kvlt-transition), transform var(--kvlt-transition);
}
.kvlt-hero__dot:hover,
.kvlt-hero__dot:focus-visible {
background: rgba(255, 255, 255, 0.85);
outline: none;
}
.kvlt-hero__dot.is-active {
background: var(--kvlt-accent);
transform: scale(1.3);
}
@media (max-width: 600px) {
.kvlt-hero__dots {
bottom: 0.6rem;
gap: 0.4rem;
}
.kvlt-hero__dot {
width: 7px;
height: 7px;
}
} .kvlt-ended-badge {
position: absolute;
top: 0.5rem;
left: 0.5rem;
z-index: 3;
padding: 0.2rem 0.5rem;
border-radius: var(--kvlt-radius);
background: rgba(14, 15, 17, 0.85);
color: #fff;
font-family: var(--kvlt-font-display);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
pointer-events: none;
} .kvlt-card--ended .kvlt-card__media {
filter: grayscale(0.95) brightness(0.85);
}
.kvlt-card--ended .kvlt-card__title {
color: var(--kvlt-muted);
} .kvlt-card--ended .kvlt-card__link {
cursor: default;
}
.kvlt-card--ended .kvlt-card__link:hover .kvlt-card__img {
transform: none;
} .kvlt-cvlisting .kvlt-ended .pt-cv-thumbnail {
filter: grayscale(0.95) brightness(0.85);
} .kvlt-card--ended .kvlt-card__media::after,
.kvlt-cvlisting .kvlt-ended::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
background: rgba(255, 255, 255, 0.14);
pointer-events: none;
} .kvlt-cvlisting .pt-cv-ifield:has(.kvlt-ended) a {
pointer-events: none;
cursor: default;
} .abh_box {
margin-top: 2rem !important;
color: var(--kvlt-text) !important;
} .abh_box .abh_tabs {
border-bottom: 1px solid var(--kvlt-line) !important;
padding-left: 0 !important;
} .abh_box .abh_tabs li a {
color: var(--kvlt-meta) !important;
background-color: transparent !important;
border: 1px solid transparent !important;
border-bottom: none !important;
border-radius: var(--kvlt-radius) var(--kvlt-radius) 0 0 !important;
padding: 0.5rem 0.9rem !important;
font-family: var(--kvlt-font-display) !important;
font-size: 0.85rem !important;
font-weight: 600 !important;
letter-spacing: 0.03em !important;
text-transform: uppercase !important;
transition: color 0.15s ease, background-color 0.15s ease !important;
}
.abh_box .abh_tabs li a:hover {
color: var(--kvlt-text) !important;
background-color: var(--kvlt-surface) !important;
padding: 0.5rem 0.9rem !important;
} .abh_box .abh_tabs li.abh_active a,
.abh_box .abh_tabs li.abh_active a:hover {
color: var(--kvlt-text) !important;
background-color: var(--kvlt-surface) !important;
border: 1px solid var(--kvlt-line) !important;
border-top: 2px solid var(--kvlt-accent) !important;
border-bottom: none !important;
padding: 0.5rem 0.9rem !important;
} .abh_box .abh_tab_content {
background: var(--kvlt-surface) !important;
color: var(--kvlt-text) !important;
border: 1px solid var(--kvlt-line) !important;
border-top: none !important;
border-radius: 0 0 var(--kvlt-radius) var(--kvlt-radius) !important;
padding: 1rem !important;
} .abh_box .abh_tab_content .abh_text .abh_name,
.abh_box .abh_tab_content .abh_text .fn,
.abh_box .abh_tab_content .abh_text .fn a,
.abh_box .abh_tab_content .abh_text .abh_name a {
color: var(--kvlt-text) !important;
font-family: var(--kvlt-font-display) !important;
text-decoration: none !important;
}
.abh_box .abh_tab_content .abh_text .fn a:hover,
.abh_box .abh_tab_content .abh_text .abh_name a:hover {
color: var(--kvlt-accent-text) !important;
} .abh_box .abh_tab_content .abh_text .abh_description,
.abh_box .abh_tab_content .abh_text .abh_job,
.abh_box .abh_tab_content .abh_text .abh_job span,
.abh_box .abh_tab_content .abh_text ul li span {
color: var(--kvlt-meta) !important;
} .abh_box .abh_tab_content .abh_text a,
.abh_box .abh_tab_content .abh_text ul li a,
.abh_box .abh_tab_content .abh_text .abh_allposts a {
color: var(--kvlt-accent-text) !important;
}
.abh_box .abh_tab_content .abh_text a:hover {
color: var(--kvlt-accent-text-hover) !important;
} .abh_box .abh_tab_content .abh_image img {
border-radius: 50% !important;
border: 1px solid var(--kvlt-line) !important;
} @media (max-width: 480px) {
.abh_box .abh_tabs li a,
.abh_box .abh_tabs li a:hover,
.abh_box .abh_tabs li.abh_active a,
.abh_box .abh_tabs li.abh_active a:hover {
padding: 0.45rem 0.6rem !important;
font-size: 0.78rem !important;
}
}