a#scroll-to-top { background: url(//vikirouz.com.ua/wp-content/plugins/jquery-smooth-scroll/images/arrow.png) no-repeat center center; width: 35px;
height: 35px; position: fixed;
right: 30px;
bottom: 30px; text-indent: -9999px;
font-size: 0; cursor: pointer;
outline: 0;
}
body.rtl a#scroll-to-top {
left: 30px;
} @media only screen and (max-width: 480px) {
a#scroll-to-top { right: 5px;
bottom: 10px;
}
body.rtl a#scroll-to-top {
left: 5px;
bottom: 10px;
}
} a#scroll-to-top.custom-image {
background: none;
width: auto;
height: auto;
text-indent: 0;
}
a#scroll-to-top.custom-image img {
display: block;
max-width: 60px; height: auto;
}.slil-lightbox [hidden] {
display: none !important;
}
.slil-lightbox {
position: fixed;
z-index: 999999;
inset: 0;
display: flex;
flex-direction: column;
padding: 10px 18px 14px;
background: #f1f2f3;
box-sizing: border-box;
width: min(900px, 96vw);
height: 96dvh;
margin: auto;
border: 0;
}
.slil-lightbox:not([open]) {
display: none;
}
.slil-lightbox::backdrop {
background: #0a0c0fe6;
}
.slil-image {
display: block;
flex: 1 1 auto;
min-height: 0;
width: 100%;
object-fit: contain;
}
.slil-lightbox button {
border: 1px solid #c9cdd1;
padding: 0;
color: #25282b;
background: transparent;
font: inherit;
cursor: pointer;
}
.slil-lightbox button:focus-visible {
outline: 2px solid #555;
outline-offset: 2px;
}
.slil-close {
align-self: flex-end;
margin: 0 0 8px;
border: 0 !important;
font-size: 16px !important;
line-height: 30px !important;
}
.slil-footer {
display: flex;
flex: 0 0 40px;
align-items: center;
gap: 12px;
margin-top: 16px;
}
.slil-footer button {
flex: 0 0 44px;
height: 40px;
font-size: 18px;
}
.slil-caption {
flex: 1 1 auto;
overflow-wrap: anywhere;
color: #25282b;
text-align: center;
font: 14px/1.4 sans-serif;
}
.slil-counter {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
clip-path: inset(50%);
}
.slil-lightbox-open {
overflow: hidden;
}
@media (max-width: 600px) {
.slil-lightbox {
padding: 8px 10px 12px;
}
.slil-footer {
gap: 8px;
margin-top: 10px;
}
.slil-footer button {
flex-basis: 40px;
}
}a {
text-decoration-thickness: 1px !important;
text-underline-offset: .1em;
} :where(.wp-site-blocks *:focus) {
outline-width: 2px;
outline-style: solid;
} .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
margin-bottom: 3px;
} .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
outline-offset: 4px;
} .wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
outline-offset: 0;
} h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
text-wrap: pretty;
} .more-link {
display: block;
} :where(pre) {
overflow-x: auto;
}body {
padding:0;
margin: 0;
font-family: Onest,Arial,sans-serif;
font-weight: normal;
}
.wp-site-blocks > main {
padding-top: 0;
padding-bottom: 0;
margin: 0;
}
@media (max-width: 1336px) {
.wp-block-group.alignfull.has-global-padding:not(.p-0) {
padding-left: var(--wp--style--root--padding-left);
padding-right: var(--wp--style--root--padding-right);
}
}
.m-0 {margin: 0 !important;}
.m-t-0 {margin-top: 0 !important;}
.m-b-0 {margin-bottom: 0 !important;}
.p-0 {padding: 0 !important;}
.p-t-0 {padding-top: 0 !important;}
.p-b-0 {padding-bottom: 0 !important;}
b, strong {
font-weight: 500;
}
.upp{text-transform: uppercase;}
.relative {position: relative;}
.center {text-align: center;}
.hidden {overflow: hidden; display: block;}
.gap-0 {
gap: 0 !important;
}
.h-100 {
height: 100% !important;
}
.relative {position: relative;}
section figure a {
cursor: zoom-in;
}
.wp-block-list li {
position: relative;
margin: 0;
padding: 28px 0 28px 55px;
list-style: none;
}
ul.wp-block-list li::before {
content: "✓";
position: absolute;
width: 30px;
height: 30px;
left: -30px;
top: 0;
border-radius: 100%;
background: var(--wp--preset--color--primary);
display: block;
text-align: center;
line-height: 30px;
font-size: 14px;
color: var(--wp--preset--color--base);
}
ol {
list-style-type: none; 
counter-reset: custom-counter; 
padding-left: 0;
}
ol li {
border-top: 1px solid var(--wp--preset--color--border);
counter-increment: custom-counter; 
position: relative;
padding-left: 2.5em; 
margin-bottom: 10px;
}
ol li::before {
content: counter(custom-counter, decimal-leading-zero);
position: absolute;
left: 0;
top: 50%;
color: var(--wp--preset--color--secondary);
font-family: var(--wp--preset--font-family--diigital-font);
font-size: var(--wp--preset--font-size--large);
margin-top: -.65em;
}
a {
text-decoration: none !important;
} input, textarea, select {
outline: none;
margin-bottom: 20px;
}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { opacity:1;}
input::-moz-placeholder,textarea::-moz-placeholder { opacity:1;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { opacity:1;}
input:-moz-placeholder,textarea:-moz-placeholder { opacity:1;}
select, input[type="submit"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
border: solid 1px #ddd;
border-radius: 0;
padding: 1.2em 1.5em;
width: 100%;
background: var(--wp--preset--color--base);
font-size: 16px;
text-transform: none;
line-height: 1;
color: var(--wp--preset--color--contrast);
display: block;
min-height: 50px;
box-sizing: border-box;
font-family: var(--wp--preset--font-family--system-font);
}
.wp-block-search__inside-wrapper input {
margin-bottom: 0;
}
.wp-block-search__inside-wrapper button {
border-radius: 0px;
margin: 0;
} @font-face {
font-family: 'Onest';
src: local('Onest Regular'), local('Onest-Regular'),
url(//vikirouz.com.ua/wp-content/themes/twentytwentyfive-child/assets/fonts/rose/Onest-Regular.woff2) format('woff2'),
url(//vikirouz.com.ua/wp-content/themes/twentytwentyfive-child/assets/fonts/rose/Onest-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Onest';
src: local('Onest Medium'), local('Onest-Medium'),
url(//vikirouz.com.ua/wp-content/themes/twentytwentyfive-child/assets/fonts/rose/Onest-Medium.woff2) format('woff2'),
url(//vikirouz.com.ua/wp-content/themes/twentytwentyfive-child/assets/fonts/rose/Onest-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}  @font-face {
font-family: 'IBM Plex Mono';
src: local('IBM Plex Mono Regular'), local('IBMPlexMono-Regular'),
url(//vikirouz.com.ua/wp-content/themes/twentytwentyfive-child/assets/fonts/rose/IBMPlexMono-Regular.woff2) format('woff2'),
url(//vikirouz.com.ua/wp-content/themes/twentytwentyfive-child/assets/fonts/rose/IBMPlexMono-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} .border-top {
border-top: 1px solid var(--wp--preset--color--border);
}
.border-bottom {
border-bottom: 1px solid var(--wp--preset--color--border);
}
p.border-bottom {
padding-bottom: 8px;
}
figure figcaption {display: none !important;}
header{
border-bottom: 1px solid var(--wp--preset--color--border);
height: 92px;
}
header .wp-block-group {
padding: 0;
height: 100%;
}
header .header-box {
padding: 0 4%;
}
header .header-box.alignfull {
margin-inline: 0;
}
header .wp-block-navigation a {
color: var(--wp--preset--color--primary) !important;
}
.wp-block-navigation__container {
gap: 40px;
}
.artist-site a {
color: inherit;
text-decoration: none;
}
.artist-mark > span {
letter-spacing: .06em;
font-size: 9px;
font-weight: 500;
line-height: 1.4;
}
.artist-mark {
letter-spacing: -.12em;
align-items: center;
gap: 19px;
font-size: 42px;
font-weight: 450;
line-height: 1;
display: flex;
}
.wp-block-heading .heading-accent {
color: var(--wp--preset--color--contrast);
}
.wp-block-heading .heading-accent {
display: block;
white-space: nowrap;
}
.wp-block-button__link .heading-accent {
color: inherit;
}
#home .wp-block-heading .heading-accent {
color: var(--wp--preset--color--secondary);
transform: translateX(35px);
}
#home .wp-block-media-text > .wp-block-media-text__content {
padding: 58px 8% 40px 8%;
}
@media (width >= 1550px) {
#home .wp-block-media-text > .wp-block-media-text__content {
padding-left: 70px;
}
#home h1 {
font-size: 220px;
}
}
#home h1 {
letter-spacing: -.085em;
margin-right: 0;
pointer-events: none;
font-weight: 350 !important;
line-height: .94;
}
h2 {
letter-spacing: -.06em;
line-height: 1.13;
}
.home-button {
flex-wrap: nowrap;
justify-content: space-between;
max-width: 730px;
}
.big-arrow strong {
font-size: var(--wp--preset--font-size--medium) !important;
}
.big-arrow a {
display: grid;
grid-template-columns: auto auto;
align-items: center;
gap: 0px 20px;
}
.big-arrow a strong {
grid-column: 1;
grid-row: 2;
margin-top: -15px;
line-height: .9;
}
.big-arrow span {
background: var(--wp--preset--color--primary);
width: 61px;
height: 61px;
color:  var(--wp--preset--color--base);
place-items: center;
font-size: 26px;
font-style: normal;
transition: transform .3s;
display: grid;
grid-column: 2;
grid-row: 1 / span 2;
}
.big-arrow a:hover span {
transform: translate(4px,-4px);
}
.hero-role {
text-transform: uppercase;
letter-spacing: .12em;
font: 10px IBM Plex Mono,monospace;
}
.nav-social {
font-size: 11px;
}
#home figure {position: relative;}
#home > .wp-block-media-text.alignfull {
margin-inline: 0;
}
#home figure::after {
content: "";
box-shadow: inset 0 -120px 100px -130px var(--wp--preset--color--secondary);
pointer-events: none;
position: absolute;
inset: 0;
}
#music .boster-box {
padding: 0 25px 0 18px;
box-sizing: border-box;
}
.hero-side-word {
font-size: 9px;
}
.hero-side-word {
writing-mode: vertical-rl;
letter-spacing: .2em;
font: 8px IBM Plex Mono,monospace;
font-size: 8px;
position: absolute;
top: 50%;
right: 9px;
transform: translateY(-50%);
}
.poster-margin {
writing-mode: vertical-rl;
letter-spacing: .15em;
font: 8px IBM Plex Mono,monospace;
position: absolute;
top: 0;
left: -2px;
}
#music h2 {
letter-spacing: -.07em;
margin: 25px 0 32px;
line-height: .98;
}
#music figure {
border: 1px solid #17191c33;
max-width: min(380px, calc(100% - 40px));
margin: auto;
transform: rotate(-4deg);
box-shadow: 16px 22px #17191c1a;
}
.strech .wp-block-button__link {
border-top: 1px solid var(--wp--preset--color--primary);
border-bottom: 1px solid var(--wp--preset--color--primary);
justify-content: space-between;
align-items: center;
max-width: 350px;
padding: 17px 0;
font-size: 12px;
display: flex;
background: transparent;
}
.strech .wp-block-button {width: 100%;}
.strech .heading-accent{
font-size: 20px;
transition: transform .25s;
}
#video .wp-block-column {
background: #eff8fa;
}
#video .letter-spacing {
letter-spacing: -.045em;
}
.studio-story h2 {
letter-spacing: -.065em;
font-weight: 350;
line-height: 1.04;
}
.studio-story .wp-block-gallery {padding-bottom: 80px;}
.studio-story .wp-block-gallery figure:nth-child(2) {
transform:translateY(80px);
}
.studio-story .wp-block-gallery figure a img {
transition: transform .4s;
}
.studio-story .wp-block-gallery figure > a:hover  img {
transform: scale(1.015);
}
.start{
z-index: 6;
pointer-events: auto;
justify-content: flex-end;
gap: .25rem;
display: flex;
position: absolute;
top: clamp(1rem,3vw,2rem);
left: clamp(1rem,4vw,4rem);
right: clamp(1rem,4vw,4rem);
}
.start a {
border-bottom: 3px solid var(--wp--preset--color--secondary);
}
.promo {
pointer-events: auto;
position: relative; }
.promo::before {
z-index: -1;
content: "";
background: radial-gradient(ellipse at center, color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent) 0%, color-mix(in srgb, var(--wp--preset--color--base) 58%, transparent) 52%, transparent 76%);
pointer-events: none;
position: absolute;
inset: -3rem -5rem;
}
.promo p {
color: #69464b;
margin: 1.5rem 0 0;
font-size: clamp(1rem,1.35vw,1.2rem);
line-height: 1.55;
}
.promo p strong {
color: var(--wp--preset--color--secondary);
letter-spacing: -.045em;
text-wrap: balance;
margin: 0;
font-size: clamp(2.75rem,6vw,6.75rem);
font-weight: 700;
line-height: .94;
}
#moments.moments-slider-section {
--moments-gap: clamp(18px, 2.4vw, 35px);
box-sizing: border-box;
overflow: hidden;
padding: clamp(64px, 9vw, 130px) 0 clamp(64px, 9vw, 130px) clamp(20px, 4.8vw, 72px);
background: #e5e6e9;
color: #17191c;
}
#moments .moments-slider-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin-bottom: clamp(32px, 4vw, 58px);
}
#moments .moments-slider-header > :is(h1, h2, h3, h4, h5, h6) {
max-width: 65%;
margin: 0;
font-size: clamp(38px, 4vw, 58px);
font-weight: 350;
line-height: 1.08;
letter-spacing: -.055em;
}
#moments .moments-slider-controls {
display: flex;
flex: 0 0 auto;
gap: 14px;
margin-right: var(--wp--preset--spacing--40);
}
#moments .moments-slider-controls[hidden] {
display: none !important;
}
#moments .moments-slider-controls button {
display: grid;
width: 43px;
height: 43px;
place-items: center;
padding: 0;
border: 1px solid currentColor;
background: transparent;
color: inherit;
font: 24px/1 sans-serif;
cursor: pointer;
transition: color .2s ease, background-color .2s ease, opacity .2s ease;
}
#moments .moments-slider-controls button:hover:not(:disabled) {
background: #17191c;
color: #fff;
}
#moments .moments-slider-controls button:disabled {
opacity: .35;
cursor: default;
}
#moments .moments-slider-controls button:focus-visible,
#moments .moments-slider-gallery:focus-visible {
outline: 2px solid currentColor;
outline-offset: 4px;
}
#moments .wp-block-gallery.moments-slider-gallery {
display: flex !important;
flex-wrap: nowrap !important;
gap: var(--moments-gap) !important;
width: 100%;
max-width: none !important;
margin: 0;
padding: 0 2px 8px;
overflow-x: auto;
overflow-y: hidden;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
scrollbar-width: thin;
scrollbar-color: #85878b transparent;
overscroll-behavior-x: contain;
-webkit-overflow-scrolling: touch;
}
#moments .wp-block-gallery.moments-slider-gallery::-webkit-scrollbar {
height: 6px;
}
#moments .wp-block-gallery.moments-slider-gallery::-webkit-scrollbar-track {
background: transparent;
}
#moments .wp-block-gallery.moments-slider-gallery::-webkit-scrollbar-thumb {
background: #85878b;
}
#moments .wp-block-gallery.moments-slider-gallery > figure.wp-block-image {
flex: 0 0 clamp(240px, 25.7vw, 380px) !important;
width: clamp(240px, 25.7vw, 380px) !important;
max-width: none !important;
margin: 0 !important;
scroll-snap-align: start;
padding-bottom: 40px;
margin-bottom: 15px !important;
}
.wp-element-caption {
text-shadow: none !important;
}
#moments .moments-slider-gallery > figure.wp-block-image > a,
#moments .moments-slider-gallery > figure.wp-block-image > img {
display: block;
width: 100%;
aspect-ratio: 2 / 3;
overflow: hidden;
}
#moments .moments-slider-gallery > figure.wp-block-image img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
transition: transform .45s ease;
}
#moments .moments-slider-gallery > figure.wp-block-image > a:hover img {
transform: scale(1.025);
}
#moments .moments-slider-gallery figcaption,
#moments .moments-slider-gallery .moments-slide-caption {
display: flex !important;
align-items: baseline;
justify-content: space-between;
gap: 12px;
width: 100%;
margin: 18px 0 0 !important;
padding: 0 !important;
background: transparent !important;
color: inherit !important;
font-size: 16px;
line-height: 1.4;
text-align: left;
}
#moments .moments-slider-gallery .moments-slide-count {
flex: 0 0 auto;
color: #686b70;
font-size: 11px;
white-space: nowrap;
}
@media (max-width: 900px) {
#moments .wp-block-gallery.moments-slider-gallery > figure.wp-block-image {
flex-basis: clamp(220px, 40vw, 350px) !important;
width: clamp(220px, 40vw, 350px) !important;
}
}
@media (max-width: 600px) {
#moments.moments-slider-section {
padding: 56px 0 64px 20px;
}
#moments .moments-slider-header {
gap: 16px;
margin-bottom: 28px;
}
#moments .moments-slider-header > :is(h1, h2, h3, h4, h5, h6) {
max-width: 68%;
font-size: clamp(30px, 8vw, 42px);
}
#moments .moments-slider-controls {
gap: 8px;
}
#moments .moments-slider-controls button {
width: 42px;
height: 42px;
font-size: 20px;
}
#moments .wp-block-gallery.moments-slider-gallery > figure.wp-block-image {
flex-basis: 82vw !important;
width: 82vw !important;
}
#moments .moments-slider-gallery figcaption,
#moments .moments-slider-gallery .moments-slide-caption {
margin-top: 12px !important;
font-size: 14px;
}
}
@media (prefers-reduced-motion: reduce) {
#moments .wp-block-gallery.moments-slider-gallery {
scroll-behavior: auto;
}
#moments .moments-slider-controls button,
#moments .moments-slider-gallery img {
transition: none;
}
}
footer .contacts {
justify-content: space-between;
padding: 18px 0;
display: flex;
letter-spacing: -.075em;
font-size: clamp(40px,7vw,94px);
font-weight: 350;
line-height: 1.1;
border-bottom: 1px solid var(--wp--preset--color--primary);
align-items: center;
}
footer {
margin-top: 0;
padding-top: var(--wp--preset--spacing--80);
padding-right: var(--wp--preset--spacing--50);
padding-left: var(--wp--preset--spacing--50);
}
.instagram-btn a > span {
font-size: 70px; transition: transform .35s;
}
.instagram-btn a:hover > span {
transform: translate(9px,-9px);
}
footer .social figure {display:inline-block;}
footer a:hover {
color: var(--wp--preset--color--contrast) !important;
}
footer .wp-block-pages-list__item.has-child {
display: none;
}
footer .wp-block-media-text > .wp-block-media-text__content {
padding-left: 0;
}
.copyright {
border-top: 1px solid var(--wp--preset--color--border);
padding: 30px 0;
font-size: 9px;
margin-top: 0;
}
a#scroll-to-top {display: none !important;} @media (min-width: 601px) {
header .wp-block-navigation .wp-block-navigation-item a {
padding: 13px 0;
font-size: var(--wp--preset--font-size--x-small);
}
}
@media (width <= 700px) {
header {
height: 75px;
padding-inline: 20px;
}
header .header-box {
padding: 0;
}
.artist-mark {
gap: 13px;
font-size: 35px;
}
.artist-mark > span {
font-size: 8px;
}
}
@media (width <= 860px) {
.video-cover__content {
justify-content: flex-start;
align-items: flex-end;
}
}
.wp-block-navigation__responsive-dialog {margin-top: 0 !important;}
.wp-block-navigation__responsive-container.is-menu-open {
bottom: inherit !important;
}
@media screen and (max-width: 600px) {
header button.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close{
padding: 10px 0 10px;
position: relative;
color: var(--wp--preset--color--primary);
font-weight: 400 !important;
}
.wp-block-navigation__responsive-container-close {
position: absolute;
top: 0;
right: 0;
display: flex;
}
header button.wp-block-navigation__responsive-container-open::after,.wp-block-navigation__responsive-container-close::after {
content: "+";
margin-left: 13px;
font-size: 24px;
font-style: normal; line-height: 1;
}
.wp-block-navigation__responsive-container-close::after {
content: '×';
}
.wp-block-navigation__container.is-responsive.items-justified-center.wp-block-navigation {
width: 100%;
gap: 0 !important;
}
.wp-block-navigation__container.is-responsive .wp-block-navigation-item {
width: 100%;
align-content: flex-start !important;
align-items: flex-start !important;
}
.wp-block-navigation__container.is-responsive .wp-block-navigation-item:not(:last-child) {
border-bottom: 1px solid var(--wp--preset--color--border);
}
.wp-block-navigation__container.is-responsive .wp-block-navigation-item a {
padding: 13px 0 !important;
width: 100%;
}
.wp-block-group.is-layout-grid {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.wp-block-group.xs-col-2.is-layout-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.wp-block-group.xs-col-1.is-layout-flex {
flex-wrap: wrap !important;
}
.wp-block-column.m-o-99 {order: 99 !important;}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right.m-o-99 > .wp-block-media-text__media {
grid-column: 1;
grid-row: 2;
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right.m-o-99 > .wp-block-media-text__content {
grid-column: 1;
grid-row: 1;
padding-right: 0 !important;
padding-left: 0 !important;
}
.wp-block-group {
padding-top: 62px;
padding-bottom: 62px;
}
#home.wp-block-group{
padding-left: var(--wp--style--root--padding-left) !important;
padding-right: var(--wp--style--root--padding-right) !important;
}
#home figure {
min-height: 50vh;
}
#music .boster-box {
padding: 12px 30px 0;
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667) !important;
}
.wp-block-list {
padding-left: 0;
width: 100% ;
}
.wp-block-heading .heading-accent {
white-space: normal;
}
.hero-side-word {
display: none;
}
.copyright {
text-align: center;
}
}  @media (max-width: 600px) {
.hidden-xs {
display: none !important;
}
} @media (min-width: 601px) and (max-width: 767.98px) {
.hidden-sm {
display: none !important;
}
} @media (min-width: 768px) and (max-width: 991.98px) {
.hidden-md {
display: none !important;
}
} @media (min-width: 992px) {
.hidden-lg {
display: none !important;
}
}