.site-navigation .menu-item {
position: relative;
} :root {
--sc-navigation-submenu-accent: var(--sc-color-accent);
--sc-navigation-submenu-on-accent: var(--sc-color-on-accent);
--sc-navigation-submenu-surface: var(--sc-color-surface);
--sc-navigation-submenu-ink: var(--sc-color-text);
}
.site-navigation .sub-menu {
--sc-navigation-submenu-background: var(--sc-navigation-submenu-surface);
--sc-navigation-submenu-text: var(--sc-navigation-submenu-ink);
--sc-navigation-submenu-hover-background: var(--sc-navigation-submenu-accent);
--sc-navigation-submenu-hover-text: var(--sc-navigation-submenu-on-accent);
display: grid;
gap: 0.25rem;
margin: 0;
padding: 0;
list-style: none;
}
.site-navigation .sub-menu a {
display: block;
padding: 0.55rem 0.75rem;
color: var(--sc-navigation-submenu-text);
line-height: 1.35;
text-decoration: none;
text-shadow: none;
transition: background-color 160ms ease, color 160ms ease;
}
.site-navigation .sub-menu a:hover,
.site-navigation .sub-menu a:focus-visible {
background: var(--sc-navigation-submenu-hover-background);
color: var(--sc-navigation-submenu-hover-text);
}
.site-navigation.is-open .sub-menu {
margin-block-start: 0.65rem;
margin-inline-start: 0.5rem;
padding-inline-start: 1rem;
border-inline-start: 1px solid color-mix(in srgb, var(--sc-navigation-submenu-text) 18%, transparent);
}
.site-navigation.is-open .menu-item-has-children > a {
display: inline-flex;
align-items: center;
gap: 0.35rem;
}
.site-navigation.is-open .menu-item-has-children > a::after {
content: "";
width: 0.35em;
height: 0.35em;
border-block-end: 1px solid currentColor;
border-inline-end: 1px solid currentColor;
transform: translateY(-0.1em) rotate(45deg);
opacity: 0.75;
}
@media (min-width: 760px) {
.site-navigation__menu > .menu-item > a {
display: inline-flex;
align-items: center;
min-height: 2.5rem;
padding-block: 0.45rem;
}
.site-navigation__menu > .menu-item-has-children > a {
gap: 0.35rem;
}
.site-navigation__menu > .menu-item-has-children > a::after {
content: "";
width: 0.35em;
height: 0.35em;
border-block-end: 1px solid currentColor;
border-inline-end: 1px solid currentColor;
transform: translateY(-0.12em) rotate(45deg);
opacity: 0.7;
}
.site-navigation__primary + .site-social {
margin-inline-start: 0.5rem;
padding-inline-start: 1rem;
border-inline-start: 1px solid var(--sc-color-border);
}
.site-header--layout-centered .site-navigation__primary + .site-social {
margin-inline-start: 0;
padding-inline-start: 0;
border-inline-start: 0;
}
.site-navigation .sub-menu {
position: absolute;
inset-block-start: calc(100% + 0.55rem);
inset-inline-start: 50%;
z-index: 60;
width: max-content;
min-width: 14rem;
max-width: min(20rem, calc(100vw - (var(--sc-gutter) * 2)));
padding: 0.55rem;
background: var(--sc-navigation-submenu-background);
color: var(--sc-navigation-submenu-text);
border: 1px solid color-mix(in srgb, var(--sc-navigation-submenu-text) 16%, transparent);
box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.16);
opacity: 0;
pointer-events: none;
transform: translate(-50%, 0.5rem);
visibility: hidden;
transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}
.site-navigation .menu-item-has-children::after {
position: absolute;
inset-block-start: 100%;
inset-inline: -0.75rem;
height: 0.75rem;
content: "";
}
.site-navigation .menu-item:hover > .sub-menu,
.site-navigation .menu-item:focus-within > .sub-menu {
opacity: 1;
pointer-events: auto;
transform: translate(-50%, 0);
visibility: visible;
}
.site-navigation .sub-menu .sub-menu {
inset-block-start: -0.55rem;
inset-inline-start: calc(100% + 0.55rem);
transform: translate(0.5rem, 0);
}
.site-navigation .sub-menu .menu-item:hover > .sub-menu,
.site-navigation .sub-menu .menu-item:focus-within > .sub-menu {
transform: translate(0, 0);
}
.site-navigation .sub-menu a {
padding: 0.65rem 0.75rem;
border-radius: 0.35rem;
white-space: nowrap;
}
.site-navigation .sub-menu .menu-item-has-children > a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.site-navigation .sub-menu .menu-item-has-children > a::after {
content: "";
width: 0.35em;
height: 0.35em;
border-block-start: 1px solid currentColor;
border-inline-end: 1px solid currentColor;
transform: rotate(45deg);
opacity: 0.7;
}
}
.site-footer__menu .menu-item {
display: grid;
gap: 0.45rem;
justify-items: start;
text-align: left;
}
.site-footer__menu .sub-menu {
display: grid;
gap: 0.35rem;
margin: 0;
padding: 0;
list-style: none;
}
.site-footer__menu .sub-menu .sub-menu {
padding-inline-start: 0.85rem;
border-inline-start: 1px solid color-mix(in srgb, currentColor 22%, transparent);
}
.site-footer__menu .sub-menu a {
display: inline-flex;
color: currentColor;
font-size: 0.9rem;
line-height: 1.4;
opacity: 0.72;
transition: color 160ms ease, opacity 160ms ease;
}
.site-footer__menu .sub-menu a:hover,
.site-footer__menu .sub-menu a:focus-visible {
color: var(--sc-color-accent);
opacity: 1;
}
.site-footer--align-center .site-footer__menu .menu-item {
justify-items: center;
}
.site-footer--align-auto:is(.site-footer--layout-stacked, .site-footer--layout-compact) .site-footer__menu .menu-item {
justify-items: center;
}
.site-footer--align-center .site-footer__menu .sub-menu .sub-menu {
padding-inline-start: 0;
border-inline-start: 0;
}
.site-footer--align-auto:is(.site-footer--layout-stacked, .site-footer--layout-compact) .site-footer__menu .sub-menu .sub-menu {
padding-inline-start: 0;
border-inline-start: 0;
} @media (min-width: 760px) {
.site-footer__menu {
align-items: flex-start;
}
.site-footer__menu > .menu-item-has-children {
align-content: start;
}
}
@media (prefers-reduced-motion: reduce) {
.site-navigation .sub-menu,
.site-navigation .sub-menu a,
.site-footer__menu .sub-menu a {
transition: none;
}
} .site-navigation .menu-item.menu-button > a {
padding: 0.6rem 1.15rem;
border: 1px solid transparent;
border-radius: var(--sc-button-radius, 999px);
background: var(--sc-button-bg, var(--sc-color-accent));
color: var(--sc-button-ink, var(--sc-color-on-accent, #fff));
text-transform: var(--sc-button-case, none);
letter-spacing: var(--sc-button-tracking, 0.025em);
}
.site-navigation .menu-item.menu-button > a::after {
content: none;
}
.site-navigation .menu-item.menu-button > a:hover,
.site-navigation .menu-item.menu-button > a:focus-visible {
filter: brightness(1.08);
}.entry__content {
--sc-content-width: min(calc(100vw - (var(--sc-gutter) * 2)), var(--sc-container-content));
--sc-default-width: min(calc(100vw - (var(--sc-gutter) * 2)), var(--sc-container));
--sc-wide-width: min(calc(100vw - (var(--sc-gutter) * 2)), var(--sc-container-wide));
--sc-full-width: 100vw;
--sc-wide-breakout: calc(50% - (var(--sc-wide-width) / 2));
--sc-full-breakout: calc(50% - 50vw);
--sc-block-flow: clamp(1.5rem, 3vw, 2.5rem);
} .entry__content > * {
width: var(--sc-content-width);
max-width: var(--sc-container-content);
margin-inline: auto;
}
.entry__content > * + * {
margin-block-start: var(--sc-block-flow, clamp(1.5rem, 3vw, 2.5rem));
}
.entry__content > :first-child {
margin-top: 0;
}
.entry__content > p:empty {
display: none;
}
.entry__content > :last-child {
margin-bottom: 0;
} .entry__content > .alignwide,
.entry__content > .wp-block-columns.alignwide,
.entry__content > .wp-block-image.alignwide,
.entry__content > .wp-block-media-text.alignwide,
.entry__content > .wp-block-quote.alignwide {
width: var(--sc-wide-width);
max-width: var(--sc-container-wide);
margin-left: var(--sc-wide-breakout);
margin-right: var(--sc-wide-breakout);
}
.entry__content > .alignfull,
.entry__content > .wp-block-columns.alignfull,
.entry__content > .wp-block-group.alignfull,
.entry__content > .wp-block-cover.alignfull {
width: var(--sc-full-width);
max-width: var(--sc-full-width);
margin-left: var(--sc-full-breakout);
margin-right: var(--sc-full-breakout);
}
.entry__content > .alignfull + .alignfull {
margin-block-start: 0;
} .entry__content > .wp-block-group,
.entry__content > .wp-block-cover {
padding-block: var(--sc-section-space);
}
.entry__content > .wp-block-group:not(.alignfull):not(.alignwide),
.entry__content > .wp-block-cover:not(.alignfull):not(.alignwide) {
width: var(--sc-default-width);
max-width: var(--sc-container);
}
.entry__content > .wp-block-group.alignwide,
.entry__content > .wp-block-cover.alignwide {
width: var(--sc-wide-width);
max-width: var(--sc-container-wide);
margin-left: var(--sc-wide-breakout);
margin-right: var(--sc-wide-breakout);
padding-inline: 0;
}
.entry__content > .wp-block-group.alignfull,
.entry__content > .wp-block-cover.alignfull {
padding-inline: var(--sc-gutter);
}
.entry__content > .wp-block-cover.alignfull {
min-height: clamp(var(--sc-hero-height-min), 70vh, var(--sc-hero-height-max));
} .entry__content > .wp-block-group.alignwide > *,
.entry__content > .wp-block-group.alignfull > *,
.entry__content > .wp-block-cover.alignwide > .wp-block-cover__inner-container > *,
.entry__content > .wp-block-cover.alignfull > .wp-block-cover__inner-container > * {
max-width: var(--sc-container);
margin-inline: auto;
} .entry__content > .wp-block-group.alignwide > .alignwide,
.entry__content > .wp-block-group.alignfull > .alignwide,
.entry__content > .wp-block-cover.alignwide > .wp-block-cover__inner-container > .alignwide,
.entry__content > .wp-block-cover.alignfull > .wp-block-cover__inner-container > .alignwide {
width: 100%;
max-width: var(--sc-container-wide);
}
.entry__content > .wp-block-group.alignwide > .alignfull,
.entry__content > .wp-block-group.alignfull > .alignfull,
.entry__content > .wp-block-cover.alignwide > .wp-block-cover__inner-container > .alignfull,
.entry__content > .wp-block-cover.alignfull > .wp-block-cover__inner-container > .alignfull {
max-width: none;
} .entry__content .wp-block-columns {
gap: clamp(2rem, 5vw, 5rem);
align-items: center;
}
.entry__content > .wp-block-columns.alignwide,
.entry__content > .wp-block-columns.alignfull,
.entry__content > .wp-block-group.alignwide .wp-block-columns,
.entry__content > .wp-block-group.alignfull .wp-block-columns,
.entry__content > .wp-block-cover.alignwide .wp-block-columns,
.entry__content > .wp-block-cover.alignfull .wp-block-columns {
display: flex;
gap: clamp(2.5rem, 6vw, 7rem);
}
.entry__content > .wp-block-columns.alignfull {
padding-inline: var(--sc-gutter);
}
.entry__content > .wp-block-columns.alignwide,
.entry__content > .wp-block-columns.alignfull {
padding-block: var(--sc-section-space);
}
.entry__content .wp-block-columns > .wp-block-column {
min-width: 0;
}
.entry__content > .wp-block-columns.alignwide > .wp-block-column,
.entry__content > .wp-block-columns.alignfull > .wp-block-column,
.entry__content > .wp-block-group.alignwide .wp-block-columns > .wp-block-column,
.entry__content > .wp-block-group.alignfull .wp-block-columns > .wp-block-column,
.entry__content > .wp-block-cover.alignwide .wp-block-columns > .wp-block-column,
.entry__content > .wp-block-cover.alignfull .wp-block-columns > .wp-block-column {
flex-basis: 0;
flex-grow: 1;
}
.entry__content .wp-block-column > * {
max-width: 100%;
}
.entry__content .wp-block-column > .wp-block-image,
.entry__content .wp-block-column > .wp-block-image img,
.entry__content .wp-block-column > figure,
.entry__content .wp-block-column > figure img,
.entry__content .wp-block-image img {
width: 100%;
}
.entry__content .sc-pattern-intro .wp-block-columns {
align-items: flex-start;
}
.entry__content .sc-pattern-intro .has-small-font-size,
.entry__content .sc-pattern-media .has-small-font-size,
.entry__content .sc-pattern-heading .has-small-font-size,
.entry__content .sc-pattern-card .has-small-font-size {
font-family: var(--sc-font-ui);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.entry__content .sc-pattern-intro .has-large-font-size {
font-size: clamp(1.5rem, 3vw, 2.5rem);
line-height: 1.35;
}
.entry__content .sc-pattern-media {
min-height: clamp(28rem, 55vw, 44rem);
gap: clamp(2rem, 5vw, 6rem);
}
.entry__content .sc-pattern-media .wp-block-media-text__content {
padding: clamp(1rem, 4vw, 4rem);
}
.entry__content .sc-pattern-media .wp-block-media-text__media {
min-height: clamp(24rem, 55vw, 44rem);
background-color: var(--sc-color-surface);
background-color: color-mix(in srgb, var(--sc-color-muted) 18%, transparent);
}
.entry__content .sc-pattern-heading {
margin-inline: 0;
margin-bottom: clamp(2rem, 5vw, 4rem);
}
.entry__content .sc-pattern-heading > * {
margin-inline: 0;
}
.entry__content .sc-pattern-gallery {
gap: clamp(0.75rem, 1.5vw, 1.5rem);
}
.entry__content .sc-pattern-gallery .wp-block-image,
.entry__content .sc-pattern-card__image {
min-height: clamp(15rem, 24vw, 24rem);
aspect-ratio: 4 / 3;
margin: 0;
background-color: var(--sc-color-surface);
background-color: color-mix(in srgb, var(--sc-color-muted) 18%, transparent);
overflow: hidden;
}
.entry__content .sc-pattern-gallery .wp-block-image img,
.entry__content .sc-pattern-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.entry__content .sc-pattern-cards {
gap: clamp(1.25rem, 2.5vw, 2.5rem);
align-items: stretch;
}
.entry__content .sc-pattern-cards > .wp-block-column {
display: flex;
}
.entry__content .sc-pattern-card {
display: flex;
flex-direction: column;
width: 100%;
padding: 0;
border: 1px solid var(--sc-color-border);
overflow: hidden;
}
.entry__content .sc-pattern-card > .sc-pattern-card__image,
.entry__content .sc-pattern-card > .sc-pattern-card__content {
width: 100% !important;
max-width: none !important;
margin-inline: 0 !important;
}
.entry__content .sc-pattern-card__content {
display: flex;
flex: 1;
flex-direction: column;
align-items: flex-start;
padding: clamp(1.25rem, 3vw, 2rem);
}
.entry__content .sc-pattern-card__content .wp-block-buttons {
margin-top: auto;
padding-top: 1rem;
}
@media (max-width: 760px) {
.entry__content > .wp-block-columns.alignwide,
.entry__content > .wp-block-columns.alignfull,
.entry__content > .wp-block-group.alignwide .wp-block-columns,
.entry__content > .wp-block-group.alignfull .wp-block-columns,
.entry__content > .wp-block-cover.alignwide .wp-block-columns,
.entry__content > .wp-block-cover.alignfull .wp-block-columns {
gap: clamp(1.5rem, 6vw, 2.5rem);
}
.entry__content .sc-pattern-media {
min-height: 0;
}
.entry__content .sc-pattern-media .wp-block-media-text__media {
min-height: min(120vw, 32rem);
}
.entry__content .sc-pattern-gallery {
display: flex;
flex-direction: column;
grid-template-columns: 1fr;
}
.entry__content .sc-pattern-gallery .wp-block-image,
.entry__content .sc-pattern-card__image {
width: 100% !important;
min-height: min(75vw, 24rem);
}
}:where(.wp-block-heading) {
text-wrap: balance;
}
:where(.wp-block-heading + p) {
margin-block-start: 0.75rem;
}
:where(p.has-background) {
padding: clamp(1.15rem, 2vw, 1.6rem) clamp(1.25rem, 3vw, 2rem);
}
:where(.has-background) {
border-radius: 0;
}
:where(.wp-block-quote) {
margin-inline: 0;
padding: clamp(1.4rem, 3vw, 2.25rem);
border: 0;
border-left: 0.2rem solid var(--sc-color-accent);
background: color-mix(in srgb, var(--sc-color-surface) 88%, var(--sc-color-background));
} .entry__content :where(.wp-block-quote:not(.is-style-sc-plain), .wp-block-pullquote, .wp-block-details, .wp-block-code, .wp-block-preformatted, .wp-block-verse, .wp-block-file, .wp-block-table, .wp-block-calendar, .wp-block-comment-template .comment):not(.has-text-color),
.editor-styles-wrapper :where(.wp-block-quote:not(.is-style-sc-plain), .wp-block-pullquote, .wp-block-details, .wp-block-code, .wp-block-preformatted, .wp-block-verse, .wp-block-file, .wp-block-table, .wp-block-calendar, .wp-block-comment-template .comment):not(.has-text-color) {
color: var(--sc-color-text);
} .entry__content :where(.wp-block-quote.is-style-sc-plain),
.editor-styles-wrapper :where(.wp-block-quote.is-style-sc-plain) {
padding: 0;
border: 0;
background: none;
color: inherit;
font-family: var(--sc-font-heading);
font-size: clamp(1.15rem, 3vw, 1.5rem);
font-style: italic;
line-height: 1.4;
}
.entry__content :where(.wp-block-quote.is-style-sc-plain) p,
.editor-styles-wrapper :where(.wp-block-quote.is-style-sc-plain) p {
font-size: inherit;
} .entry__content :where(.wp-block-list.is-style-sc-ruled),
.editor-styles-wrapper :where(.wp-block-list.is-style-sc-ruled) {
padding-left: 0;
list-style: none;
}
.entry__content :where(.wp-block-list.is-style-sc-ruled) > li,
.editor-styles-wrapper :where(.wp-block-list.is-style-sc-ruled) > li {
padding-block: 0.55rem;
border-bottom: 1px solid currentColor;
border-color: color-mix(in srgb, currentColor 28%, transparent);
}
:where(.wp-block-quote.has-text-align-center) {
border-left: 0;
border-top: 0.2rem solid var(--sc-color-accent);
}
:where(.wp-block-quote.has-text-align-right) {
border-left: 0;
border-right: 0.2rem solid var(--sc-color-accent);
}
:where(.wp-block-quote p) {
font-family: var(--sc-font-heading);
font-size: clamp(1.25rem, 2.5vw, 1.75rem);
line-height: 1.35;
}
:where(.wp-block-quote cite, .wp-block-pullquote cite) {
color: var(--sc-color-muted);
font-family: var(--sc-font-ui);
font-size: 0.875rem;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
}
:where(.wp-block-pullquote) {
padding-block: clamp(2rem, 5vw, 4rem);
border-block: 1px solid color-mix(in srgb, var(--sc-color-border) 72%, transparent);
text-align: left;
}
:where(.wp-block-pullquote blockquote) {
margin: 0;
}
:where(.wp-block-pullquote p) {
font-family: var(--sc-font-heading);
font-size: clamp(1.75rem, 4vw, 3.5rem);
line-height: 1.1;
text-wrap: balance;
}
:where(.wp-block-list) {
padding-inline-start: 1.35em;
}
:where(.wp-block-list li) {
padding-inline-start: 0.35em;
}
:where(.wp-block-list li + li) {
margin-block-start: 0.45em;
}
:where(.wp-block-list li::marker) {
color: var(--sc-color-accent);
}
:where(.wp-block-button__link, .wp-element-button, .wp-block-search__button, input[type="submit"], button[type="submit"]) {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2.8rem;
margin: 0;
padding: 0.78rem 1.45rem;
border: 1px solid transparent;
border-radius: var(--sc-button-radius, 999px);
background: var(--sc-color-accent);
color: var(--sc-color-on-accent, #fff);
font-family: var(--sc-font-ui);
font-size: 0.82rem;
font-weight: 700;
letter-spacing: var(--sc-button-tracking, 0.025em);
line-height: 1.2;
text-decoration: none;
text-transform: var(--sc-button-case, none);
transition: filter 160ms ease, transform 160ms ease, background-color 160ms ease, color 160ms ease;
}
:where(.wp-block-button__link, .wp-element-button, .wp-block-search__button, input[type="submit"], button[type="submit"]):hover {
color: var(--sc-color-on-accent, #fff);
filter: brightness(0.92);
transform: translateY(-1px);
}
:where(.wp-block-button__link, .wp-element-button, .wp-block-search__button, input[type="submit"], button[type="submit"]):focus-visible {
outline: 2px solid var(--sc-color-accent);
outline-offset: 0.25rem;
}
:where(.wp-block-buttons) {
gap: 0.75rem;
}
:where(.wp-block-button.is-style-outline .wp-block-button__link) {
border-color: currentColor;
background: transparent;
color: var(--sc-color-text);
border-color: var(--sc-button-outline-ink, currentColor);
color: var(--sc-button-outline-ink, currentColor);
}
:where(.wp-block-button.is-style-outline .wp-block-button__link):hover {
background: var(--sc-color-text);
color: var(--sc-color-background);
filter: none;
}
:where(.wp-block-separator) {
width: min(4.75rem, 100%);
height: 1px;
margin-inline: auto;
border: 0;
background: color-mix(in srgb, var(--sc-color-accent) 62%, transparent);
opacity: 1;
}
:where(.wp-block-separator.is-style-wide) {
width: 100%;
background: color-mix(in srgb, var(--sc-color-border) 80%, transparent);
}
:where(.wp-block-separator.is-style-dots) {
height: auto;
background: none;
color: var(--sc-color-accent);
}
:where(.wp-block-table) {
overflow-x: auto;
}
:where(.wp-block-table table, .wp-block-calendar table) {
width: 100%;
border-collapse: collapse;
}
:where(.wp-block-table th, .wp-block-table td, .wp-block-calendar th, .wp-block-calendar td) {
padding: 0.9rem 1rem;
border: 1px solid color-mix(in srgb, var(--sc-color-border) 82%, transparent);
text-align: left;
vertical-align: top;
}
:where(.wp-block-table th, .wp-block-calendar th) {
background: color-mix(in srgb, var(--sc-color-surface) 90%, var(--sc-color-background));
font-family: var(--sc-font-ui);
font-size: 0.78rem;
letter-spacing: 0.055em;
text-transform: uppercase;
}
:where(.wp-block-table tbody tr:hover) {
background: color-mix(in srgb, var(--sc-color-muted) 7%, transparent);
}
:where(.wp-block-table.is-style-stripes tbody tr:nth-child(odd)) {
background: color-mix(in srgb, var(--sc-color-muted) 8%, transparent);
}
:where(.wp-block-table figcaption, .wp-block-image figcaption, .wp-block-gallery figcaption, .wp-block-video figcaption, .wp-block-audio figcaption, .wp-block-embed figcaption) {
margin-block-start: 0.65rem;
color: var(--sc-color-muted);
font-family: var(--sc-font-ui);
font-size: 0.875rem;
line-height: 1.45;
text-align: left;
}
:where(.wp-block-details) {
padding: clamp(1.15rem, 2.5vw, 1.75rem) clamp(1.25rem, 3vw, 2rem);
border: 1px solid color-mix(in srgb, var(--sc-color-border) 76%, transparent);
background: color-mix(in srgb, var(--sc-color-surface) 86%, var(--sc-color-background));
}
:where(.wp-block-details summary) {
cursor: pointer;
font-family: var(--sc-font-ui);
font-weight: 700;
}
:where(.wp-block-details summary:focus-visible) {
outline: 2px solid var(--sc-color-accent);
outline-offset: 0.35rem;
}
:where(.wp-block-details[open] summary) {
margin-bottom: 1rem;
}
:where(.wp-block-details > :last-child) {
margin-bottom: 0;
}
:where(.wp-block-code, .wp-block-preformatted, .wp-block-verse) {
padding: clamp(1.15rem, 3vw, 2rem);
border: 1px solid color-mix(in srgb, var(--sc-color-border) 76%, transparent);
background: color-mix(in srgb, var(--sc-color-surface) 88%, var(--sc-color-background));
overflow-x: auto;
}
:where(.wp-block-code code, .wp-block-preformatted) {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
font-size: 0.9em;
line-height: 1.65;
}
:where(.wp-block-verse) {
font-family: var(--sc-font-heading);
font-size: 1.15em;
line-height: 1.7;
}
:where(.wp-block-image, .wp-block-gallery, .wp-block-video, .wp-block-audio, .wp-block-embed) {
margin-block: 0;
}
:where(.wp-block-image img, .wp-block-gallery img, .wp-block-video video, .wp-block-cover, .wp-block-media-text__media img, .wp-block-media-text__media video) {
display: block;
}
:where(.wp-block-gallery) {
gap: clamp(0.5rem, 1vw, 1rem);
}
:where(.wp-block-image img, .wp-block-gallery img, .wp-block-video video) {
background: var(--sc-color-surface);
} .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image > picture,
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image > a > picture {
display: flex;
flex: 1 0 0%;
width: 100%;
height: 100%;
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image picture img {
flex: 1 0 0%;
width: 100%;
height: 100%;
object-fit: cover;
}
:where(.wp-block-cover) {
overflow: hidden;
}
:where(.wp-block-cover__inner-container > :first-child) {
margin-block-start: 0;
}
:where(.wp-block-cover__inner-container > :last-child) {
margin-block-end: 0;
}
:where(.wp-block-media-text) {
gap: clamp(1.5rem, 4vw, 4rem);
}
:where(.wp-block-media-text .wp-block-media-text__content) {
padding: clamp(1rem, 3vw, 2.5rem);
}
:where(.wp-block-file) {
display: flex;
flex-wrap: wrap;
gap: 0.75rem 1rem;
align-items: center;
padding: clamp(1.1rem, 2.5vw, 1.6rem) clamp(1.25rem, 3vw, 2rem);
border: 1px solid color-mix(in srgb, var(--sc-color-border) 76%, transparent);
background: color-mix(in srgb, var(--sc-color-surface) 86%, var(--sc-color-background));
}
:where(.wp-block-file__button) {
margin: 0;
}
:where(.wp-block-search__inside-wrapper) {
display: flex;
gap: 0.65rem;
}
:where(input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], textarea, select, .wp-block-search__input, .wp-block-search__button-inside .wp-block-search__inside-wrapper) {
min-height: 2.8rem;
border: 1px solid color-mix(in srgb, var(--sc-color-border) 86%, transparent);
border-radius: 0;
background: var(--sc-color-surface);
color: var(--sc-color-text);
}
:where(input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], select, .wp-block-search__input) {
width: 100%;
padding: 0.7rem 0.9rem;
font-family: var(--sc-font-ui);
}
:where(textarea) {
width: 100%;
min-height: 10rem;
padding: 0.9rem;
font-family: var(--sc-font-ui);
line-height: 1.55;
}
:where(.wp-block-search__button-inside .wp-block-search__input) {
border: 0;
background: transparent;
}
:where(input:focus, textarea:focus, select:focus, .wp-block-search__input:focus) {
outline: 2px solid var(--sc-color-accent);
outline-offset: 1px;
}
:where(label, .wp-block-post-comments-form label) {
font-family: var(--sc-font-ui);
font-size: 0.9rem;
font-weight: 700;
}
:where(.comment-form) {
display: grid;
gap: 1rem;
}
:where(.comment-form p) {
margin: 0;
}
:where(.comment-form-cookies-consent) {
display: flex;
gap: 0.65rem;
align-items: flex-start;
}
:where(.comment-form-cookies-consent input) {
margin-top: 0.35em;
}
:where(.wp-block-archives, .wp-block-categories, .wp-block-latest-posts, .wp-block-latest-comments, .wp-block-rss, .wp-block-page-list) {
margin: 0;
padding: 0;
list-style: none;
}
:where(.wp-block-archives li, .wp-block-categories li, .wp-block-latest-posts li, .wp-block-latest-comments li, .wp-block-rss li, .wp-block-page-list li) {
padding-block: 0.75rem;
border-bottom: 1px solid color-mix(in srgb, var(--sc-color-border) 78%, transparent);
}
:where(.wp-block-archives li:first-child, .wp-block-categories li:first-child, .wp-block-latest-posts li:first-child, .wp-block-latest-comments li:first-child, .wp-block-rss li:first-child, .wp-block-page-list li:first-child) {
border-top: 1px solid color-mix(in srgb, var(--sc-color-border) 78%, transparent);
}
:where(.wp-block-archives a, .wp-block-categories a, .wp-block-latest-posts a, .wp-block-latest-comments a, .wp-block-rss a, .wp-block-page-list a) {
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
}
:where(.wp-block-latest-posts__post-date, .wp-block-latest-comments__comment-date, .wp-block-rss__item-publish-date, .wp-block-rss__item-author) {
display: block;
margin-top: 0.25rem;
color: var(--sc-color-muted);
font-family: var(--sc-font-ui);
font-size: 0.8rem;
}
:where(.wp-block-latest-posts__featured-image) {
margin-bottom: 0.75rem;
}
:where(.wp-block-latest-posts__featured-image img) {
display: block;
width: 100%;
height: auto;
}
:where(.wp-block-tag-cloud) {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
:where(.wp-block-tag-cloud a) {
padding: 0.38rem 0.75rem;
border: 1px solid color-mix(in srgb, var(--sc-color-border) 82%, transparent);
border-radius: 999px;
font-family: var(--sc-font-ui);
font-size: 0.8rem !important;
text-decoration: none;
}
:where(.wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:focus-visible) {
background: var(--sc-color-accent);
color: var(--sc-color-on-accent);
}
:where(.wp-block-calendar) {
font-family: var(--sc-font-ui);
}
:where(.wp-block-calendar caption) {
margin-bottom: 1rem;
font-family: var(--sc-font-heading);
font-size: clamp(1.25rem, 2vw, 1.65rem);
text-align: left;
}
:where(.wp-block-calendar table) {
background: var(--sc-color-surface);
}
:where(.wp-block-calendar th, .wp-block-calendar td) {
text-align: center;
vertical-align: middle;
}
:where(.wp-block-calendar tbody a) {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2rem;
min-height: 2rem;
background: var(--sc-color-accent);
color: var(--sc-color-on-accent);
text-decoration: none;
}
:where(.wp-block-calendar .wp-calendar-nav) {
display: flex;
justify-content: space-between;
gap: 1rem;
margin-top: 0.9rem;
font-family: var(--sc-font-ui);
font-size: 0.875rem;
}
:where(.wp-block-social-links) {
gap: 0.65rem;
}
:where(.wp-block-social-links:not(.is-style-logos-only) .wp-social-link) {
background: var(--sc-color-accent);
color: var(--sc-color-on-accent, #fff);
}
:where(.wp-block-social-links.is-style-logos-only .wp-social-link) {
color: var(--sc-color-accent);
}
:where(.wp-block-query .wp-block-post-template) {
gap: clamp(1rem, 2.2vw, 1.75rem);
}
:where(.wp-block-query .wp-block-post) {
min-width: 0;
}
:where(.wp-block-query .wp-block-post > .wp-block-group, .wp-block-query .wp-block-post:not(:has(> .wp-block-group))) {
display: flex;
flex-direction: column;
height: 100%;
padding: clamp(1.15rem, 2.4vw, 1.75rem);
border: 1px solid color-mix(in srgb, var(--sc-color-border) 74%, transparent);
background: color-mix(in srgb, var(--sc-color-surface) 92%, var(--sc-color-background));
}
:where(.wp-block-query .wp-block-post-featured-image) {
margin: calc(clamp(1.15rem, 2.4vw, 1.75rem) * -1) calc(clamp(1.15rem, 2.4vw, 1.75rem) * -1) 1.1rem;
}
:where(.wp-block-query .wp-block-post-featured-image img) {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
height: auto;
object-fit: cover;
}
:where(.wp-block-post-title) {
text-wrap: balance;
}
:where(.wp-block-query .wp-block-post-title) {
margin-block-end: 0.45rem;
}
:where(.wp-block-post-date, .wp-block-post-author, .wp-block-post-terms, .wp-block-post-excerpt__more-text) {
font-family: var(--sc-font-ui);
font-size: 0.875rem;
}
:where(.wp-block-post-date, .wp-block-post-author) {
color: var(--sc-color-muted);
}
:where(.wp-block-post-excerpt) {
margin-block-start: 0.85rem;
}
:where(.wp-block-post-excerpt__more-text) {
margin-block-start: auto;
padding-top: 0.75rem;
}
:where(.wp-block-post-excerpt__more-link) {
font-family: var(--sc-font-ui);
font-weight: 700;
}
:where(.wp-block-pagination) {
gap: 0.5rem;
font-family: var(--sc-font-ui);
}
:where(.wp-block-pagination a, .wp-block-pagination .page-numbers) {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.5rem;
min-height: 2.5rem;
padding-inline: 0.75rem;
border: 1px solid color-mix(in srgb, var(--sc-color-border) 80%, transparent);
text-decoration: none;
}
:where(.wp-block-pagination .current) {
background: var(--sc-color-accent);
color: var(--sc-color-on-accent);
}
:where(.wp-block-post-comments-form, .wp-block-comments, .wp-block-comment-template) {
font-family: var(--sc-font-body);
}
:where(.wp-block-comment-template) {
display: grid;
gap: 1rem;
padding: 0;
list-style: none;
}
:where(.wp-block-comment-template .comment) {
padding: 1rem 1.25rem;
border: 1px solid color-mix(in srgb, var(--sc-color-border) 76%, transparent);
background: color-mix(in srgb, var(--sc-color-surface) 88%, var(--sc-color-background));
}
:where(.wp-block-accordion) {
display: grid;
gap: 0;
border-top: 1px solid color-mix(in srgb, var(--sc-color-border) 78%, transparent);
}
:where(.wp-block-accordion-item) {
border-bottom: 1px solid color-mix(in srgb, var(--sc-color-border) 78%, transparent);
}
:where(.wp-block-accordion-heading) {
margin: 0;
font-family: var(--sc-font-heading);
font-size: clamp(1.25rem, 2vw, 1.6rem);
}
:where(.wp-block-accordion-heading__toggle) {
padding-block: 1rem;
}
:where(.wp-block-accordion-panel) {
padding-bottom: 1.25rem;
}
@media (max-width: 600px) {
:where(.wp-block-search__inside-wrapper) {
align-items: stretch;
flex-direction: column;
}
:where(.wp-block-search__button) {
width: 100%;
}
:where(.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content) {
padding-inline: 0;
}
}.site-footer {
background: var(--sc-color-contrast);
color: var(--sc-color-on-contrast);
}
.site-footer--style-surface {
background: var(--sc-color-surface);
color: var(--sc-color-text);
border-top: 1px solid var(--sc-color-border);
}
.site-footer--style-minimal {
background: transparent;
color: var(--sc-color-text);
border-top: 1px solid var(--sc-color-border);
}
.entry__content .sc-pattern-media-section--contrast,
.entry__content .sc-pattern-media-section.has-contrast-background-color,
.editor-styles-wrapper .sc-pattern-media-section--contrast,
.editor-styles-wrapper .sc-pattern-media-section.has-contrast-background-color {
background-color: var(--sc-color-contrast) !important;
background-color: color-mix(in srgb, var(--sc-color-contrast) 84%, #000) !important;
}
.entry__content .has-background-background-color:not(.has-text-color),
.entry__content .has-background-background-color:not(.has-text-color) :where(h1, h2, h3, h4, h5, h6, p, li, cite, figcaption, summary, label, a:not(.wp-block-button__link)),
.editor-styles-wrapper .has-background-background-color:not(.has-text-color),
.editor-styles-wrapper .has-background-background-color:not(.has-text-color) :where(h1, h2, h3, h4, h5, h6, p, li, cite, figcaption, summary, label, a:not(.wp-block-button__link)),
.entry__content .has-surface-background-color:not(.has-text-color),
.entry__content .has-surface-background-color:not(.has-text-color) :where(h1, h2, h3, h4, h5, h6, p, li, cite, figcaption, summary, label, a:not(.wp-block-button__link)),
.editor-styles-wrapper .has-surface-background-color:not(.has-text-color),
.editor-styles-wrapper .has-surface-background-color:not(.has-text-color) :where(h1, h2, h3, h4, h5, h6, p, li, cite, figcaption, summary, label, a:not(.wp-block-button__link)) {
color: var(--sc-color-text);
}
.entry__content .has-contrast-background-color,
.entry__content .has-contrast-background-color :where(h1, h2, h3, h4, h5, h6, p, li, cite, figcaption, summary, label, a:not(.wp-block-button__link)),
.editor-styles-wrapper .has-contrast-background-color,
.editor-styles-wrapper .has-contrast-background-color :where(h1, h2, h3, h4, h5, h6, p, li, cite, figcaption, summary, label, a:not(.wp-block-button__link)) {
color: var(--sc-color-on-contrast);
}
.entry__content .has-text-background-color,
.entry__content .has-text-background-color :where(h1, h2, h3, h4, h5, h6, p, li, cite, figcaption, summary, label, a:not(.wp-block-button__link)),
.editor-styles-wrapper .has-text-background-color,
.editor-styles-wrapper .has-text-background-color :where(h1, h2, h3, h4, h5, h6, p, li, cite, figcaption, summary, label, a:not(.wp-block-button__link)) {
color: var(--sc-color-background);
}
.entry__content .has-muted-background-color,
.entry__content .has-muted-background-color :where(h1, h2, h3, h4, h5, h6, p, li, cite, figcaption, summary, label, a:not(.wp-block-button__link)),
.editor-styles-wrapper .has-muted-background-color,
.editor-styles-wrapper .has-muted-background-color :where(h1, h2, h3, h4, h5, h6, p, li, cite, figcaption, summary, label, a:not(.wp-block-button__link)) {
color: var(--sc-color-background);
}
.entry__content .has-background-background-color.has-background-color,
.entry__content .has-background-background-color.has-background-color :where(h1, h2, h3, h4, h5, h6, p, li, cite, figcaption, summary, label, a:not(.wp-block-button__link)),
.editor-styles-wrapper .has-background-background-color.has-background-color,
.editor-styles-wrapper .has-background-background-color.has-background-color :where(h1, h2, h3, h4, h5, h6, p, li, cite, figcaption, summary, label, a:not(.wp-block-button__link)),
.entry__content .has-surface-background-color.has-surface-color,
.entry__content .has-surface-background-color.has-surface-color :where(h1, h2, h3, h4, h5, h6, p, li, cite, figcaption, summary, label, a:not(.wp-block-button__link)),
.editor-styles-wrapper .has-surface-background-color.has-surface-color,
.editor-styles-wrapper .has-surface-background-color.has-surface-color :where(h1, h2, h3, h4, h5, h6, p, li, cite, figcaption, summary, label, a:not(.wp-block-button__link)) {
color: var(--sc-color-text) !important;
}
.entry__content .has-text-background-color.has-text-color,
.entry__content .has-text-background-color.has-text-color :where(h1, h2, h3, h4, h5, h6, p, li, cite, figcaption, summary, label, a:not(.wp-block-button__link)),
.editor-styles-wrapper .has-text-background-color.has-text-color,
.editor-styles-wrapper .has-text-background-color.has-text-color :where(h1, h2, h3, h4, h5, h6, p, li, cite, figcaption, summary, label, a:not(.wp-block-button__link)),
.entry__content .has-contrast-background-color.has-contrast-color,
.entry__content .has-contrast-background-color.has-contrast-color :where(h1, h2, h3, h4, h5, h6, p, li, cite, figcaption, summary, label, a:not(.wp-block-button__link)),
.editor-styles-wrapper .has-contrast-background-color.has-contrast-color,
.editor-styles-wrapper .has-contrast-background-color.has-contrast-color :where(h1, h2, h3, h4, h5, h6, p, li, cite, figcaption, summary, label, a:not(.wp-block-button__link)) {
color: var(--sc-color-background) !important;
}
.entry__content .wp-block-cover:not(.has-text-color),
.entry__content .wp-block-cover:not(.has-text-color) :where(h1, h2, h3, h4, h5, h6, p, li, cite, a:not(.wp-block-button__link)),
.editor-styles-wrapper .wp-block-cover:not(.has-text-color),
.editor-styles-wrapper .wp-block-cover:not(.has-text-color) :where(h1, h2, h3, h4, h5, h6, p, li, cite, a:not(.wp-block-button__link)) {
color: #fff;
} .entry__content .has-text-color,
.entry__content .has-text-color :is(h1, h2, h3, h4, h5, h6, p, li, cite, a:not(.wp-block-button__link)),
.editor-styles-wrapper .has-text-color,
.editor-styles-wrapper .has-text-color :is(h1, h2, h3, h4, h5, h6, p, li, cite, a:not(.wp-block-button__link)) {
color: inherit;
} .entry__content :is(h1, h2, h3, h4, h5, h6) a:not(.wp-block-button__link),
.editor-styles-wrapper :is(h1, h2, h3, h4, h5, h6) a:not(.wp-block-button__link) {
text-decoration: none;
}
.entry__content :is(h1, h2, h3, h4, h5, h6) a:not(.wp-block-button__link):hover,
.entry__content :is(h1, h2, h3, h4, h5, h6) a:not(.wp-block-button__link):focus-visible {
text-decoration: underline;
}
.entry__content .has-accent-background-color:not(.has-text-color),
.entry__content .has-accent-background-color:not(.has-text-color) :where(h1, h2, h3, h4, h5, h6, p, li, cite, a:not(.wp-block-button__link)),
.editor-styles-wrapper .has-accent-background-color:not(.has-text-color),
.editor-styles-wrapper .has-accent-background-color:not(.has-text-color) :where(h1, h2, h3, h4, h5, h6, p, li, cite, a:not(.wp-block-button__link)) {
color: var(--sc-color-on-accent) !important;
}
.entry__content .has-accent-background-color.has-background-color.has-text-color,
.entry__content .has-accent-background-color.has-background-color.has-text-color :where(h1, h2, h3, h4, h5, h6, p, li, cite, a:not(.wp-block-button__link)),
.editor-styles-wrapper .has-accent-background-color.has-background-color.has-text-color,
.editor-styles-wrapper .has-accent-background-color.has-background-color.has-text-color :where(h1, h2, h3, h4, h5, h6, p, li, cite, a:not(.wp-block-button__link)) {
color: var(--sc-color-on-accent) !important;
} .entry__content .has-accent-2-background-color:not(.has-text-color),
.entry__content .has-accent-2-background-color:not(.has-text-color) :where(h1, h2, h3, h4, h5, h6, p, li, cite, a:not(.wp-block-button__link)),
.editor-styles-wrapper .has-accent-2-background-color:not(.has-text-color),
.editor-styles-wrapper .has-accent-2-background-color:not(.has-text-color) :where(h1, h2, h3, h4, h5, h6, p, li, cite, a:not(.wp-block-button__link)) {
color: var(--sc-color-on-accent-2) !important;
}
.entry__content .has-accent-2-background-color.has-background-color.has-text-color,
.entry__content .has-accent-2-background-color.has-background-color.has-text-color :where(h1, h2, h3, h4, h5, h6, p, li, cite, a:not(.wp-block-button__link)),
.editor-styles-wrapper .has-accent-2-background-color.has-background-color.has-text-color,
.editor-styles-wrapper .has-accent-2-background-color.has-background-color.has-text-color :where(h1, h2, h3, h4, h5, h6, p, li, cite, a:not(.wp-block-button__link)) {
color: var(--sc-color-on-accent-2) !important;
} .entry__content .has-accent-2-background-color .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background),
.editor-styles-wrapper .has-accent-2-background-color .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) {
background-color: var(--sc-button-bg, var(--sc-color-on-accent-2));
color: var(--sc-button-ink, var(--sc-color-accent-2)) !important;
}
.entry__content .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-accent-2-background-color,
.editor-styles-wrapper .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-accent-2-background-color {
color: var(--sc-color-on-accent-2) !important;
}
.entry__content .has-text-background-color .wp-block-button__link:not(.has-text-color),
.editor-styles-wrapper .has-text-background-color .wp-block-button__link:not(.has-text-color) {
color: var(--sc-color-text);
}
.entry__content .has-contrast-background-color .wp-block-button__link:not(.has-text-color),
.editor-styles-wrapper .has-contrast-background-color .wp-block-button__link:not(.has-text-color) {
color: var(--sc-color-on-accent);
}
.entry__content .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color),
.entry__content .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-accent-background-color,
.editor-styles-wrapper .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color),
.editor-styles-wrapper .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-accent-background-color {
color: var(--sc-button-ink, var(--sc-color-on-accent)) !important;
}
.entry__content .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background),
.editor-styles-wrapper .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) {
background-color: var(--sc-button-bg, var(--sc-color-accent));
}
.entry__content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
.editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
color: var(--sc-button-outline-ink, currentColor);
}