:root {
--news-primary: #132643;
--news-accent: #2878EB;
--news-accent-hover: #1a5bb8;
--news-border: #e5e7eb;
--news-text: #555;
--news-muted: #888;
--news-radius: 12px;
--news-gap: 1.5rem;
--news-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
} .vstts-news-home-header,
.vstts-news-archive-header {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 2rem;
}
.vstts-news-home-title,
.vstts-news-archive-title {
font-size: 1.75rem;
font-weight: 700;
color: var(--news-primary);
margin: 0;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.vstts-news-home-all {
display: inline-flex;
align-items: center;
gap: 0.25rem;
color: var(--news-accent);
text-decoration: none;
font-size: 1rem;
font-weight: 500;
transition: color 0.2s ease;
}
.vstts-news-home-all:hover {
color: var(--news-accent-hover);
text-decoration: none;
}
.vstts-news-home-all:focus-visible {
outline: 3px solid var(--news-accent);
outline-offset: 3px;
} .vstts-news-home-grid,
.vstts-news-archive-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: var(--news-gap) !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
} .vstts-news-card,
.vstts-news-archive-item {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
background: #fff;
border: 1px solid var(--news-border);
border-radius: var(--news-radius);
overflow: hidden;
color: inherit;
text-decoration: none;
transition:
transform 0.2s ease,
box-shadow 0.2s ease;
}
.vstts-news-card:hover,
.vstts-news-archive-item:hover {
transform: translateY(-4px);
box-shadow: var(--news-shadow);
color: inherit;
text-decoration: none;
}
.vstts-news-card:focus-visible,
.vstts-news-archive-item:focus-visible {
outline: 3px solid var(--news-accent);
outline-offset: 3px;
} .vstts-news-card__image,
.vstts-news-archive-item__image {
position: relative;
display: block;
flex-shrink: 0;
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
margin: 0 !important;
}
.vstts-news-card__image img,
.vstts-news-archive-item__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.vstts-news-card:hover .vstts-news-card__image img,
.vstts-news-archive-item:hover .vstts-news-archive-item__image img {
transform: scale(1.05);
} .vstts-news-card__content,
.vstts-news-archive-item__content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
flex: 1;
gap: 0.5rem;
padding: 1.25rem;
} .vstts-news-card__title,
.vstts-news-archive-item__title {
margin: 0;
color: var(--news-primary);
font-size: 1.15rem;
font-weight: 600;
line-height: 1.3;
}
.vstts-news-card__title a,
.vstts-news-archive-item__title a {
color: inherit;
text-decoration: none;
transition: color 0.2s ease;
}
.vstts-news-card__title a:hover,
.vstts-news-archive-item__title a:hover {
color: var(--news-accent);
text-decoration: none;
} .vstts-news-card__excerpt,
.vstts-news-archive-item__excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
overflow: hidden;
margin: 0;
color: var(--news-text);
font-size: 0.9rem;
line-height: 1.5;
} .vstts-news-card__date {
display: flex;
align-items: center;
gap: 0.25rem;
margin-top: auto;
color: var(--news-muted);
font-size: 0.85rem;
} .vstts-news-archive-header {
margin-bottom: 24px;
}
.vstts-news-archive-title {
margin: 0;
color: var(--vstts-text-primary);
font-size: var(--font-h2, 32px);
font-weight: 700;
line-height: 1.2;
letter-spacing: normal;
text-align: left;
}
.vstts-news-archive-list {
--news-archive-gap: 24px;
--news-archive-title-size: 1.125rem;
--news-archive-body-size: 0.875rem;
display: flex;
flex-direction: column;
gap: var(--news-archive-gap);
}
.vstts-news-archive-list .vstts-news-archive-item {
flex-direction: row;
align-items: stretch;
gap: var(--news-archive-gap);
height: auto;
min-width: 0;
padding: 0 !important;
border: 0;
border-radius: 16px;
background: var(--vstts-bg-base, #fff);
box-shadow: none;
color: var(--vstts-text-primary);
text-decoration: none;
transition: background-color 0.2s ease, transform 0.2s ease,
opacity 0.2s ease, box-shadow 0.2s ease;
}
.vstts-news-archive-list .vstts-news-archive-item:hover {
background-color: var(--vstts-bg-base-02, #ebf3fc);
box-shadow: none;
color: var(--vstts-text-primary);
transform: translateY(-2px);
}
.vstts-news-archive-list .vstts-news-archive-item:active {
opacity: 0.75;
}
.vstts-news-archive-list .vstts-news-archive-item:focus-visible {
outline: 3px solid #2878EB;
outline-offset: 2px;
}
.vstts-news-archive-list .vstts-news-archive-item__image {
flex: none;
align-self: stretch;
width: clamp(180px, 26vw, 280px);
aspect-ratio: 16 / 9;
border-radius: 16px;
box-shadow: none;
transition: opacity 0.2s ease;
}
.vstts-news-archive-list .vstts-news-archive-item__image::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
pointer-events: none;
}
.vstts-news-archive-list .vstts-news-archive-item__image img {
position: absolute;
inset: 0;
transform: none;
transition: none;
}
.vstts-news-archive-list .vstts-news-archive-item:hover .vstts-news-archive-item__image {
opacity: 0.75;
}
.vstts-news-archive-list .vstts-news-archive-item:hover .vstts-news-archive-item__image img {
transform: none;
}
.vstts-news-archive-list .vstts-news-archive-item__content {
flex: 1;
min-width: 0;
justify-content: flex-start;
gap: 0;
padding: 16px 16px 16px 0;
}
.vstts-news-archive-list .vstts-news-archive-item:not(:has(> .vstts-news-archive-item__image))
> .vstts-news-archive-item__content {
padding: 16px;
}
.vstts-news-archive-list .vstts-news-archive-item__title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
margin: 0;
color: var(--vstts-text-primary);
font-size: var(--news-archive-title-size);
font-weight: 700;
line-height: 1.3;
overflow-wrap: anywhere;
}
.vstts-news-archive-list .vstts-news-archive-item__excerpt {
margin: 8px 0 0;
color: var(--vstts-text-primary);
font-size: var(--news-archive-body-size);
line-height: 1.4;
overflow-wrap: anywhere;
}
.vstts-news-archive-list .vstts-news-archive-item__date {
display: block;
margin-top: auto;
padding-top: 16px;
color: var(--vstts-text-secondary);
font-size: var(--news-archive-body-size);
line-height: 1.4;
} .vstts-news-arrow {
width: 20px;
height: 20px;
flex: 0 0 20px;
}
.site-main:has(> .vstts-news-archive-list) > .navigation.pagination {
justify-content: center;
margin-top: 32px !important;
}
.site-main:has(> .vstts-news-archive-list) .pagination > .navigation {
width: 100%;
}
.site-main:has(> .vstts-news-archive-list) .pagination .nav-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 8px;
}
.site-main:has(> .vstts-news-archive-list) .pagination .page-numbers {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
min-width: 44px;
min-height: 44px;
padding: 10px 14px;
border: 0;
border-radius: 999px;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
color: var(--vstts-text-primary);
background: var(--vstts-bg-base, #fff);
font-size: 0.875rem;
line-height: 1.4;
text-decoration: none;
transition: background-color 0.2s ease, opacity 0.2s ease;
}
.site-main:has(> .vstts-news-archive-list) .pagination a.page-numbers:hover {
color: var(--vstts-text-primary);
background: var(--vstts-bg-base-02, #ebf3fc);
}
.site-main:has(> .vstts-news-archive-list) .pagination .page-numbers.current {
color: var(--vstts-text-inverse, #fff);
background: var(--vstts-accent-primary);
}
.site-main:has(> .vstts-news-archive-list) .pagination .page-numbers.dots {
min-width: 24px;
padding-inline: 0;
box-shadow: none;
color: var(--vstts-text-primary);
background: transparent;
}
.site-main:has(> .vstts-news-archive-list) .pagination a.page-numbers:active {
opacity: 0.75;
}
.site-main:has(> .vstts-news-archive-list) .pagination a.page-numbers:focus-visible {
outline: 3px solid #2878EB;
outline-offset: 2px;
}
@media (max-width: 991px) {
.vstts-news-archive-list {
--news-archive-gap: 16px;
--news-archive-title-size: 1rem;
}
}
@media (max-width: 599px) {
.vstts-news-archive-title {
font-size: var(--font-h4, 24px);
}
.vstts-news-archive-list .vstts-news-archive-item {
flex-direction: column;
padding: 0 0 16px !important;
}
.vstts-news-archive-list .vstts-news-archive-item__image {
width: 100%;
}
.vstts-news-archive-list .vstts-news-archive-item__content {
padding: 0 16px;
}
.vstts-news-archive-list .vstts-news-archive-item:not(:has(> .vstts-news-archive-item__image)) {
padding: 16px !important;
}
.vstts-news-archive-list .vstts-news-archive-item:not(:has(> .vstts-news-archive-item__image))
> .vstts-news-archive-item__content {
padding: 0;
}
}
@media (max-width: 479px) {
.vstts-news-archive-list {
--news-archive-title-size: 0.95rem;
--news-archive-body-size: 0.8rem;
}
}
@media (prefers-reduced-motion: reduce) {
.vstts-news-archive-list .vstts-news-archive-item,
.vstts-news-archive-list .vstts-news-archive-item__image {
transition: none;
}
.vstts-news-archive-list .vstts-news-archive-item:hover {
transform: none;
}
} .vstts-news-list-header {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
gap: 16px;
margin-bottom: 24px;
}
.vstts-news-list-header > .wp-block-heading {
margin: 0;
color: var(--vstts-text-primary);
font-size: var(--font-h2, 32px);
text-transform: uppercase;
}
.vstts-news-list-header > p {
flex-shrink: 0;
margin: 0;
}
.vstts-news-list-all {
position: relative;
display: inline-block;
margin-right: 23px;
font-size: var(--font-body-l, 16px);
font-weight: 400;
} .vstts-news-list-all::after {
content: "";
position: absolute;
top: 50%;
right: -20px;
width: 8px;
height: 8px;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
transform: translateY(-50%) rotate(45deg);
}
@media (max-width: 1199px) {
.vstts-news-list-header > .wp-block-heading {
font-size: var(--font-h4, 24px);
}
} .wp-block-heading:has(+ .wp-block-latest-posts.is-grid) {
margin-bottom: 24px;
color: var(--vstts-text-primary, #000);
text-transform: uppercase;
}
@media (max-width: 1199px) {
.wp-block-heading:has(+ .wp-block-latest-posts.is-grid) {
font-size: var(--font-h4, 24px);
}
}
.wp-block-latest-posts.is-grid { --news-list-image-ratio: 16 / 9;
--news-list-columns: 1;
--news-list-column-gap: 16px;
--news-list-row-gap: var(--news-list-column-gap); --news-list-title-size: 1rem;
--news-list-body-size: 0.875rem;
display: grid !important;
grid-template-columns: repeat(var(--news-list-columns), minmax(0, 1fr)) !important;
gap: var(--news-list-row-gap) var(--news-list-column-gap) !important;
align-items: stretch;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.wp-block-latest-posts.is-grid > li {
position: relative;
display: flex;
flex-direction: column;
min-width: 0; width: auto !important;
margin: 0 !important;
padding: 0 0 16px !important;
border: 0;
border-radius: 16px;
background: transparent;
color: var(--vstts-text-primary, #000);
overflow-wrap: anywhere;
transition: background-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}
.wp-block-latest-posts.is-grid > li:hover {
background-color: #ebf3fc;
transform: translateY(-2px);
}
.wp-block-latest-posts.is-grid > li:active {
opacity: 0.75;
}
.wp-block-latest-posts.is-grid > li > .wp-block-latest-posts__featured-image {
order: 0;
flex: none;
width: 100%;
aspect-ratio: var(--news-list-image-ratio);
margin: 0 !important;
overflow: hidden;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
border-radius: 16px;
float: none;
transition: opacity 0.2s ease;
}
.wp-block-latest-posts.is-grid > li:hover > .wp-block-latest-posts__featured-image {
opacity: 0.75;
}
@media (prefers-reduced-motion: reduce) {
.wp-block-latest-posts.is-grid > li,
.wp-block-latest-posts.is-grid > li > .wp-block-latest-posts__featured-image {
transition: none;
}
.wp-block-latest-posts.is-grid > li:hover {
transform: none;
}
}
.wp-block-latest-posts.is-grid .wp-block-latest-posts__featured-image a {
display: block;
width: 100%;
height: 100%;
background: none;
}
.wp-block-latest-posts.is-grid .wp-block-latest-posts__featured-image img {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
object-fit: cover;
}
.wp-block-latest-posts.is-grid > li > .wp-block-latest-posts__post-title {
order: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
margin: 16px 16px 0 !important;
padding: 0 !important;
color: var(--vstts-text-primary, #000) !important;
font-size: var(--news-list-title-size);
font-weight: 700;
line-height: 1.3;
text-decoration: none !important;
background: none;
} .wp-block-latest-posts.is-grid > li > .wp-block-latest-posts__post-title::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
}
.wp-block-latest-posts.is-grid > li > .wp-block-latest-posts__post-author {
order: 2;
margin: 16px 16px 0;
font-size: var(--news-list-body-size);
}
.wp-block-latest-posts.is-grid > li > .wp-block-latest-posts__post-excerpt {
order: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
line-clamp: 4;
overflow: hidden;
margin: 8px 16px 0;
padding: 0;
color: var(--vstts-text-primary, #000);
font-size: var(--news-list-body-size);
line-height: 1.4;
}
.wp-block-latest-posts.is-grid .wp-block-latest-posts__post-excerpt p {
margin: 0;
font-size: inherit;
line-height: inherit;
} .wp-block-latest-posts.is-grid .wp-block-latest-posts__read-more {
display: none;
}
.wp-block-latest-posts.is-grid > li > .wp-block-latest-posts__post-date {
order: 4;
display: block;
margin: auto 16px 0;
padding: 16px 0 0;
color: var(--vstts-text-secondary);
font-size: var(--news-list-body-size);
line-height: 1.4;
} .wp-block-latest-posts.is-grid > li:not(:has(> .wp-block-latest-posts__featured-image)) {
align-self: start;
min-height: min-content;
border-radius: 16px;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.wp-block-latest-posts.is-grid > li:not(:has(> .wp-block-latest-posts__featured-image))
> .wp-block-latest-posts__post-date {
margin-top: 0;
}
.wp-block-latest-posts.is-grid > li:has(> .wp-block-latest-posts__post-title:focus-visible) {
outline: 3px solid #2878EB;
outline-offset: 2px;
border-radius: 16px;
}
.wp-block-latest-posts.is-grid > li > .wp-block-latest-posts__post-title:focus-visible {
outline: none;
}
@media (min-width: 600px) {
.wp-block-latest-posts.is-grid {
--news-list-columns: 2;
}
.wp-block-latest-posts.is-grid > li:first-child,
.wp-block-latest-posts.is-grid > li:last-child {
grid-column: span 2;
}
}
@media (min-width: 1200px) {
.wp-block-latest-posts.is-grid {
--news-list-columns: 4;
--news-list-column-gap: 24px;
grid-auto-flow: row;
} .wp-block-latest-posts.is-grid:has(> li:nth-child(6):last-child) {
grid-template-areas:
"lead lead second third"
"lead lead last last"
"fourth fifth last last";
}
.wp-block-latest-posts.is-grid:has(> li:nth-child(6):last-child) > li:first-child {
grid-area: lead;
}
.wp-block-latest-posts.is-grid:has(> li:nth-child(6):last-child) > li:nth-child(2) {
grid-area: second;
}
.wp-block-latest-posts.is-grid:has(> li:nth-child(6):last-child) > li:nth-child(3) {
grid-area: third;
}
.wp-block-latest-posts.is-grid:has(> li:nth-child(6):last-child) > li:nth-child(4) {
grid-area: fourth;
}
.wp-block-latest-posts.is-grid:has(> li:nth-child(6):last-child) > li:nth-child(5) {
grid-area: fifth;
}
.wp-block-latest-posts.is-grid:has(> li:nth-child(6):last-child) > li:last-child {
grid-area: last;
}
}
@media (max-width: 479px) {
.wp-block-latest-posts.is-grid {
--news-list-title-size: 0.95rem;
--news-list-body-size: 0.8rem;
}
} .wp-block-latest-posts.is-grid.vstts-news-list--compact:has(> li > .wp-block-latest-posts__post-title:first-child) {
align-items: start;
}
@media (min-width: 600px) {
.wp-block-latest-posts.is-grid.vstts-news-list--compact:has(> li > .wp-block-latest-posts__post-title:first-child) > li {
grid-column: auto;
}
}
@media (min-width: 1200px) {
.wp-block-latest-posts.is-grid.vstts-news-list--compact:has(> li > .wp-block-latest-posts__post-title:first-child) {
--news-list-columns: 3;
}
} .wp-block-latest-posts__no-posts {
grid-column: 1 / -1;
padding: 3rem;
text-align: center;
color: #666;
font-size: 1.1rem;
} .navigation.pagination {
margin-top: 3rem;
}
.navigation.pagination .page-numbers {
display: inline-block;
padding: 0.5rem 1rem;
border: 1px solid var(--news-border);
border-radius: 6px;
color: var(--news-primary);
text-decoration: none;
transition: all 0.2s ease;
}
.navigation.pagination .page-numbers:hover,
.navigation.pagination .page-numbers.current {
background: var(--news-accent);
color: #fff;
border-color: var(--news-accent);
} @media (max-width: 991px) {
.vstts-news-home-grid,
.vstts-news-archive-grid,
.wp-block-latest-posts:not(.is-grid) {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--news-gap);
}
@media (max-width: 991px) {
.wp-block-latest-posts:not(.is-grid) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 576px) {
.wp-block-latest-posts:not(.is-grid) {
grid-template-columns: 1fr;
}
}
}
@media (max-width: 576px) {
.vstts-news-home-grid,
.vstts-news-archive-grid {
grid-template-columns: 1fr !important;
}
.vstts-news-home-header,
.vstts-news-archive-header {
flex-direction: column;
align-items: flex-start;
}
} .vstts-news-page > .container > :is(.vstts-breadcrumbs, .vstts-news-single__header, .vstts-news-layout) {
max-width: 992px;
margin-inline: auto;
}
.vstts-news-layout {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 24px;
}
.vstts-news-layout > * {
min-width: 0;
}
@media (min-width: 992px) {
.vstts-news-layout {
grid-template-columns: 160px minmax(0, 800px);
column-gap: 32px;
}
}
.vstts-news-back {
display: inline-flex;
align-items: center;
gap: 8px;
padding-block: 4px;
font-size: var(--font-body-l, 16px);
line-height: 1.4;
}
.vstts-news-back svg {
flex: 0 0 20px;
}
.vstts-news-back:focus-visible {
outline: 3px solid #2878EB;
outline-offset: 2px;
border-radius: 4px;
}
.vstts-news-single {
width: 100%;
max-width: 800px;
min-width: 0;
margin-inline: auto;
color: var(--vstts-text-primary);
}
.vstts-news-page .vstts-news-single {
margin-inline: 0;
}
.vstts-news-page .vstts-breadcrumbs {
overflow-wrap: anywhere;
}
.vstts-news-single__header {
margin-bottom: 32px;
}
.vstts-news-single__title {
margin: 0;
color: var(--vstts-text-primary);
font-size: var(--font-h2, 32px);
font-weight: 700;
line-height: 1.2;
text-transform: none;
overflow-wrap: anywhere;
}
.vstts-news-single__date {
display: block;
margin: 0 0 16px;
color: var(--vstts-text-secondary);
font-size: var(--font-body-m, 14px);
line-height: 1.4;
}
.vstts-news-single__content {
display: flow-root;
min-width: 0;
margin: 0;
color: var(--vstts-text-primary);
font-size: var(--font-body-l, 16px);
line-height: 1.6;
overflow-wrap: anywhere;
}
.vstts-news-single__content :where(p, li, span, a, strong, em, b, i) {
line-height: inherit;
}
.vstts-news-single__content p {
color: inherit;
font-size: inherit;
line-height: inherit;
}
.vstts-news-single__content :where(p, ul, ol, blockquote) {
margin-block: 0 16px;
}
.vstts-news-single__content ol {
padding-inline-start: 2.5em;
}
.vstts-news-single__content ol > li::marker {
content: counters(list-item, ".") ". ";
font-variant-numeric: tabular-nums;
}
.vstts-news-single__content blockquote {
background-color: #ebf3fc;
color: var(--vstts-base-06);
border-left: 4px solid #5381B3;
border-radius: 0 16px 16px 0;
}
.vstts-news-single__content > :first-child {
margin-top: 0;
}
.vstts-news-single__content > :last-child {
margin-bottom: 0;
}
.vstts-news-single__content .wp-block-cover {
margin-bottom: 24px;
border-radius: 16px;
overflow: hidden;
} .vstts-news-single__content .wp-block-cover > .wp-block-cover__background:not([class*="-background-color"]):not(.has-background-gradient) {
background-color: var(--vstts-overlay-bg);
}
.vstts-news-single__content :is(h2, h3, h4, h5, h6) {
margin-block: 32px 16px;
color: var(--vstts-text-primary);
line-height: 1.3;
}
.vstts-news-single__content :where(figure, .wp-caption) {
max-width: 100%;
}
.vstts-news-single__content :where(.wp-block-image, .wp-block-gallery) {
margin-block: 24px;
}
.vstts-news-single__content img {
max-width: 100%;
height: auto;
border-radius: 16px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
} .vstts-news-single__content .wp-block-gallery:not(.is-cropped) img {
width: auto;
height: auto;
max-height: none !important;
object-fit: contain;
}
.vstts-news-single__content .wp-block-gallery.has-nested-images figure.wp-block-image {
border-radius: 16px;
overflow: hidden;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.vstts-news-single__content .wp-block-gallery.has-nested-images figure.wp-block-image img {
border-radius: inherit;
box-shadow: none;
}
.vstts-news-single__content .wp-block-gallery figcaption {
display: none;
}
.vstts-news-single__content figcaption {
margin-top: 8px;
color: var(--vstts-text-secondary);
font-size: var(--font-body-m, 14px);
font-style: normal;
line-height: 1.4;
}
.vstts-news-single__content .wp-block-image a {
background-image: none;
}
.vstts-news-single__content .wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-height: 44px;
padding: 10px 24px;
border: 1.5px solid transparent;
border-radius: var(--vstts-radius);
background-image: none;
font-size: var(--font-body-m, 14px);
font-weight: 500;
line-height: 1.4;
text-decoration: none;
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}
.vstts-news-single__content .wp-block-button__link:not(.has-text-color) {
color: var(--vstts-text-inverse, #fff);
}
.vstts-news-single__content .wp-block-button__link:not(.has-background) {
background-color: var(--vstts-accent-primary);
border-color: var(--vstts-accent-primary);
}
.vstts-news-single__content .wp-block-button__link:hover {
opacity: 1;
}
.vstts-news-single__content .wp-block-button__link:not(.has-background):hover {
background-color: var(--vstts-accent-hover);
border-color: var(--vstts-accent-hover);
}
.vstts-news-single__content .wp-block-button__link:active {
opacity: 0.75;
}
.vstts-news-single__content .wp-block-button.is-style-outline .wp-block-button__link {
border-color: var(--vstts-accent-primary);
box-shadow: none;
}
.vstts-news-single__content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
background-color: transparent;
}
.vstts-news-single__content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
color: var(--vstts-accent-primary);
}
.vstts-news-single__content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover {
color: var(--vstts-accent-hover);
}
.vstts-news-single__content .wp-block-button.is-style-outline .wp-block-button__link:hover {
border-color: var(--vstts-accent-hover);
}
.vstts-news-single__content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover {
background-color: var(--vstts-bg-base-02);
}
.vstts-news-single__content .wp-block-button.is-style-outline .wp-block-button__link:focus-visible {
outline: 3px solid #2878EB;
outline-offset: 2px;
}
.vstts-news-single__content :where(iframe, video) {
max-width: 100%;
}
.vstts-news-single__navigation {
display: flex;
gap: 16px;
margin-top: 32px;
padding-top: 24px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
clear: both;
}
.vstts-news-nav-link {
display: flex;
flex: 1 1 0;
flex-direction: column;
gap: 8px;
min-width: 0;
padding: 16px;
border: 0;
border-radius: 16px;
color: var(--vstts-text-primary);
background: var(--vstts-bg-base, #fff);
text-decoration: none;
overflow-wrap: anywhere;
transition: background-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}
.vstts-news-nav-link:hover {
color: var(--vstts-text-primary);
background-color: var(--vstts-bg-base-02, #ebf3fc);
transform: translateY(-2px);
}
.vstts-news-nav-link:active {
opacity: 0.75;
}
.vstts-news-nav-link:focus-visible {
outline: 3px solid #2878EB;
outline-offset: 2px;
}
.vstts-news-nav-link--prev {
text-align: left;
}
.vstts-news-nav-link--next {
text-align: right;
}
.vstts-news-nav-link__label {
display: flex;
align-items: center;
gap: 8px;
color: var(--vstts-text-secondary);
font-size: var(--font-body-m, 14px);
line-height: 1.4;
}
.vstts-news-nav-link--next .vstts-news-nav-link__label {
justify-content: flex-end;
}
.vstts-news-nav-link__title {
color: var(--vstts-text-primary);
font-size: var(--font-body-l, 16px);
font-weight: 700;
line-height: 1.3;
}
@media (max-width: 768px) {
.vstts-news-single__content .wp-block-media-text.is-stacked-on-mobile
> :is(.wp-block-media-text__media, .wp-block-media-text__content) {
grid-column: 1;
grid-row: auto;
min-width: 0;
}
}
@media (max-width: 599px) {
.vstts-news-single__title {
font-size: var(--font-h4, 24px);
}
.vstts-news-single__header {
margin-bottom: 24px;
}
.vstts-news-single__content :is(h2, h3) {
font-size: var(--font-h4, 24px);
}
.vstts-news-single__navigation {
flex-direction: column;
gap: 8px;
padding-top: 16px;
}
.vstts-news-nav-link--next {
text-align: left;
}
.vstts-news-nav-link--next .vstts-news-nav-link__label {
justify-content: flex-start;
}
}
@media (prefers-reduced-motion: reduce) {
.vstts-news-nav-link {
transition: none;
}
.vstts-news-nav-link:hover {
transform: none;
}
}