body.wvn {
--wv-bg: #0b0a0f;
--wv-bg-2: #121017;
--wv-card: #19161f;
--wv-card-2: #221e2a;
--wv-line: rgba(255, 255, 255, .08);
--wv-line-2: rgba(255, 255, 255, .14);
--wv-text: #f3f0f5;
--wv-muted: #a8a1b0;
--wv-orange: #ff8a1f;
--wv-hot: #ff2e63;
--wv-grad: linear-gradient(135deg, #ff9f1c 0%, #ff5a3c 50%, #ff2e63 100%);
--wv-wide: 1240px;
--wv-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background: var(--wv-bg);
color: var(--wv-text);
font-family: var(--wv-font);
font-size: 17px;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
}
body.wvn,
body.wvn button,
body.wvn input,
body.wvn select,
body.wvn textarea,
body.wvn h1, body.wvn h2, body.wvn h3, body.wvn h4, body.wvn h5, body.wvn h6,
body.wvn .main-title,
body.wvn .main-navigation a,
body.wvn .main-navigation .menu-toggle,
body.wvn .widget-title,
body.wvn .inside-article ol,
body.wvn .pt-cv-page .pt-cv-title ._self { font-family: var(--wv-font); }
body.wvn ::selection { background: rgba(255, 90, 60, .35); color: #fff; } body.wvn .site-header {
background: var(--wv-bg);
border-bottom: 1px solid var(--wv-line);
}
body.wvn #masthead .inside-header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px 24px;
max-width: var(--wv-wide);
margin: 0 auto;
padding: 12px 20px 14px;
}
body.wvn .site-branding { order: 1; margin: 0; text-align: left; }
body.wvn .mobile-menu-control-wrapper { order: 2; margin-left: auto; background: transparent; }
body.wvn #site-navigation { order: 2; margin-left: auto; background: transparent; }
body.wvn .header-widget { order: 3; flex: 1 0 100%; width: 100%; max-width: none; margin: 4px 0 0; }
body.wvn .header-widget .widget { margin: 0; padding: 0; }
body.wvn .header-widget center { display: block; text-align: center; }
body.wvn .header-widget a { display: inline-block; max-width: 100%; }
body.wvn .header-widget video.responsive {
display: block;
width: 520px !important;
max-width: 100%;
height: auto !important;
aspect-ratio: 699 / 480;
margin: 0 auto;
border-radius: 18px;
background: var(--wv-card);
object-fit: cover;
}
body.wvn .main-title { margin: 0; font-size: 20px; font-weight: 800; letter-spacing: -.01em; line-height: 1.2; }
body.wvn .main-title a { color: #fff; text-decoration: none; }
body.wvn .main-title a::before {
content: "";
display: inline-block;
width: 9px;
height: 9px;
margin-right: 10px;
border-radius: 50%;
background: var(--wv-hot);
box-shadow: 0 0 0 4px rgba(255, 46, 99, .22);
vertical-align: 2px;
animation: wvn-pulse 1.8s ease-in-out infinite;
}
@keyframes wvn-pulse {
0%, 100% { box-shadow: 0 0 0 4px rgba(255, 46, 99, .22); }
50% { box-shadow: 0 0 0 7px rgba(255, 46, 99, .06); }
}
@media (prefers-reduced-motion: reduce) {
body.wvn .main-title a::before,
body.wvn .wvn-badge::before { animation: none; }
}
body.wvn #site-navigation .inside-navigation { max-width: none; padding: 0; }
body.wvn #site-navigation,
body.wvn #site-navigation ul ul { background: transparent; }
body.wvn #site-navigation .main-nav ul li a {
padding: 0 13px;
background: transparent;
color: rgba(255, 255, 255, .74);
font-size: 15px;
font-weight: 600;
line-height: 44px;
text-transform: none;
letter-spacing: 0;
}
body.wvn #site-navigation .main-nav ul li a:hover,
body.wvn #site-navigation .main-nav ul li[class*="current-menu-"] > a { background: transparent; color: #fff; }
body.wvn #site-navigation .main-nav ul li[class*="current-menu-"] > a { box-shadow: inset 0 -2px 0 var(--wv-orange); }
body.wvn .menu-toggle,
body.wvn .menu-toggle:hover,
body.wvn .menu-toggle:focus {
margin: 0;
padding: 0 16px;
border-radius: 12px;
background: rgba(255, 255, 255, .07);
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 44px;
} body.wvn .site.grid-container { max-width: var(--wv-wide); }
body.wvn .site-content { padding: 26px 20px 56px; }
body.wvn #content,
body.wvn .site,
body.wvn .separate-containers .inside-article,
body.wvn.separate-containers .inside-article { background: transparent; } body.wvn .so-widget-sow-button .ow-button-base { padding-bottom: 0 !important; } body.wvn-read .entry-content > .so-widget-sow-button { margin: 18px 0; }
body.wvn-read .entry-content > .so-widget-sow-button + .so-widget-sow-button { margin-top: -6px; }
body.wvn-read .entry-content .so-widget-sow-button .ow-button-base a { min-width: 280px; }
body.wvn .so-widget-sow-button .ow-button-base a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 0 26px !important;
border: 0 !important;
border-radius: 999px !important;
background: var(--wv-grad) !important;
color: #fff !important;
font-family: var(--wv-font);
font-size: 15.5px !important;
font-weight: 800;
letter-spacing: .02em;
text-shadow: none !important;
text-transform: none;
box-shadow: 0 12px 30px rgba(255, 70, 70, .28);
transition: transform .15s, filter .15s;
}
body.wvn .so-widget-sow-button .ow-button-base a span { font-weight: 800; }
@media (hover: hover) {
body.wvn .so-widget-sow-button .ow-button-base a:hover { transform: translateY(-1px); filter: brightness(1.08); }
}
body.wvn .so-widget-sow-button + .so-widget-sow-button .ow-button-base a {
background: rgba(255, 255, 255, .06) !important;
box-shadow: inset 0 0 0 1.5px var(--wv-line-2) !important;
} body.wvn-land .site-main .inside-article { padding: 0; }
body.wvn-land .entry-content { margin: 0; }
body.wvn .wvn-hero {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0 12px;
margin: 0 0 26px;
padding: 50px 48px 44px;
border: 1px solid var(--wv-line);
border-radius: 30px;
background:
radial-gradient(circle at 0% 0%, rgba(255, 110, 40, .30), transparent 45%),
radial-gradient(circle at 100% 100%, rgba(255, 46, 99, .26), transparent 50%),
linear-gradient(160deg, #1c1420 0%, #100e15 100%);
text-align: center;
}
body.wvn .wvn-hero > * { flex: 0 0 100%; order: 6; }
body.wvn .wvn-hero > .wvn-badge { flex: 0 0 auto; order: 1; }
body.wvn .wvn-hero > .wvn-h1 { order: 2; }
body.wvn .wvn-hero > p { order: 3; }
body.wvn .wvn-hero > .wvn-chips { order: 4; }
body.wvn .wvn-hero > .so-widget-sow-button { flex: 0 0 auto; order: 5; margin: 0 0 8px; }
body.wvn .wvn-hero > .so-widget-sow-accordion { display: none; }
body.wvn .wvn-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 13px;
border-radius: 999px;
background: rgba(255, 46, 99, .14);
color: #ffb3c2;
font-size: 12.5px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
body.wvn .wvn-badge::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--wv-hot);
animation: wvn-pulse 1.8s ease-in-out infinite;
}
body.wvn .wvn-hero .wvn-h1 {
max-width: none;
margin: 16px 0 14px;
padding: 0 max(0px, calc((100% - 860px) / 2));
text-wrap: balance;
color: #fff;
font-size: clamp(32px, 4.4vw, 54px);
font-weight: 850;
line-height: 1.08;
letter-spacing: -.02em;
text-align: center;
}
body.wvn .wvn-hero > p {
max-width: none;
margin: 0 0 22px;
padding: 0 max(0px, calc((100% - 780px) / 2));
color: var(--wv-muted);
font-size: 17.5px !important;
line-height: 1.6;
text-align: center;
}
body.wvn .wvn-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 0 24px; }
body.wvn .wvn-chip {
padding: 9px 18px;
border: 1px solid var(--wv-line-2);
border-radius: 999px;
background: rgba(255, 255, 255, .05);
color: #fff !important;
font-size: 15px;
font-weight: 700;
text-decoration: none;
transition: border-color .15s, background .15s;
}
@media (hover: hover) {
body.wvn .wvn-chip:hover { border-color: var(--wv-orange); background: rgba(255, 138, 31, .12); }
} body.wvn .wvn-sec {
margin: 0 0 26px;
padding: 40px 36px 34px;
border: 1px solid var(--wv-line);
border-radius: 30px;
background: var(--wv-bg-2);
}
body.wvn .wvn-sec > h2.wp-block-heading {
margin: 0 0 8px;
color: #fff;
font-size: clamp(26px, 3vw, 38px);
font-weight: 850;
line-height: 1.15;
letter-spacing: -.015em;
text-align: left;
scroll-margin-top: 20px;
}
body.wvn .wvn-sec > p {
max-width: 860px;
margin: 0 0 14px;
color: var(--wv-muted);
font-size: 16.5px !important;
line-height: 1.6;
text-align: left;
}
body.wvn .wvn-sec > h3.wp-block-heading {
display: flex;
align-items: center;
gap: 12px;
margin: 30px 0 6px;
color: #fff;
font-size: 21px;
font-weight: 800;
line-height: 1.3;
text-align: left;
}
body.wvn .wvn-sec > h3.wp-block-heading::before {
content: "";
flex: none;
width: 26px;
height: 4px;
border-radius: 4px;
background: var(--wv-grad);
}
body.wvn .wvn-sec > h3 strong { font-weight: inherit; } body.wvn .sow-testimonials {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 14px;
margin: 14px 0 6px;
}
body.wvn .sow-testimonials .sow-testimonial-wrapper { width: auto; padding: 0; float: none; }
body.wvn .sow-testimonials .sow-testimonial {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
border: 1px solid var(--wv-line);
border-radius: 18px;
background: var(--wv-card);
transition: transform .2s, border-color .2s;
}
@media (hover: hover) {
body.wvn .sow-testimonials .sow-testimonial:hover { transform: translateY(-3px); border-color: rgba(255, 138, 31, .45); }
}
body.wvn .sow-testimonials .sow-testimonial-user,
body.wvn .sow-testimonials .sow-testimonial-user .sow-text,
body.wvn .sow-testimonials .sow-testimonial-text { display: contents; } body.wvn .sow-testimonials .sow-testimonial-text > p:has(img) { order: 1; margin: 0; padding: 0; line-height: 0; }
body.wvn .sow-testimonials .sow-testimonial-text > p:has(img) a { display: block; }
body.wvn .sow-testimonials .sow-testimonial-text img {
display: block;
width: 100% !important;
height: auto;
aspect-ratio: 4 / 3 !important;
margin: 0;
object-fit: cover;
background: var(--wv-card-2);
} body.wvn .sow-testimonials .sow-testimonial-name {
order: 2;
display: block;
padding: 12px 14px 4px;
color: #fff;
font-size: 16px;
font-weight: 800;
line-height: 1.25;
text-align: left;
overflow-wrap: anywhere;
} body.wvn .sow-testimonials .sow-testimonial-text > p:not(:has(img)) {
order: 3;
display: -webkit-box;
margin: 0 0 12px;
padding: 0 14px;
overflow: hidden;
color: var(--wv-muted);
font-size: 14px !important;
line-height: 1.5;
text-align: left !important;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
cursor: pointer;
}
body.wvn .sow-testimonials .wvn-open .sow-testimonial-text > p:not(:has(img)) { display: block; -webkit-line-clamp: unset; } body.wvn .sow-testimonials .sow-testimonial-user .sow-text > a {
order: 4;
display: flex;
align-items: center;
justify-content: center;
min-height: 42px;
margin: auto 12px 12px;
border-radius: 12px;
background: var(--wv-grad);
color: #fff !important;
font-size: 14.5px;
font-weight: 800;
text-decoration: none;
}
body.wvn .sow-testimonials .sow-testimonial-location { color: #fff; font-style: normal; }
body.wvn .sow-testimonials .sow-testimonial-user .sow-text > a::after { content: " →"; white-space: pre; } body.wvn-read .site-main .inside-article {
max-width: 900px;
margin: 0 auto;
padding: 44px 52px 48px;
border: 1px solid var(--wv-line);
border-radius: 26px;
background: var(--wv-bg-2);
}
body.wvn-read .inside-article .entry-header h1,
body.wvn-read .entry-title {
margin: 0 0 12px;
color: #fff;
font-size: clamp(28px, 4vw, 44px);
font-weight: 850;
line-height: 1.12;
letter-spacing: -.015em;
text-align: left;
}
body.wvn-read .entry-meta { color: var(--wv-muted); font-size: 14px; }
body.wvn-read .entry-meta a { color: var(--wv-muted); }
body.wvn-read .inside-article .entry-content p {
margin: 0 0 1.1em;
color: #e7e3ea;
font-size: 17.5px !important;
line-height: 1.75;
text-align: left;
}
body.wvn-read .inside-article .entry-content h2,
body.wvn-read .inside-article h2.wp-block-heading {
position: relative;
margin: 1.9em 0 .7em;
padding-top: 16px;
color: #fff;
font-size: clamp(23px, 2.6vw, 30px);
font-weight: 850;
line-height: 1.2;
text-align: left;
}
body.wvn-read .inside-article .entry-content h2::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 44px;
height: 4px;
border-radius: 4px;
background: var(--wv-grad);
}
body.wvn-read .inside-article .entry-content h3,
body.wvn-read .inside-article h3.wp-block-heading {
margin: 1.6em 0 .5em;
color: #ffc48a;
font-size: 21px;
font-weight: 800;
text-align: left;
}
body.wvn-read .inside-article .entry-content a:not(.sowb-button):not([class*="ow-"]) { color: #ff9a6b; }
body.wvn-read .inside-article .entry-content img { border-radius: 16px; }
body.wvn-read .entry-content .wp-block-image,
body.wvn-read .entry-content figure { margin: 1.4em auto 1.6em; text-align: center; }
body.wvn-read .entry-content li { margin-bottom: .35em; } body.wvn .inside-article ol { color: var(--wv-text); }
body.wvn .inside-article ol li { font-size: 16px; }
body.wvn .inside-article ol li::before { color: var(--wv-orange); }
body.wvn .inside-article ol li a {
padding: 8px 14px;
border: 1px solid var(--wv-line);
border-radius: 12px;
background: rgba(255, 255, 255, .04);
color: var(--wv-text) !important;
}
body.wvn .inside-article ol li a:hover { border-color: var(--wv-orange); background: rgba(255, 138, 31, .12); color: #fff !important; } body.wvn #coomeet_container { overflow: hidden; border-radius: 20px; background: #000; } body.wvn .comments-area {
max-width: 900px;
margin: 26px auto 0;
padding: 30px 34px;
border: 1px solid var(--wv-line);
border-radius: 24px;
background: var(--wv-bg-2);
color: var(--wv-text);
font-family: var(--wv-font);
}
body.wvn .comments-area input[type="text"],
body.wvn .comments-area input[type="email"],
body.wvn .comments-area input[type="url"],
body.wvn .comments-area textarea {
border: 1px solid var(--wv-line-2);
border-radius: 12px;
background: var(--wv-card);
color: var(--wv-text);
}
body.wvn #submit,
body.wvn .comment-form .submit {
padding: 12px 26px;
border: 0;
border-radius: 999px;
background: var(--wv-grad);
color: #fff;
font-weight: 800;
} body.wvn .footer-widgets { background: var(--wv-bg); border-top: 1px solid var(--wv-line); }
body.wvn #footer-widgets .footer-widgets-container { box-sizing: border-box; max-width: var(--wv-wide); margin: 0 auto; padding: 30px 20px 10px; }
body.wvn #footer-widgets .inside-footer-widgets { margin-left: 0; }
body.wvn #footer-widgets .inside-footer-widgets > div { padding-left: 0; }
body.wvn .footer-widgets .widget { margin: 0 0 22px; padding: 0; background: transparent; }
body.wvn .pt-cv-wrapper,
body.wvn .pt-cv-view { width: auto; margin: 0; padding: 0; }
body.wvn .pt-cv-page {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
margin: 0 !important;
}
body.wvn .pt-cv-page::before,
body.wvn .pt-cv-page::after { display: none !important; }
body.wvn .pt-cv-page .pt-cv-content-item { width: auto; max-width: none; padding: 0; float: none; }
body.wvn .pt-cv-page .pt-cv-ifield {
height: 100%;
overflow: hidden;
border: 1px solid var(--wv-line);
border-radius: 16px;
background: var(--wv-card);
text-align: left;
}
body.wvn .pt-cv-page .pt-cv-ifield img {
display: block;
width: 100% !important;
height: auto !important;
aspect-ratio: 4 / 3 !important;
margin: 0;
object-fit: cover;
}
body.wvn .pt-cv-page .pt-cv-title { margin: 0; padding: 10px 12px 12px; font-size: 14.5px; line-height: 1.35; }
body.wvn .pt-cv-page .pt-cv-title ._self { color: #fff; font-weight: 700; text-decoration: none; }
body.wvn .footer-widget-1 center { display: block; }
body.wvn .footer-widget-1 a .responsive {
display: block;
width: 100% !important;
max-width: 980px;
height: auto !important;
aspect-ratio: 2314 / 576;
margin: 0 auto;
border-radius: 16px;
background: var(--wv-card);
object-fit: cover;
}
body.wvn .site-info { background: var(--wv-bg); color: var(--wv-muted); font-size: 14px; }
body.wvn .site-info a { color: #fff; }
body.wvn .inside-site-info { padding: 20px; border-top: 1px solid var(--wv-line); }
body.wvn a.generate-back-to-top { border-radius: 50%; background: rgba(255, 255, 255, .1); } @media (max-width: 1100px) {
body.wvn .sow-testimonials { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
body.wvn .sow-testimonials { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.wvn #site-navigation .main-nav ul li a { padding: 0 9px; font-size: 14px; }
}
@media (max-width: 768px) {
body.wvn { font-size: 16.5px; }
body.wvn #masthead .inside-header { padding: 10px 14px 12px; }
body.wvn .main-title { font-size: 17px; }
body.wvn #site-navigation { position: static; }
body.wvn .site-header { position: relative; }
body.wvn #site-navigation { order: 2; flex: 1 0 100%; margin: 0; }
body.wvn #site-navigation.toggled { margin-top: 0; } body.wvn #site-navigation.toggled .main-nav {
margin: 2px 0 8px;
padding: 6px 0;
border: 1px solid var(--wv-line);
border-radius: 16px;
background: #15121b;
}
body.wvn #site-navigation.toggled .main-nav ul li { float: none; width: 100%; }
body.wvn #site-navigation.toggled .main-nav ul li a { padding: 0 22px; font-size: 16px; line-height: 50px; }
body.wvn #site-navigation .main-nav ul li[class*="current-menu-"] > a { box-shadow: inset 3px 0 0 var(--wv-orange); }
body.wvn .header-widget video.responsive { width: 100% !important; border-radius: 14px; }
body.wvn .site-content { padding: 12px 10px 40px; }
body.wvn .wvn-hero { padding: 30px 18px 24px; border-radius: 24px; margin-bottom: 14px; }
body.wvn .wvn-hero .wvn-h1 { font-size: 30px; }
body.wvn .wvn-hero > p { font-size: 16px !important; }
body.wvn .wvn-hero > .so-widget-sow-button { flex: 0 0 100%; }
body.wvn .wvn-hero .so-widget-sow-button .ow-button-base a { width: 100%; }
body.wvn .wvn-chip { padding: 8px 14px; font-size: 14px; }
body.wvn .wvn-sec { padding: 26px 12px 20px; border-radius: 22px; margin-bottom: 14px; }
body.wvn .wvn-sec > h2.wp-block-heading,
body.wvn .wvn-sec > p,
body.wvn .wvn-sec > h3.wp-block-heading { padding: 0 6px; }
body.wvn .wvn-sec > h3.wp-block-heading { font-size: 18px; margin-top: 24px; }
body.wvn .sow-testimonials { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body.wvn .sow-testimonials .sow-testimonial { border-radius: 14px; }
body.wvn .sow-testimonials .sow-testimonial-name { padding: 10px 10px 3px; font-size: 14.5px; }
body.wvn .sow-testimonials .sow-testimonial-text > p:not(:has(img)) { padding: 0 10px; font-size: 13px !important; -webkit-line-clamp: 3; }
body.wvn .sow-testimonials .sow-testimonial-user .sow-text > a { min-height: 38px; margin: auto 8px 8px; font-size: 12.5px; letter-spacing: 0; border-radius: 10px; }
body.wvn .sow-testimonials .sow-testimonial-user .sow-text > a::after { content: none; } body.wvn .sow-testimonials .sow-testimonial-wrapper:last-child:nth-child(odd) { grid-column: 1 / -1; }
body.wvn .sow-testimonials .sow-testimonial-wrapper:last-child:nth-child(odd) .sow-testimonial {
display: grid;
grid-template-columns: minmax(0, 46%) minmax(0, 1fr);
grid-template-rows: auto auto 1fr;
}
body.wvn .sow-testimonials .sow-testimonial-wrapper:last-child:nth-child(odd) .sow-testimonial-text > p:has(img) { grid-row: 1 / span 3; }
body.wvn .sow-testimonials .sow-testimonial-wrapper:last-child:nth-child(odd) .sow-testimonial-text > p:has(img) a { height: 100%; }
body.wvn .sow-testimonials .sow-testimonial-wrapper:last-child:nth-child(odd) .sow-testimonial-text img { height: 100%; aspect-ratio: auto !important; min-height: 150px; }
body.wvn .sow-testimonials .sow-testimonial-wrapper:last-child:nth-child(odd) .sow-text > a { margin-top: 0; align-self: end; }
body.wvn-read .site-main .inside-article { padding: 26px 16px 30px; border-radius: 22px; }
body.wvn-read .entry-content .so-widget-sow-button .ow-button-base a { width: 100%; }
body.wvn-read .inside-article .entry-content p { font-size: 16.5px !important; }
body.wvn .pt-cv-page { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body.wvn #footer-widgets .footer-widgets-container { padding: 22px 10px 4px; }
}