.wp-site-blocks > * {
margin-block-start: 0;
} .wp-site-blocks {
overflow-x: clip;
} :where(a, button, input, select, textarea, summary):focus-visible {
outline: 3px solid var(--wp--preset--color--primary);
outline-offset: 3px;
}
.rs-site-header {
position: sticky;
top: var(--wp-admin--admin-bar--height, 0);
z-index: 50;
height: var(--wp--custom--header-height);
margin: 0;
padding: 0; pointer-events: none;
}
.rs-site-header .rs-header,
.rs-site-header .rs-header__bar {
pointer-events: auto;
} .rs-header__bar {
box-sizing: border-box;
height: var(--wp--custom--header-height);
border-bottom: 1px solid transparent;
background: var(--wp--preset--color--black);
transition: border-color 0.25s ease;
}
.rs-header.is-stuck .rs-header__bar {
border-bottom-color: var(--wp--preset--color--primary);
}
.rs-header.is-stuck .rs-header__bar {
height: var(--wp--custom--header-height-stuck);
}
.rs-header__inner {
display: flex;
align-items: center;
box-sizing: border-box;
height: 100%;
max-width: 1250px;
margin: 0 auto;
padding: 0 15px 0 0;
}
.rs-logo {
display: block;
flex: none;
padding: 15px;
line-height: 0;
}
.rs-logo__img {
display: block;
width: auto;
height: 50px;
}
.rs-header.is-stuck .rs-logo__img {
height: 40px;
}
.rs-menu-toggle {
display: none;
}
.rs-nav {
display: flex;
flex: 1 1 auto;
justify-content: center;
min-width: 0;
}
.rs-menu {
display: flex;
flex-wrap: nowrap;
margin: 0;
padding: 0;
list-style: none;
}
.rs-menu li {
margin: 0 13px;
}
.rs-menu a,
.rs-drawer__menu a {
font-family: var(--wp--preset--font-family--gotham);
font-weight: 500;
text-transform: capitalize;
text-decoration: none;
}
.rs-menu a {
display: inline-flex;
align-items: center;
min-height: 44px;
white-space: nowrap;
font-weight: 300;
font-size: 1.1rem;
color: rgb(255 255 255 / 80%);
transition: color 0.2s;
}
.rs-menu a {
position: relative;
} .rs-menu a::after {
position: absolute;
right: 0;
bottom: 6px;
left: 0;
height: 3px;
background: var(--wp--preset--color--primary);
content: "";
transform: scaleX(0);
transform-origin: left;
transition: transform 0.25s ease;
}
.rs-menu a:hover,
.rs-menu a:focus-visible {
color: var(--wp--preset--color--white);
}
.rs-menu a:hover::after,
.rs-menu a:focus-visible::after,
.rs-menu .current-menu-item > a::after,
.rs-menu .current-menu-ancestor > a::after {
transform: scaleX(1);
}
.rs-menu .current-menu-item > a,
.rs-menu .current-menu-ancestor > a {
color: var(--wp--preset--color--primary);
font-weight: 600;
}
.rs-login {
display: inline-flex;
position: relative;
flex: none;
align-items: center;
box-sizing: border-box;
min-height: 38px;
margin-left: auto;
padding: 0 16px;
white-space: nowrap;
border: 2px solid var(--wp--preset--color--primary);
border-radius: 0;
color: var(--wp--preset--color--primary);
font-family: var(--wp--preset--font-family--gotham);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.08em;
text-decoration: none;
text-transform: uppercase;
transition: background-color 0.2s, color 0.2s;
} .rs-login::after {
position: absolute;
inset: -3px 0;
content: "";
}
.rs-login:hover,
.rs-login:focus-visible {
background: var(--wp--preset--color--primary);
color: var(--wp--preset--color--black);
} .rs-drawer,
.rs-overlay {
display: none;
}
@media (max-width: 1023.98px) {
.rs-site-header,
.rs-header__bar,
.rs-header.is-stuck .rs-header__bar {
height: 70px;
}
.rs-nav,
.rs-login {
display: none;
}
.rs-header__inner {
position: relative;
justify-content: center;
}
.rs-logo__img,
.rs-header.is-stuck .rs-logo__img {
height: 40px;
}
.rs-menu-toggle {
display: flex;
position: absolute;
left: 4px;
top: 50%;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
margin-top: -24px;
padding: 0;
border: 0;
background: transparent;
color: var(--wp--preset--color--white);
cursor: pointer;
}
.rs-menu-toggle__bars,
.rs-menu-toggle__bars::before,
.rs-menu-toggle__bars::after {
display: block;
width: 22px;
height: 2px;
background: currentcolor;
content: "";
}
.rs-menu-toggle__bars {
position: relative;
}
.rs-menu-toggle__bars::before,
.rs-menu-toggle__bars::after {
position: absolute;
left: 0;
}
.rs-menu-toggle__bars::before {
top: -7px;
}
.rs-menu-toggle__bars::after {
top: 7px;
}
.rs-overlay {
display: block;
position: fixed;
inset: 0;
z-index: 1000;
background: rgb(0 0 0 / 80%);
}
.rs-overlay[hidden] {
display: none;
} .rs-drawer {
--rs-drawer-bg: rgb(245 245 245 / 96%);
--rs-drawer-text: #4a4a4a;
--rs-drawer-line: rgb(0 0 0 / 10%);
--rs-drawer-active: #087472;
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 1001;
width: min(300px, 85vw);
overflow: visible; background: var(--rs-drawer-bg);
color: var(--rs-drawer-text);
transform: translateX(-100%);
visibility: hidden;
transition: transform 0.3s ease, visibility 0s linear 0.3s;
}
.rs-drawer.is-open {
transform: translateX(0);
visibility: visible;
transition: transform 0.3s ease;
} .rs-drawer .rs-search-form > .screen-reader-text {
visibility: visible;
}
.admin-bar .rs-drawer {
top: var(--wp-admin--admin-bar--height, 0);
}
.rs-drawer__close {
display: flex;
position: absolute;
top: 4px;
left: 100%;
z-index: 2;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 0;
background: transparent;
color: #fff;
cursor: pointer;
}
.rs-drawer__scroll {
box-sizing: border-box;
height: 100%;
padding-top: 52px;
overflow-y: auto;
overscroll-behavior: contain;
} .rs-search-form {
display: flex;
align-items: center;
margin: 0 15px 10px;
overflow: hidden;
border: 1px solid #c8c8c8;
border-radius: 999px;
background: #fff;
}
.rs-search-form:focus-within {
border-color: var(--wp--preset--color--primary);
box-shadow: 0 0 0 1px var(--wp--preset--color--primary);
}
.rs-drawer .rs-search-form input:focus-visible {
outline: 0;
}
.rs-search-form__field {
flex: 1;
min-width: 0;
height: 44px;
padding: 0 8px 0 18px;
border: 0;
border-radius: 0;
background: transparent;
color: #222;
font: inherit;
font-size: 16px;
}
.rs-search-form__field::placeholder {
color: #6b6b6b;
opacity: 1;
}
.rs-search-form__submit {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 0;
border-radius: 999px;
background: transparent;
color: #0a0a0a;
cursor: pointer;
}
.rs-drawer__menu,
.rs-drawer__menu .sub-menu {
margin: 0;
padding: 0;
list-style: none;
}
.rs-drawer__menu > li,
.rs-drawer__menu .sub-menu > li {
border-top: 1px solid var(--rs-drawer-line);
}
.rs-drawer__menu a,
.rs-panel__back {
display: flex;
align-items: center;
box-sizing: border-box;
width: 100%;
min-height: 48px;
padding: 10px 20px;
color: var(--rs-drawer-text);
font-size: 0.95rem;
}
.rs-drawer__menu a:hover,
.rs-drawer__menu a:focus-visible {
color: var(--rs-drawer-active);
}
.rs-drawer__menu .current-menu-item > a {
border-left: 4px solid var(--rs-drawer-active);
color: var(--rs-drawer-active);
font-weight: 600;
}
.rs-drawer__menu a:focus-visible,
.rs-panel__back:focus-visible,
.rs-search-form button:focus-visible,
.rs-search-form input:focus-visible {
outline: 3px solid var(--rs-drawer-active);
outline-offset: -3px;
} .rs-drawer__close:focus-visible {
outline: 3px solid var(--wp--preset--color--primary);
outline-offset: -3px;
background: rgb(255 255 255 / 12%);
} .rs-drawer__menu .menu-item-has-children > a::after {
margin-left: auto;
border: solid currentcolor;
border-width: 0 2px 2px 0;
padding: 3px;
content: "";
transform: rotate(-45deg);
}
.rs-drawer__menu .sub-menu {
position: absolute;
inset: 0;
z-index: 3;
overflow-y: auto;
background: var(--rs-drawer-bg);
transform: translateX(100%);
visibility: hidden;
transition: transform 0.3s ease, visibility 0s linear 0.3s;
}
.rs-drawer__menu li.is-open > .sub-menu {
transform: translateX(0);
visibility: visible;
transition: transform 0.3s ease;
}
.rs-panel__back {
justify-content: flex-start;
gap: 8px;
border: 0;
background: transparent;
font: inherit;
font-weight: 600;
text-align: left;
cursor: pointer;
}
html.rs-drawer-open {
overflow: hidden;
}
} html:not(.rs-js) .rs-menu-toggle {
display: none;
}
@media (max-width: 1023.98px) {
html:not(.rs-js) .rs-header__inner {
flex-wrap: wrap;
height: auto;
}
html:not(.rs-js) .rs-nav {
display: block;
margin: 0;
}
html:not(.rs-js) .rs-menu {
flex-wrap: wrap;
}
} .rs-site-footer {
margin: 0;
padding: 0;
}
.rs-footer {
border-top: 4px solid var(--wp--preset--color--primary);
background: var(--wp--preset--color--black);
color: var(--wp--preset--color--muted);
font-family: var(--wp--preset--font-family--system);
font-size: 0.9rem;
}
.rs-footer__inner {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
box-sizing: border-box;
max-width: 1280px;
margin: 0 auto;
padding: 10px 15px 15px;
}
.rs-footer__copy {
order: 1;
}
.rs-footer__pay {
display: flex;
flex-wrap: wrap;
order: 2;
}
.rs-pay {
display: inline-block;
margin: 3px 3px 0;
padding: 3px 5px 5px;
border-radius: 0;
background: rgb(255 255 255 / 10%);
color: var(--wp--preset--color--white);
opacity: 0.75;
transition: opacity 0.3s;
}
.rs-pay:hover {
opacity: 1;
}
.rs-pay svg {
display: block;
width: auto;
height: 24px;
}
@media (max-width: 849.98px) {
.rs-footer__inner {
flex-direction: column;
align-items: center;
text-align: center;
} .rs-footer__pay {
order: 0;
justify-content: center;
}
.rs-footer__copy {
order: 1;
margin-top: 10px;
}
} .rs-totop {
display: none;
}
@media (min-width: 850px) {
.rs-totop {
display: flex;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 40;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 2px solid var(--wp--preset--color--primary);
border-radius: 0;
background: var(--wp--preset--color--black);
color: var(--wp--preset--color--primary);
cursor: pointer;
transition: background-color 0.2s, color 0.2s;
}
.rs-totop[hidden] {
display: none;
}
.rs-totop:hover {
background: var(--wp--preset--color--primary);
color: var(--wp--preset--color--black);
}
} .rs-main {
min-height: 40vh;
} .rs-404 {
padding: clamp(48px, 10vw, 120px) 15px;
text-align: center;
}
.rs-404__code {
margin: 0;
color: var(--wp--preset--color--primary);
font-size: clamp(5.5rem, 2rem + 22vw, 14rem);
line-height: 0.9;
letter-spacing: 0.04em;
}
.rs-404__text {
margin: 1rem 0 2rem;
font-size: var(--wp--preset--font-size--large);
}
.rs-404 .wp-block-buttons {
justify-content: center;
} .rs-main--list {
padding: clamp(32px, 6vw, 72px) 15px;
}
.rs-main--list .wp-block-query-title,
.rs-main--list .wp-block-heading {
margin-block: 0 1rem;
text-transform: uppercase;
letter-spacing: var(--wp--custom--tracking-title);
}
.rs-main--list .wp-block-query-title::after {
display: block;
width: 100px;
height: var(--wp--custom--rule);
margin-top: 0.75rem;
background: var(--wp--preset--color--primary);
content: "";
}
.rs-main--list .wp-block-query-no-results {
max-width: 65ch;
} .wp-block-separator {
width: 100px;
max-width: 100%;
height: var(--wp--custom--rule);
margin-left: 0;
margin-right: 0;
border: 0;
background: var(--wp--preset--color--primary);
}
.wp-block-separator.has-text-align-center,
.has-text-align-center > .wp-block-separator {
margin-left: auto;
margin-right: auto;
} .wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-height: 48px;
border: 2px solid var(--wp--preset--color--primary);
border-radius: var(--wp--custom--radius-button);
text-align: center;
transition: background-color 0.2s, color 0.2s, transform 0.2s;
}
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible {
background: var(--wp--preset--color--primary);
color: var(--wp--preset--color--black);
}
.wp-block-button__link:active {
transform: translateY(1px);
} .wp-block-button.is-style-rs-solid .wp-block-button__link {
background: var(--wp--preset--color--primary);
color: var(--wp--preset--color--black);
}
.wp-block-button.is-style-rs-solid .wp-block-button__link:hover,
.wp-block-button.is-style-rs-solid .wp-block-button__link:focus-visible {
background: var(--wp--preset--color--black);
color: var(--wp--preset--color--primary);
}  @keyframes rs-fade-left {
from {
opacity: 0;
transform: translateX(-40px);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes rs-fade-right {
from {
opacity: 0;
transform: translateX(40px);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes rs-rise {
from {
opacity: 0;
transform: translateY(28px);
}
to {
opacity: 1;
transform: none;
}
}
@media (prefers-reduced-motion: no-preference) {
html.rs-motion-ready .rs-fade-left:not(.is-in),
html.rs-motion-ready .rs-fade-right:not(.is-in),
html.rs-motion-ready .rs-reveal:not(.is-in) {
opacity: 0;
}
html.rs-motion-ready .rs-fade-left.is-in {
animation: rs-fade-left 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
}
html.rs-motion-ready .rs-fade-right.is-in {
animation: rs-fade-right 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
}
html.rs-motion-ready .rs-reveal.is-in {
animation: rs-rise 0.7s cubic-bezier(0.16, 1, 0.3, 1) backwards;
animation-delay: var(--rs-delay, 0ms);
} html.rs-motion-ready .is-in.rs-in-view {
animation: none;
}
}
@media (prefers-reduced-motion: reduce) {
.rs-drawer,
.rs-drawer.is-open,
.rs-drawer__menu .sub-menu {
transition: none;
}
}.rs-page {
overflow-x: clip;
}
.rs-upper {
text-transform: uppercase;
}
.rs-justify {
text-align: justify;
}
.rs-page figure {
margin: 0;
}
.rs-page img {
max-width: 100%;
height: auto;
} .rs-page .rs-section {
box-sizing: border-box;
padding-block: var(--rs-pad, 30px);
padding-inline: 0;
margin: 0;
}
@media (max-width: 849px) {
.rs-page .rs-section {
padding-block: var(--rs-pad-md, var(--rs-pad, 30px));
}
}
@media (max-width: 549px) {
.rs-page .rs-section {
padding-block: var(--rs-pad-sm, var(--rs-pad-md, var(--rs-pad, 30px)));
}
}
.rs-pad-0 {
--rs-pad: 0px;
}
.rs-pad-md-0 {
--rs-pad-md: 0px;
}
.rs-pad-sm-0 {
--rs-pad-sm: 0px;
}
.rs-pad-10 {
--rs-pad: 10px;
}
.rs-pad-md-10 {
--rs-pad-md: 10px;
}
.rs-pad-sm-10 {
--rs-pad-sm: 10px;
}
.rs-pad-20 {
--rs-pad: 20px;
}
.rs-pad-md-20 {
--rs-pad-md: 20px;
}
.rs-pad-sm-20 {
--rs-pad-sm: 20px;
}
.rs-pad-30 {
--rs-pad: 30px;
}
.rs-pad-md-30 {
--rs-pad-md: 30px;
}
.rs-pad-sm-30 {
--rs-pad-sm: 30px;
}
.rs-pad-40 {
--rs-pad: 40px;
}
.rs-pad-md-40 {
--rs-pad-md: 40px;
}
.rs-pad-sm-40 {
--rs-pad-sm: 40px;
}
.rs-pad-50 {
--rs-pad: 50px;
}
.rs-pad-md-50 {
--rs-pad-md: 50px;
}
.rs-pad-sm-50 {
--rs-pad-sm: 50px;
}
.rs-pad-60 {
--rs-pad: 60px;
}
.rs-pad-md-60 {
--rs-pad-md: 60px;
}
.rs-pad-sm-60 {
--rs-pad-sm: 60px;
}
.rs-pad-65 {
--rs-pad: 65px;
}
.rs-pad-md-65 {
--rs-pad-md: 65px;
}
.rs-pad-sm-65 {
--rs-pad-sm: 65px;
}
.rs-pad-80 {
--rs-pad: 80px;
}
.rs-pad-md-80 {
--rs-pad-md: 80px;
}
.rs-pad-sm-80 {
--rs-pad-sm: 80px;
}
.rs-pad-100 {
--rs-pad: 100px;
}
.rs-pad-md-100 {
--rs-pad-md: 100px;
}
.rs-pad-sm-100 {
--rs-pad-sm: 100px;
} .rs-page .wp-block-cover {
padding: 0;
}
.rs-page .wp-block-cover.rs-section {
padding-block: var(--rs-pad, 30px);
} .rs-page .wp-block-cover__inner-container > p:empty {
display: none;
}
.rs-page .wp-block-cover__inner-container,
.rs-page .wp-block-cover.has-custom-content-position.rs-section > .wp-block-cover__inner-container {
width: 100%;
max-width: none;
margin: 0;
box-sizing: border-box;
} .rs-h-700 {
min-height: 700px;
}
.rs-h-300 {
min-height: 300px;
}
@media (max-width: 849px) {
.rs-page .rs-h-md-450 {
min-height: 450px !important;
}
.rs-page .rs-h-md-500 {
min-height: 500px !important;
}
}
@media (max-width: 549px) {
.rs-page .rs-h-sm-200 {
min-height: 200px !important;
}
.rs-page .rs-h-sm-300 {
min-height: 300px !important;
}
}  .rs-page .wp-block-columns.rs-row {
box-sizing: border-box;
flex-wrap: wrap !important;
gap: 0;
max-width: 1250px;
margin: 0 auto;
padding-inline: 0;
}
.rs-page .wp-block-columns.rs-row.rs-row--small {
max-width: 1242px;
}
.rs-page .wp-block-columns.rs-row.rs-row--collapse {
max-width: 1220px;
}
.rs-page .wp-block-columns.rs-row.rs-row--w1300 {
max-width: 1300px;
}
.rs-page .wp-block-columns.rs-row.rs-row--full {
max-width: none;
}
.rs-page .rs-row > .wp-block-column {
box-sizing: border-box;
min-width: 0;
padding: 0 15px 15px;
}
.rs-page .rs-row--collapse > .wp-block-column {
padding: 0;
}
.rs-page .rs-row--small > .wp-block-column {
padding: 0 7px 14px;
}
.rs-page .rs-row--h-center {
justify-content: center;
}
.rs-page .rs-row--h-right {
justify-content: flex-end;
}
.rs-page .rs-row--wrap {
flex-wrap: wrap;
}
@media (max-width: 849px) {
.rs-page .rs-col-md-12 {
flex: 0 0 100% !important;
}
.rs-page .rs-col-md-10 {
flex: 0 0 83.333% !important;
}
.rs-page .rs-col-md-9 {
flex: 0 0 75% !important;
}
.rs-page .rs-col-md-8 {
flex: 0 0 66.667% !important;
}
.rs-page .rs-col-md-6 {
flex: 0 0 50% !important;
}
.rs-page .rs-col-md-4 {
flex: 0 0 33.333% !important;
}
.rs-page .rs-first-medium {
order: -1;
}
}
@media (max-width: 549px) {
.rs-page .rs-col-sm-12 {
flex: 0 0 100% !important;
}
.rs-page .rs-col-sm-10 {
flex: 0 0 83.333% !important;
}
.rs-page .rs-col-sm-6 {
flex: 0 0 50% !important;
}
.rs-page .rs-first-small {
order: -1;
}
.rs-page .rs-gap-sm-0 {
display: none;
}
} .rs-page .rs-title {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
margin: 1.5rem 0 1.25rem;
font-size: 1.15rem;
letter-spacing: 0.04em;
text-align: center;
}
.rs-page .rs-title::before,
.rs-page .rs-title::after {
content: "";
flex: 1;
height: 2px;
background: var(--wp--preset--color--primary);
}
.rs-page .rs-sep--center {
margin-inline: auto;
}
.rs-page .rs-sep--small {
width: 48px;
height: var(--wp--custom--rule);
margin-inline: auto;
background: var(--wp--preset--color--primary);
} .rs-page .rs-section--hero {
min-height: 80vh;
}
.rs-page .rs-section--hero .rs-row {
padding-bottom: 40px;
}
.rs-page .rs-section--hero .wp-block-column,
.rs-page .rs-section--banner .wp-block-column {
container-type: inline-size;
}
.rs-page .rs-hero__title {
margin: 0;
font-family: var(--wp--preset--font-family--gotham);
font-size: clamp(1.25rem, 6.3cqi, var(--wp--preset--font-size--poster));
text-wrap: balance;
font-weight: 700;
letter-spacing: 0.04em;
line-height: 1.05;
overflow-wrap: normal;
word-break: normal;
hyphens: manual;
} .rs-page .rs-hero__title::first-line {
color: var(--wp--preset--color--primary);
} .rs-page .rs-section--hero > .wp-block-cover__background {
background-color: transparent !important;
background-image: linear-gradient(100deg, rgb(0 0 0 / 82%) 0%, rgb(0 0 0 / 55%) 50%, rgb(39 188 186 / 45%) 100%);
opacity: 1;
}
@media (max-width: 849px) {
.rs-page .rs-section--hero > .wp-block-cover__background {
background-image: linear-gradient(180deg, rgb(0 0 0 / 45%) 0%, rgb(0 0 0 / 80%) 100%);
}
}
@media (max-width: 549px) {
.rs-page .rs-section--hero {
min-height: 330px;
}
.rs-page .rs-section--hero .rs-row {
padding-top: 40vw;
padding-bottom: 15px;
padding-inline: 4px;
}
} .rs-page .rs-split {
align-items: center;
}
.rs-page .rs-split__media .wp-block-cover {
width: 100%;
}
.rs-page .rs-split__body > .wp-block-columns {
padding: 60px 0 40px;
}
.rs-page .rs-split__body > .wp-block-columns > .wp-block-column {
container-type: inline-size;
}
.rs-page .rs-split__title {
margin: 1.25rem 0 0.75rem;
font-size: var(--wp--preset--font-size--x-large);
letter-spacing: var(--wp--custom--tracking-title);
overflow-wrap: normal;
word-break: normal;
hyphens: manual;
text-wrap: balance;
} @supports (width: 1cqi) {
.rs-page .rs-split__title {
font-size: clamp(1.25rem, 9.5cqi, var(--wp--preset--font-size--poster));
}
}
@media (min-width: 850px) { .rs-page .rs-split__body > .wp-block-columns > .wp-block-column {
flex: 0 0 78% !important;
}
}
.rs-page .rs-split__text {
margin: 0 0 0.75rem;
font-size: 1.2rem;
}
@media (max-width: 849px) {
.rs-page .rs-split__media {
order: -1;
}
.rs-page .rs-split__body > .wp-block-columns {
padding: 60px 0;
}
}
@media (max-width: 549px) {
.rs-page .rs-section--split {
padding-bottom: 50px;
}
.rs-page .rs-split__body > .wp-block-columns {
padding: 20px 0;
}
.rs-page .rs-split__title {
font-size: 1.5rem;
}
} .rs-page .rs-section--banner {
min-height: 600px;
}
.rs-page .rs-banner__title {
margin: 0 0 0.5rem;
font-size: clamp(1.4rem, 8cqi, 4rem);
text-wrap: balance;
letter-spacing: var(--wp--custom--tracking-title);
line-height: 1.05;
overflow-wrap: normal;
word-break: normal;
hyphens: manual;
}
.rs-page .rs-banner__lead {
margin: 0 0 1.25rem;
font-size: 1.2rem;
}
@media (max-width: 549px) {
.rs-page .rs-banner__lead {
font-size: 1rem;
}
} .rs-page .rs-card {
overflow: hidden;
border-radius: var(--wp--custom--radius);
border-top: 4px solid var(--wp--preset--color--primary);
background: var(--wp--preset--color--secondary);
}
.rs-page .rs-card__media {
overflow: hidden;
}
.rs-page .rs-card__media img {
display: block;
width: 100%;
aspect-ratio: 4 / 5;
object-fit: cover;
} .rs-page .rs-card {
container-type: inline-size;
}
.rs-page .rs-section--cards .rs-row > .wp-block-column,
.rs-page .rs-section--program .rs-row > .wp-block-column:has(> .rs-card) {
display: flex;
flex-direction: column;
}
.rs-page .rs-section--cards .rs-card,
.rs-page .rs-section--program .rs-card {
flex: 1 1 auto;
}
.rs-page .rs-card__title {
margin: 0.75rem 0 0.5rem;
padding-inline: 0.5rem;
font-size: clamp(0.8rem, 10cqi, 1.4rem);
line-height: 1.2;
text-wrap: balance;
text-align: center;
}
.rs-page .rs-card__text {
margin: 0;
padding: 0 0.5rem 0.75rem;
font-size: clamp(0.8125rem, 0.4rem + 4.2cqi, 1.15rem);
text-align: center;
}
.rs-page .rs-section--program .rs-card__text {
margin-top: 0.75rem;
font-size: clamp(1rem, 9cqi, 1.75rem);
}
@media (prefers-reduced-motion: no-preference) {
.rs-page .rs-card__media img {
transition: transform 0.5s ease;
}
.rs-page .rs-card:hover .rs-card__media img {
transform: scale(1.05);
}
}  .rs-page .rs-section--feature .rs-col.has-text-align-right {
text-align: left;
}
.rs-page .rs-section--feature .wp-block-column,
.rs-page .rs-section--program .wp-block-column {
container-type: inline-size;
}
.rs-page .rs-feature__title {
margin: 0 0 0.75rem;
font-size: clamp(1.25rem, 8.5cqi, 1.9rem);
text-wrap: balance;
overflow-wrap: normal;
word-break: normal;
}
.rs-page .rs-feature__text {
margin: 0;
font-size: 1.3rem;
}
.rs-page .rs-section--feature .wp-block-image img,
.rs-page .rs-section--program .rs-col--4 {
width: 100%;
}
@media (max-width: 849px) {
.rs-page .rs-feature__text {
font-size: 1.1rem;
}
} .rs-page .rs-intro__title,
.rs-page .rs-cta__title {
margin: 1rem 0 0.75rem;
font-size: 1.6rem;
letter-spacing: 0.04em;
}
.rs-page .rs-cta__text {
margin: 0;
}
.rs-page .rs-section--cta .wp-block-buttons {
margin-bottom: 0;
}
.rs-page .rs-form__title {
margin: 0 0 1rem;
font-size: 2rem;
text-align: center;
}
.rs-page .rs-section--form-cover {
min-height: 350px;
}
@media (max-width: 549px) {
.rs-page .rs-form__title {
font-size: 1.4rem;
}
} .rs-page .rs-social__title {
margin: 0.5rem 0 0;
font-size: 1.6rem;
letter-spacing: 0.04em;
}
.rs-page .rs-social__handle {
margin: 0.25rem 0 1.5rem;
font-size: 1.1rem;
}
.rs-page .rs-social__handle a {
color: var(--wp--preset--color--white);
}
.rs-page .rs-tile img {
display: block;
width: 100%;
transition: opacity 0.3s ease;
}
.rs-page .rs-tile a:hover img {
opacity: 0.8;
}
.rs-page .rs-section--social .rs-row:last-child .wp-block-column:nth-child(1) img {
object-position: 50% 100%;
}
.rs-page .rs-section--social .rs-row:last-child .wp-block-column:nth-child(3) img {
object-position: 40% 40%;
}
.rs-page .rs-section--social .rs-row:last-child .wp-block-column:nth-child(4) img {
object-position: 50% 10%;
} .rs-page .rs-perk {
display: flex;
align-items: center;
gap: 16px;
} .rs-page .rs-perk__icon {
display: grid;
flex: none;
box-sizing: border-box;
place-items: center;
width: 42px;
height: 42px;
margin: 0;
padding: 0;
border: 2px solid var(--wp--preset--color--primary-alt);
border-radius: 50%;
}
.rs-page .rs-perk__icon img {
display: block;
width: 23px !important;
height: 23px;
}
.rs-page .rs-shop-perk__title {
margin: 0;
font-size: 1rem;
line-height: 1.6;
}
@media (max-width: 849px) {
.rs-page .rs-shop-perk__title {
font-size: 0.75rem;
}
} .rs-page .rs-shop-search .wp-block-search__inside-wrapper {
display: flex;
align-items: center;
box-sizing: border-box;
min-height: 44px;
padding: 0 4px 0 0;
border: 1px solid rgb(255 255 255 / 0.4);
border-radius: 999px;
background: linear-gradient(rgb(255 255 255 / 0.14) 0 0), rgb(10 10 10 / 0.4);
overflow: hidden;
}
.rs-page .rs-shop-search .wp-block-search__input {
flex: 1;
min-width: 0;
height: 42px;
padding: 0 8px 0 20px;
border: 0;
border-radius: 0;
background: transparent;
color: var(--wp--preset--color--white);
font-size: 1rem;
}
.rs-page .rs-shop-search .wp-block-search__input::placeholder {
color: rgb(255 255 255 / 0.78);
opacity: 1;
}
.rs-page .rs-shop-search .wp-block-search__input:focus-visible {
outline: 0;
}
.rs-page .rs-shop-search .wp-block-search__inside-wrapper:focus-within {
border-color: var(--wp--preset--color--primary);
}
.rs-page .rs-shop-search .wp-block-search__button {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 44px;
height: 42px;
margin: 0;
padding: 0;
border: 0;
border-radius: 999px;
background: transparent;
color: var(--wp--preset--color--white);
}
.rs-page .rs-shop-search .wp-block-search__button svg {
width: 28px;
height: 28px;
fill: currentcolor;
}
.rs-page .rs-shop-search .wp-block-search__button:focus-visible {
outline: 2px solid var(--wp--preset--color--primary);
outline-offset: -2px;
}
.rs-page .rs-section--shop .rs-row--small .wp-block-image img {
display: block;
width: 100%;
} .rs-page .rs-slider {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: none;
overscroll-behavior-x: contain;
}
.rs-page .rs-slider::-webkit-scrollbar {
display: none;
}
.rs-page .rs-slider > * {
flex: 0 0 100%;
min-width: 0;
margin: 0;
scroll-snap-align: start;
}
.rs-page .rs-slider img {
display: block;
width: 100%;
}
.rs-page .rs-slide--banner {
min-height: 0;
aspect-ratio: 5 / 2;
}
@media (max-width: 849px) {
.rs-page .rs-slide--banner {
aspect-ratio: 2 / 1;
}
}
@media (max-width: 549px) {
.rs-page .rs-slide--banner {
aspect-ratio: 16 / 9;
}
}
.rs-slider-host {
position: relative;
}
.rs-slider-nav {
opacity: 0;
position: absolute;
top: 50%;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 2px solid var(--wp--preset--color--primary);
border-radius: 0;
background: rgba(0, 0, 0, 0.7);
color: var(--wp--preset--color--primary);
cursor: pointer;
transform: translateY(-50%);
transition: background-color 0.2s, color 0.2s;
}
.rs-slider-nav[hidden] {
display: none;
}
.rs-slider-nav svg {
display: block;
width: 20px;
height: 20px;
}
.rs-slider-nav:hover,
.rs-slider-nav:focus-visible {
background: var(--wp--preset--color--primary);
color: var(--wp--preset--color--black);
} .rs-slider-nav:not(.rs-slider-nav--round) {
pointer-events: none;
border: 0;
border-radius: 50%;
background: rgb(255 255 255 / 85%);
color: #111;
box-shadow: 0 1px 6px rgb(0 0 0 / 35%);
}
.rs-slider-nav:not(.rs-slider-nav--round):hover,
.rs-slider-nav:not(.rs-slider-nav--round):focus-visible {
background: #fff;
color: #111;
}
@media (hover: hover) and (pointer: fine) {
.rs-slider-host:hover .rs-slider-nav:not(.rs-slider-nav--round),
.rs-slider-host:focus-within .rs-slider-nav:not(.rs-slider-nav--round) {
opacity: 1;
pointer-events: auto;
}
.rs-slider-host:hover .rs-slider-nav:not(.rs-slider-nav--round)[disabled],
.rs-slider-host:focus-within .rs-slider-nav:not(.rs-slider-nav--round)[disabled] {
opacity: 0.35;
}
}
@media (hover: none) {
.rs-slider-nav:not(.rs-slider-nav--round) {
display: none;
}
}
.rs-slider-nav--prev {
left: 8px;
}
.rs-slider-nav--next {
right: 8px;
}
.rs-slider-nav[disabled] {
opacity: 0.35;
cursor: default;
} .rs-slider-nav--round {
top: 0;
bottom: 0;
width: 44px;
height: auto;
border: 0;
border-radius: 0;
background: transparent;
color: #fff;
box-shadow: none;
transform: none;
transition: opacity 0.3s;
}
.rs-slider-nav--round:hover,
.rs-slider-nav--round:focus-visible {
background: transparent;
color: #fff;
opacity: 1;
}
.rs-slider-nav--round:focus-visible {
outline: 2px solid var(--wp--preset--color--primary);
outline-offset: -2px;
}
.rs-slider-nav--round.rs-slider-nav--prev {
left: 3px;
}
.rs-slider-nav--round.rs-slider-nav--next {
right: 3px;
}
.rs-slider-nav--round.rs-slider-nav--prev svg {
left: 0;
}
.rs-slider-nav--round.rs-slider-nav--next svg {
right: 0;
} .rs-slider-nav--round svg {
position: absolute;
top: calc(50% - 40px);
box-sizing: border-box;
width: 30px;
height: 30px;
padding: 6px;
transform: translateY(-50%);
fill: currentcolor;
filter: drop-shadow(0 0 2px rgb(0 0 0 / 55%));
}
@media (hover: hover) and (pointer: fine) {
.rs-slider-host:hover .rs-slider-nav--round,
.rs-slider-host:focus-within .rs-slider-nav--round {
opacity: 0.7;
}
.rs-slider-host .rs-slider-nav--round:hover,
.rs-slider-host .rs-slider-nav--round:focus-visible {
opacity: 1;
}
}
@media (hover: none), (max-width: 849px) {
.rs-slider-host .rs-slider-nav--round {
opacity: 0.8;
}
.rs-slider-host .rs-slider-nav--round.rs-slider-nav--prev {
left: 0;
}
.rs-slider-host .rs-slider-nav--round.rs-slider-nav--next {
right: 0;
}
.rs-slider-nav--round svg {
width: 24px;
height: 24px;
padding: 3px;
}
}  .rs-page .rs-section--shop > .rs-product-row,
.rs-page .rs-section--shop > .rs-title {
box-sizing: border-box;
max-width: 1250px;
margin-inline: auto;
padding-inline: 15px;
} .rs-page .rs-section--shop > .rs-title {
gap: 15px;
margin-top: 10px;
margin-bottom: 36.8px;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: normal;
line-height: 1.3;
}
.rs-page .rs-section--shop > .rs-title::before,
.rs-page .rs-section--shop > .rs-title::after {
background: rgb(255 255 255 / 10%);
} .rs-page .rs-section--shop > .rs-product-row {
margin-bottom: 0;
padding-inline: 13.55px;
}
@media (max-width: 549px) {
.rs-page .rs-section--shop > .rs-title {
margin-bottom: 33px;
font-size: 1.2rem;
}
.rs-page .rs-section--shop > .rs-product-row {
padding-inline: 9.8px;
}
}
.rs-page .rs-product-row .wc-block-product-template {
display: flex !important;
flex-wrap: wrap;
gap: 19.6px;
margin: 0;
padding: 0 0 19.6px;
list-style: none;
}
.rs-page .rs-product-row .wc-block-product {
position: relative;
container-type: inline-size;
flex: 0 0 calc((100% - 78.4px) / 5);
min-width: 0;
margin: 0;
overflow: hidden;
border-radius: 5px;
font-size: 0.9rem;
background: #333;
text-align: center;
}
.rs-page .rs-product-row--new .wc-block-product {
flex-basis: calc((100% - 58.8px) / 4);
}
@media (max-width: 849px) {
.rs-page .rs-product-row .wc-block-product {
flex-basis: calc((100% - 58.8px) / 4);
}
}
@media (max-width: 549px) {
.rs-page .rs-product-row .wc-block-product {
flex-basis: calc((100% - 19.6px) / 2);
font-size: 0.85rem;
}
}
.rs-page .rs-product-row .wc-block-components-product-stock-indicator--in-stock,
.rs-page .rs-product-row .wc-block-components-product-stock-indicator--available-on-backorder {
display: none;
}
.rs-page .rs-product-row .wc-block-components-product-stock-indicator--out-of-stock {
position: absolute;
top: 40cqw;
right: 0;
left: 0;
z-index: 2;
margin: 0;
padding: 20px 0;
background: rgb(255 255 255 / 90%);
color: #333;
font-size: 1rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-transform: uppercase;
opacity: 0.9;
pointer-events: none;
}
.rs-page .rs-product-row .wc-block-components-product-image {
margin: 0;
}
.rs-page .rs-card-cat {
margin: 10.08px 10px 1.08px;
font-size: 0.75em;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.rs-page .rs-card-title {
margin: 1.44px 10px;
font-size: 1em;
font-weight: 600;
line-height: 1.5;
}
.rs-page .rs-card-title a {
color: var(--wp--preset--color--white);
}
.rs-page .rs-product-row .wp-block-woocommerce-product-price {
margin: 1px 0 calc(1.4em / 1.2);
color: var(--wp--preset--color--primary);
font-size: 1.2em;
font-weight: 700;
line-height: 1;
} body:not(.editor-styles-wrapper) .rs-popup {
display: none;
}
body:not(.editor-styles-wrapper) .rs-popup.is-open,
html:not(.rs-js) body:not(.editor-styles-wrapper) .rs-popup:target {
display: flex;
position: fixed;
inset: 0;
z-index: 1100;
box-sizing: border-box;
overflow-y: auto;
padding: 64px 20px 24px;
background: rgba(0, 0, 0, 0.8);
} .rs-popup__body {
position: relative;
width: 100%;
max-width: 660px;
margin: auto;
overflow: hidden;
border: 0;
border-radius: 0;
background: var(--wp--preset--color--black);
box-shadow: 0 0 0 1px rgb(255 255 255 / 0.12), 0 24px 60px rgb(0 0 0 / 0.6);
} .rs-popup__body .wp-block-cover {
align-items: center;
min-height: 260px !important;
padding: 0;
}
.rs-popup__body .wp-block-cover__inner-container {
max-width: none;
padding: 0 56px;
} .rs-page .rs-popup__body .rs-title {
display: block;
width: fit-content;
max-width: 100%;
margin: 0 auto;
padding: 0.35em 0.5em;
border-block: 1px solid rgb(255 255 255 / 0.75);
color: var(--wp--preset--color--white);
font-size: clamp(1.7rem, 7.4vw, 2.6rem);
font-weight: 300;
letter-spacing: 0.03em;
line-height: 1.12;
text-shadow: 0 2px 14px rgb(0 0 0 / 0.55);
text-wrap: balance;
}
.rs-page .rs-popup__body .rs-title::before,
.rs-page .rs-popup__body .rs-title::after {
content: none;
}
@media (max-width: 480px) {
.rs-popup__body .wp-block-cover {
min-height: 230px !important;
}
.rs-popup__body .wp-block-cover__inner-container {
padding: 0 16px;
}
.rs-page .rs-popup__body .rs-title {
max-width: 10em;
}
} .rs-popup__body > :not(.wp-block-cover, .rs-popup__close) {
box-sizing: border-box;
padding: 24px 28px 32px;
}
@media (max-width: 480px) {
.rs-popup__body > :not(.wp-block-cover, .rs-popup__close) {
padding: 20px 16px 28px;
}
} .rs-popup__close {
position: fixed;
top: 10px;
right: 10px;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
color: var(--wp--preset--color--white);
font-size: 2.2rem;
font-weight: 300;
line-height: 1;
cursor: pointer;
}
.rs-popup__close:hover {
color: var(--wp--preset--color--primary);
}
.rs-popup__close:focus-visible {
outline: 3px solid var(--wp--preset--color--primary);
outline-offset: 2px;
color: var(--wp--preset--color--primary);
}
html.rs-popup-open {
overflow: hidden;
} .rs-page--chinh-sach-doi-tra {
box-sizing: border-box;
max-width: 1280px;
margin: 0 auto;
padding: 30px 15px;
}
.rs-page--chinh-sach-doi-tra ul {
padding-left: 1.5rem;
}  .rs-page :is(h1, h2, h3):not(.rs-shop-perk__title, .rs-card-title) {
font-weight: 700;
letter-spacing: var(--wp--custom--tracking-title);
text-transform: uppercase;
}
.rs-page--chinh-sach-doi-tra :is(h1, h2, h3, h4, h5, h6) {
letter-spacing: normal;
text-transform: none;
}
.rs-page .rs-intro__title,
.rs-page .rs-cta__title,
.rs-page .rs-social__title {
font-size: var(--wp--preset--font-size--x-large);
line-height: 1.1;
}
.rs-page .rs-feature__title {
line-height: 1.1;
}
.rs-page .rs-form__title {
font-size: var(--wp--preset--font-size--x-large);
line-height: 1.1;
} .rs-page .rs-split__title,
.rs-page .rs-feature__title,
.rs-page .rs-intro__title,
.rs-page .rs-card__title {
color: var(--wp--preset--color--white);
}
.rs-page .rs-card__title {
color: var(--wp--preset--color--primary);
} .page-id-608 .rs-page .rs-card__title {
text-transform: none;
} .rs-page .wp-block-cover__image-background,
.rs-page .rs-card__media img,
.rs-page .rs-tile img,
.rs-page .rs-slider img {
filter: contrast(1.1) saturate(1.05);
} .rs-page .rs-section--cta > .wp-block-cover__background {
background-color: transparent !important;
background-image: linear-gradient(180deg, rgb(0 0 0 / 70%) 0%, rgb(0 0 0 / 60%) 60%, rgb(39 188 186 / 35%) 100%);
opacity: 1;
} .rs-page .rs-section--hero,
.rs-page .rs-section--banner,
.rs-page .rs-section--cta {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--wp--custom--cut)), 0 100%);
} .rs-page .rs-split--media-left .rs-split__media .wp-block-cover {
clip-path: polygon(0 0, 100% 0, calc(100% - var(--wp--custom--cut)) 100%, 0 100%);
}
.rs-page .rs-split--reverse .rs-split__media .wp-block-cover {
clip-path: polygon(var(--wp--custom--cut) 0, 100% 0, 100% 100%, 0 100%);
}
@media (max-width: 849px) { .rs-page .rs-split--media-left .rs-split__media .wp-block-cover,
.rs-page .rs-split--reverse .rs-split__media .wp-block-cover {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--wp--custom--cut)), 0 100%);
}
} .rs-page .wp-block-button__link:hover,
.rs-page .wp-block-button__link:focus-visible {
background: var(--wp--preset--color--primary);
color: var(--wp--preset--color--black);
} @media (prefers-reduced-motion: no-preference) {
.rs-page .rs-card {
transition: transform 0.3s ease, border-color 0.3s ease;
}
.rs-page .rs-card:hover {
transform: translateY(-4px);
}
} .rs-count {
font-variant-numeric: tabular-nums;
} .rs-search-label {
display: none;
text-transform: none;
} .rs-shopflow {
background: #fff;
color: #4a4a4a;
}
.rs-shopflow__title {
padding: 1rem 15px;
border-bottom: 1px solid #ececec;
background: #f7f7f7;
}
.rs-shopflow__title .wp-block-post-title {
margin: 0;
color: #555;
font-size: 1.6rem;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.rs-steps {
padding: 1.4rem 15px 0;
}
.rs-steps__nav {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.4rem 0.6rem;
font-family: var(--wp--preset--font-family--gotham), sans-serif;
font-size: clamp(1rem, 0.7rem + 1.4vw, 1.6rem);
text-transform: uppercase;
}
.rs-steps__item {
color: #ccc;
text-decoration: none;
}
.rs-steps__item.is-current {
color: #111;
}
.rs-steps__sep {
display: inline-flex;
color: #aaa;
}
@media (max-width: 549px) {
.rs-steps__item:not(.is-current),
.rs-steps__sep {
display: none;
}
}
.rs-shopflow__body {
box-sizing: border-box;
max-width: 1250px;
min-height: 260px;
margin: 0 auto;
padding: 1.5rem 15px 3rem;
}
.rs-shopflow--cart .woocommerce,
.rs-shopflow--checkout .woocommerce {
text-align: center;
}
.rs-shopflow .wc-empty-cart-message {
margin: 1rem 0;
}
.rs-shopflow .wc-block-components-notice-banner svg {
display: none;
}
.rs-shopflow .wc-block-components-notice-banner {
padding: 0;
background: none;
color: #4a4a4a;
}
.rs-shopflow .return-to-shop {
margin: 0;
}
.rs-shopflow .button,
.rs-shopflow .woocommerce-button {
display: inline-block;
padding: 0.7rem 1.2rem;
border: 0;
border-radius: 0;
background: var(--wp--preset--color--primary);
color: #fff;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
cursor: pointer;
}
.rs-shopflow .button:hover,
.rs-shopflow .woocommerce-button:hover {
background: #1f9a98;
color: #fff;
} .rs-shopflow--account .woocommerce h2 {
margin: 0.5rem 0 1rem;
color: #555;
font-size: 1.3rem;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.rs-shopflow--account .woocommerce label {
color: #222;
font-weight: 700;
}
.rs-shopflow--account .woocommerce .input-text {
box-sizing: border-box;
width: 100%;
padding: 0.6rem;
border: 1px solid #ddd;
background: #fff;
color: #333;
}
.rs-shopflow--account .woocommerce .form-row {
margin: 0 0 1.2rem;
}
.rs-shopflow--account .woocommerce .woocommerce-form__label-for-checkbox {
display: inline-flex;
gap: 0.5rem;
align-items: center;
}
.rs-shopflow--account .woocommerce a {
color: #334862;
} .rs-slider-dots {
position: absolute;
right: 0;
bottom: 6px;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
margin: 0;
padding: 0;
pointer-events: none;
}
.rs-slider-dot {
position: relative;
width: 28px;
height: 44px;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
pointer-events: auto;
}
.rs-slider-dot::before {
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
border: 2px solid var(--wp--preset--color--white);
border-radius: 50%;
background: rgb(0 0 0 / 35%);
content: "";
transform: translate(-50%, -50%);
transition: background-color 0.2s, transform 0.2s;
}
.rs-slider-dot[aria-current="true"]::before {
background: var(--wp--preset--color--white);
transform: translate(-50%, -50%) scale(1.15);
}
.rs-slider-dot:focus-visible {
outline: 2px solid var(--wp--preset--color--primary);
outline-offset: -4px;
} @media (prefers-reduced-motion: no-preference) {
html.rs-motion-ready {
--rs-m-d: 36px;
--rs-m-t: 0.8s;
--rs-m-ease: cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes rs-m-rise {
from {
opacity: 0;
transform: translateY(var(--rs-m-d, 36px));
}
to {
opacity: 1;
transform: none;
}
}
@keyframes rs-m-zoom {
from {
transform: scale(1.08);
}
to {
transform: scale(1);
}
}
@keyframes rs-m-zoom-in {
from {
transform: scale(1.2);
}
to {
transform: scale(1);
}
} @keyframes rs-m-lines {
0% {
clip-path: inset(0 0 100% 0);
transform: translateY(0.35em);
}
45% {
clip-path: inset(0 0 52% 0);
transform: translateY(0.18em);
}
100% {
clip-path: inset(-0.2em -0.2em -0.2em -0.2em);
transform: none;
}
} @keyframes rs-m-wipe-l {
0% {
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
}
45% {
clip-path: polygon(0 0, 62% 0, 30% 100%, 0 100%);
animation-timing-function: cubic-bezier(0.2, 0.7, 0.2, 1);
}
100% {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
@keyframes rs-m-wipe-r {
0% {
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
}
45% {
clip-path: polygon(38% 0, 100% 0, 100% 100%, 70% 100%);
animation-timing-function: cubic-bezier(0.2, 0.7, 0.2, 1);
}
100% {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
@keyframes rs-m-draw {
from {
transform: scaleX(0);
}
to {
transform: none;
}
}
@keyframes rs-m-fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes rs-m-card {
from {
opacity: 0;
transform: translateY(var(--rs-m-d, 36px)) scale(0.96);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes rs-m-tile {
from {
opacity: 0;
clip-path: inset(100% 0 0 0);
}
to {
opacity: 1;
clip-path: inset(0 0 0 0);
}
}
@keyframes rs-m-pop {
from {
opacity: 0;
transform: rotate(-120deg) scale(0.3);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes rs-m-slide-x {
from {
opacity: 0;
transform: translateX(calc(var(--rs-m-d, 36px) * -0.5));
}
to {
opacity: 1;
transform: none;
}
}
@keyframes rs-m-shine {
from {
transform: translateX(-120%);
}
to {
transform: translateX(120%);
}
}
@keyframes rs-m-parallax {
from {
transform: translateY(-5%) scale(1.12);
}
to {
transform: translateY(5%) scale(1.12);
}
} body:not(.editor-styles-wrapper) .rs-page .rs-section--hero > .wp-block-cover__image-background,
body:not(.editor-styles-wrapper) .rs-page .rs-section--banner > .wp-block-cover__image-background {
animation: rs-m-zoom 1.6s var(--rs-m-ease, cubic-bezier(0.16, 1, 0.3, 1)) both;
}
body:not(.editor-styles-wrapper) .rs-page .rs-hero__title,
body:not(.editor-styles-wrapper) .rs-page .rs-banner__title {
animation: rs-m-lines 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.15s backwards;
}
body:not(.editor-styles-wrapper) .rs-page .rs-banner__lead {
animation: rs-m-rise 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.6s backwards;
--rs-m-d: 20px;
} html.rs-motion-ready .rs-split--media-left .rs-split__media.is-in:not(.rs-in-view) {
animation: rs-m-wipe-l 1.1s linear backwards;
}
html.rs-motion-ready .rs-split--reverse .rs-split__media.is-in:not(.rs-in-view) {
animation: rs-m-wipe-r 1.1s linear backwards;
}
html.rs-motion-ready .rs-split__media.is-in:not(.rs-in-view) .wp-block-cover__image-background {
animation: rs-m-zoom-in 1.5s var(--rs-m-ease) backwards;
} html.rs-motion-ready .rs-split__body .wp-block-column.is-in:not(.rs-in-view) > .wp-block-separator {
transform-origin: 0 50%;
animation: rs-m-draw 0.8s var(--rs-m-ease) 0.1s backwards;
}
html.rs-motion-ready .rs-split__body .wp-block-column.is-in:not(.rs-in-view) > .rs-split__title {
animation: rs-m-rise 0.8s var(--rs-m-ease) 0.2s backwards;
--rs-m-d: 22px;
}
html.rs-motion-ready .rs-split__body .wp-block-column.is-in:not(.rs-in-view) > .rs-split__text {
animation: rs-m-rise 0.8s var(--rs-m-ease) 0.32s backwards;
--rs-m-d: 22px;
}
html.rs-motion-ready .rs-split__body .wp-block-column.is-in:not(.rs-in-view) > .wp-block-buttons {
animation: rs-m-rise 0.8s var(--rs-m-ease) 0.44s backwards;
--rs-m-d: 22px;
} html.rs-motion-ready .rs-reveal.rs-m-title.is-in:not(.rs-in-view) {
animation: rs-m-fade 0.6s ease 0.15s backwards;
}
html.rs-motion-ready .rs-m-title.is-in:not(.rs-in-view)::before,
html.rs-motion-ready .rs-m-title.is-in:not(.rs-in-view)::after {
animation: rs-m-draw 1s var(--rs-m-ease) backwards;
}
html.rs-motion-ready .rs-m-title.is-in:not(.rs-in-view)::before {
transform-origin: 100% 50%;
}
html.rs-motion-ready .rs-m-title.is-in:not(.rs-in-view)::after {
transform-origin: 0 50%;
} html.rs-motion-ready .rs-reveal.rs-m-card.is-in:not(.rs-in-view) {
animation: rs-m-card var(--rs-m-t) var(--rs-m-ease) backwards;
animation-delay: var(--rs-delay, 0ms);
}
html.rs-motion-ready .rs-reveal.rs-m-tile.is-in:not(.rs-in-view) {
animation: rs-m-tile 0.9s var(--rs-m-ease) backwards;
animation-delay: var(--rs-delay, 0ms);
}
html.rs-motion-ready .rs-m-tile.is-in:not(.rs-in-view) img {
animation: rs-m-zoom-in 1.2s var(--rs-m-ease) backwards;
animation-delay: var(--rs-delay, 0ms);
}
html.rs-motion-ready .rs-reveal.rs-m-perk.is-in:not(.rs-in-view) {
animation: rs-m-rise 0.7s var(--rs-m-ease) backwards;
animation-delay: var(--rs-delay, 0ms);
--rs-m-d: 18px;
}
html.rs-motion-ready .rs-m-perk.is-in:not(.rs-in-view) .rs-perk__icon {
animation: rs-m-pop 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
animation-delay: calc(var(--rs-delay, 0ms) + 150ms);
}
html.rs-motion-ready .rs-reveal.rs-m-prod.is-in:not(.rs-in-view) {
animation: rs-m-rise 0.7s var(--rs-m-ease) backwards;
animation-delay: var(--rs-delay, 0ms);
--rs-m-d: 16px;
}
html.rs-motion-ready .rs-reveal.rs-m-field.is-in:not(.rs-in-view) {
animation: rs-m-slide-x 0.7s var(--rs-m-ease) backwards;
animation-delay: var(--rs-delay, 0ms);
} html.rs-motion-ready .rs-section--cta .wp-block-buttons.is-in:not(.rs-in-view) .wp-block-button__link,
html.rs-motion-ready .rs-split__body .wp-block-column.is-in:not(.rs-in-view) .wp-block-button__link {
position: relative;
overflow: hidden;
}
html.rs-motion-ready .rs-section--cta .wp-block-buttons.is-in:not(.rs-in-view) .wp-block-button__link::after,
html.rs-motion-ready .rs-split__body .wp-block-column.is-in:not(.rs-in-view) .wp-block-button__link::after {
position: absolute;
inset: 0;
background: linear-gradient(105deg, transparent 35%, rgb(255 255 255 / 45%) 50%, transparent 65%);
content: "";
pointer-events: none;
transform: translateX(-120%);
animation: rs-m-shine 1.1s ease 0.9s 1 backwards;
} .rs-page .rs-card {
outline: 2px solid transparent;
outline-offset: -2px;
transition: transform 0.3s ease, border-color 0.3s ease, outline-color 0.3s ease;
}
.rs-page .rs-card:hover {
outline-color: var(--wp--preset--color--primary);
}
} @media (prefers-reduced-motion: no-preference) and (max-width: 849px) {
html.rs-motion-ready {
--rs-m-d: 16px;
--rs-m-t: 0.55s;
}
body:not(.editor-styles-wrapper) .rs-page .rs-hero__title,
body:not(.editor-styles-wrapper) .rs-page .rs-banner__title {
animation-duration: 0.9s;
}
} @media (prefers-reduced-motion: no-preference) and (min-width: 850px) {
@supports (animation-timeline: view()) {
body:not(.editor-styles-wrapper) .rs-page .rs-section--cta > .wp-block-cover__image-background,
body:not(.editor-styles-wrapper) .rs-page .rs-section--form-cover > .wp-block-cover__image-background {
animation: rs-m-parallax linear both;
animation-timeline: view();
}
}
}