/* Accessibility fixes for the static myreas.com copy (WCAG 2.1 AA).
 * Source: tools/a11y.css. Installed on every page by tools/a11y_fixes.py, after the Squarespace CSS.
 * Background: EAA/WCAG audit of 26-09-2026 (Myreas_EAA Audit/.eaa-reports/myreas-com).
 */

/* 0. The site's own custom.css forces tertiary buttons to #71B5A4 with !important. */
html body a.sqs-button-element--tertiary { background-color: #2E7D6B !important; }
html body a.sqs-button-element--tertiary:hover { background-color: #25685A !important; }

/* 1. Brand mint that holds its contrast (1.4.3).
 * Squarespace derives every accent colour from these five variables, all set to #70B7A4, which
 * reaches only 2.33:1 against white. On light sections they become #2E7D6B (4.93:1 with white,
 * both ways). Dark sections (navy, video heroes) keep the light mint for text, where it reaches
 * 5.2:1 against navy, but their buttons also get the dark mint because they carry white text. */
:root {
  --accent-hsl: 166.33,46.2%,33.53%;
  --darkAccent-hsl: 166.33,46.2%,33.53%;
  --lightAccent-hsl: 166.33,46.2%,33.53%;
  --safeDarkAccent-hsl: 166.33,46.2%,33.53%;
  --safeLightAccent-hsl: 166.33,46.2%,33.53%;
}
[data-section-theme="black"],
[data-section-theme="black-bold"],
[data-section-theme="dark"] {
  --accent-hsl: 163.94,33.02%,57.84%;
  --darkAccent-hsl: 163.94,33.02%,57.84%;
  --lightAccent-hsl: 163.94,33.02%,57.84%;
  --safeDarkAccent-hsl: 163.94,33.02%,57.84%;
  --safeLightAccent-hsl: 163.94,33.02%,57.84%;
  --primaryButtonBackgroundColor: #2E7D6B;
  --secondaryButtonBackgroundColor: #2E7D6B;
  --tertiaryButtonBackgroundColor: #2E7D6B;
  --tweak-form-block-button-background-color: #2E7D6B;
}
/* White text on the mint highlight band: dark mint underneath (4.93:1). Black text keeps the
 * light band (9.3:1). */
[data-section-theme="black"] .sqsrte-text-highlight,
[data-section-theme="black-bold"] .sqsrte-text-highlight,
[data-section-theme="dark"] .sqsrte-text-highlight {
  --text-highlight-color: #2E7D6B;
}

/* 2. Hero text over a background video (1.4.3). Without a layer, white text dropped below 3:1 in
 * 40-50% of the frames. 60% navy keeps it at >= 3.6:1 even on a white frame. z-index 0 keeps the
 * layer above the video but below the section content, which comes later in the DOM. */
.sqs-video-background-native::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(29, 53, 103, 0.6);
  pointer-events: none;
}

/* 3. The AI Training bar (1.4.3, 2.2.2, 2.4.7): the gradient ends in a dark teal, so every part
 * of it holds 5:1 for #A8E6CF and 7:1 for white; the animation stops after about 4 seconds; and
 * the focus ring is white instead of the browser's black. */
html body .ai-promo {
  background-image: linear-gradient(100deg, #1D3567 0%, #2C4E86 45%, #22605A 100%);
  animation-duration: 4s;
  animation-iteration-count: 1;
}
html body .ai-promo__badge { animation-iteration-count: 3; }
html body .ai-promo:focus-visible {
  outline: 3px solid #FFFFFF;
  outline-offset: -6px;
}

/* 4. Pause button for background videos (2.2.2), added by static-site.js. The sections are
 * wider than the viewport (1581px at 1280px), so the button is placed from the viewport width,
 * not from the section's right edge. */
.a11y-video-knop {
  position: absolute;
  top: 16px;
  left: calc(100vw - 9.5rem);
  min-width: 6.5rem;
  justify-content: center;
  z-index: 1000;
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  padding: 0.45em 0.9em;
  border: 2px solid #FFFFFF;
  border-radius: 300px;
  background: rgba(29, 53, 103, 0.85);
  color: #FFFFFF;
  font: 600 14px/1.2 'Open Sans', Arial, sans-serif;
  cursor: pointer;
}
.a11y-video-knop:hover { background: #1D3567; }
.a11y-video-knop:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 3px; }

/* 5. Interview videos with native controls (2.2.2): the Squarespace player layers would cover
 * the browser's own controls. */
.sqs-native-video .plyr__poster,
.sqs-native-video .plyr__controls { display: none !important; }
.sqs-native-video .plyr__video-wrapper { z-index: auto; }
.sqs-native-video .plyr--full-ui video::-webkit-media-controls { display: flex !important; }
/* The videos are square inside a 16:9 box: size the element to the picture so the control bar
 * spans the picture and not the empty sides. */
.sqs-native-video .plyr__video-wrapper video { display: block; width: auto; max-width: 100%; height: 100%; margin: 0 auto; }

/* 6. Vimeo embeds that load on request (static-site.js). */
.sqs-video-wrapper.a11y-video-geladen { position: relative; aspect-ratio: 16 / 9; }
.sqs-video-wrapper.a11y-video-geladen iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* 7. The "Cookie-instellingen" footer control is a real button now (2.1.1) that looks like the
 * link next to it. */
.a11y-cookie-knop {
  display: inline;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  font-family: 'Seravek-Bold', sans-serif; /* custom.css sets this on every <a> */
  cursor: pointer;
}
.a11y-cookie-knop:hover { text-decoration: underline; }
.a11y-cookie-knop:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

/* 8. Page heading for screen readers on pages without a visible h1 (1.3.1). */
.a11y-sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* 9. Elements whose tag was corrected keep the look of the old tag (1.3.1): body text that was
 * set as an h4 is now a <p class="a11y-als-h4">, an extra h1 is now an <h2 class="a11y-als-h1">.
 * The rules below are the site's own h1/h4 rules with the tag replaced by that class; the class
 * is doubled so it outranks the p and h2 rules. Generated from the live stylesheets. */
.a11y-als-h1.a11y-als-h1 { font-size: 2em; margin: 0.67em 0px; }
.yui3-lightbox2 .sqs-lightbox-meta .a11y-als-h1.a11y-als-h1 { font-size: 1em; color: rgb(255, 255, 255); margin: 0px 0px 10px; }
.sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text .a11y-als-h1.a11y-als-h1 { position: relative; left: initial; margin: 0px; white-space: nowrap !important; }
.sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text .a11y-als-h4.a11y-als-h4 { position: relative; left: initial; margin: 0px; white-space: nowrap !important; }
.sqs-block-html .sqs-html-content .sqsrte-scaled-text-container > .sqsrte-scaled-text .a11y-als-h1.a11y-als-h1 { margin: 0px; padding: 0px; line-height: 1; font-size: inherit !important; }
.sqs-block-html .sqs-html-content .sqsrte-scaled-text-container > .sqsrte-scaled-text .a11y-als-h4.a11y-als-h4 { margin: 0px; padding: 0px; line-height: 1; font-size: inherit !important; }
.sqs-gallery-block-grid .slide .meta .a11y-als-h1.a11y-als-h1 { font-size: 12px; letter-spacing: normal; margin: 0px; }
.Marquee .a11y-als-h1.a11y-als-h1 { margin: 0px; min-height: 0px; line-height: 1.4 !important; }
.a11y-als-h1.a11y-als-h1[data-rte-preserve-empty]:empty::before { content: ""; display: inline-block; }
.a11y-als-h4.a11y-als-h4[data-rte-preserve-empty]:empty::before { content: ""; display: inline-block; }
.a11y-als-h1.a11y-als-h1 { margin: 2rem 0px; }
.a11y-als-h4.a11y-als-h4 { margin: 2rem 0px; }
.a11y-als-h1.a11y-als-h1 { font-family: var(--heading-font-font-family); font-style: var(--heading-font-font-style); font-weight: var(--heading-font-font-weight); line-height: var(--heading-font-line-height); letter-spacing: var(--heading-font-letter-spacing); text-transform: var(--heading-font-text-transform); }
.a11y-als-h4.a11y-als-h4 { font-family: var(--heading-font-font-family); font-style: var(--heading-font-font-style); font-weight: var(--heading-font-font-weight); line-height: var(--heading-font-line-height); letter-spacing: var(--heading-font-letter-spacing); text-transform: var(--heading-font-text-transform); }
.a11y-als-h1.a11y-als-h1 { line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--heading-1-size-value))/25)); }
@media screen and (max-width: 767px) and (orientation: portrait) {
.a11y-als-h1.a11y-als-h1 { font-size: calc((var(--heading-1-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); }
}
@media screen and (min-width: 768px), screen and (orientation: landscape) {
.a11y-als-h1.a11y-als-h1 { font-size: min(calc((var(--heading-1-size-value) - 1) * 1.2vw + 1rem), max(calc((var(--heading-1-size-value) - 1) * 0.012 * var(--maxPageWidth) + 1rem), calc(var(--heading-1-size-value) * 1rem))); }
}
.a11y-als-h4.a11y-als-h4 { line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--heading-4-size-value))/25)); }
@media screen and (max-width: 767px) and (orientation: portrait) {
.a11y-als-h4.a11y-als-h4 { font-size: calc((var(--heading-4-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); }
}
@media screen and (min-width: 768px), screen and (orientation: landscape) {
.a11y-als-h4.a11y-als-h4 { font-size: min(calc((var(--heading-4-size-value) - 1) * 1.2vw + 1rem), max(calc((var(--heading-4-size-value) - 1) * 0.012 * var(--maxPageWidth) + 1rem), calc(var(--heading-4-size-value) * 1rem))); }
}
.blog-item-wrapper .blog-item-title .a11y-als-h1.a11y-als-h1.entry-title { font-family: var(--blog-item-title-font-font-family); font-style: var(--blog-item-title-font-font-style); font-weight: var(--blog-item-title-font-font-weight); line-height: var(--blog-item-title-font-line-height); letter-spacing: var(--blog-item-title-font-letter-spacing); text-transform: var(--blog-item-title-font-text-transform); }
@media screen and (max-width: 767px) and (orientation: portrait) {
.blog-item-wrapper .blog-item-title .a11y-als-h1.a11y-als-h1.entry-title { font-size: calc((var(--blog-item-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); }
}
@media screen and (min-width: 768px), screen and (orientation: landscape) {
.blog-item-wrapper .blog-item-title .a11y-als-h1.a11y-als-h1.entry-title { font-size: min(calc((var(--blog-item-title-font-font-size-value) - 1) * 1.2vw + 1rem), max(calc((var(--blog-item-title-font-font-size-value) - 1) * 0.012 * var(--maxPageWidth) + 1rem), calc(var(--blog-item-title-font-font-size-value) * 1rem))); }
}
.collection-type-portfolio-index-background .portfolio-index-background-link .a11y-als-h1.a11y-als-h1 { font-family: var(--portfolio-index-background-title-font-font-family); font-style: var(--portfolio-index-background-title-font-font-style); font-weight: var(--portfolio-index-background-title-font-font-weight); line-height: var(--portfolio-index-background-title-font-line-height); letter-spacing: var(--portfolio-index-background-title-font-letter-spacing); text-transform: var(--portfolio-index-background-title-font-text-transform); }
@media screen and (max-width: 767px) and (orientation: portrait) {
.collection-type-portfolio-index-background .portfolio-index-background-link .a11y-als-h1.a11y-als-h1 { font-size: calc((var(--portfolio-index-background-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); }
}
@media screen and (min-width: 768px), screen and (orientation: landscape) {
.collection-type-portfolio-index-background .portfolio-index-background-link .a11y-als-h1.a11y-als-h1 { font-size: min(calc((var(--portfolio-index-background-title-font-font-size-value) - 1) * 1.2vw + 1rem), max(calc((var(--portfolio-index-background-title-font-font-size-value) - 1) * 0.012 * var(--maxPageWidth) + 1rem), calc(var(--portfolio-index-background-title-font-font-size-value) * 1rem))); }
}
div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper .a11y-als-h1.a11y-als-h1 { font-family: var(--heading-font-font-family); font-style: var(--heading-font-font-style); font-weight: var(--heading-font-font-weight); line-height: var(--heading-font-line-height); letter-spacing: var(--heading-font-letter-spacing); text-transform: var(--heading-font-text-transform); }
@media screen and (max-width: 767px) and (orientation: portrait) {
div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper .a11y-als-h1.a11y-als-h1 { font-size: calc((var(--heading-3-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); }
}
@media screen and (min-width: 768px), screen and (orientation: landscape) {
div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper .a11y-als-h1.a11y-als-h1 { font-size: min(calc((var(--heading-3-size-value) - 1) * 1.2vw + 1rem), max(calc((var(--heading-3-size-value) - 1) * 0.012 * var(--maxPageWidth) + 1rem), calc(var(--heading-3-size-value) * 1rem))); }
}
.tweak-global-animations-animation-type-flex .sqs-block .a11y-als-h1.a11y-als-h1 a { display: inline; text-decoration: none; background-repeat: no-repeat; background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor); background-size: 50% 1px, 50% 1px; background-position: 0% bottom, 100% bottom; }
.tweak-global-animations-animation-type-flex .sqs-block .a11y-als-h4.a11y-als-h4 a { display: inline; text-decoration: none; background-repeat: no-repeat; background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor); background-size: 50% 1px, 50% 1px; background-position: 0% bottom, 100% bottom; }
@media (hover: hover) {
.tweak-global-animations-animation-type-flex .sqs-block .a11y-als-h1.a11y-als-h1 a { animation: 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s 1 normal forwards running underlineSlideIn; }
}
@media (hover: hover) {
.tweak-global-animations-animation-type-flex .sqs-block .a11y-als-h4.a11y-als-h4 a { animation: 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s 1 normal forwards running underlineSlideIn; }
}
@media (hover: hover) {
.tweak-global-animations-animation-type-flex .sqs-block .a11y-als-h1.a11y-als-h1 a:hover { animation: 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s 1 normal forwards running underlineSlideOut; }
}
@media (hover: hover) {
.tweak-global-animations-animation-type-flex .sqs-block .a11y-als-h4.a11y-als-h4 a:hover { animation: 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s 1 normal forwards running underlineSlideOut; }
}
.collection-type-products [data-product-detail-layout="simple"] .a11y-als-h1.a11y-als-h1.product-title { font-family: var(--product-basic-item-title-font-font-family); font-style: var(--product-basic-item-title-font-font-style); font-weight: var(--product-basic-item-title-font-font-weight); line-height: var(--product-basic-item-title-font-line-height); letter-spacing: var(--product-basic-item-title-font-letter-spacing); text-transform: var(--product-basic-item-title-font-text-transform); }
@media screen and (max-width: 767px) and (orientation: portrait) {
.collection-type-products [data-product-detail-layout="simple"] .a11y-als-h1.a11y-als-h1.product-title { font-size: calc((var(--product-basic-item-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); }
}
@media screen and (min-width: 768px), screen and (orientation: landscape) {
.collection-type-products [data-product-detail-layout="simple"] .a11y-als-h1.a11y-als-h1.product-title { font-size: min(calc((var(--product-basic-item-title-font-font-size-value) - 1) * 1.2vw + 1rem), max(calc((var(--product-basic-item-title-font-font-size-value) - 1) * 0.012 * var(--maxPageWidth) + 1rem), calc(var(--product-basic-item-title-font-font-size-value) * 1rem))); }
}
.collection-type-products [data-product-detail-layout="half"] .a11y-als-h1.a11y-als-h1.product-title { font-family: var(--product-basic-item-title-half-layout-font-font-family); font-style: var(--product-basic-item-title-half-layout-font-font-style); font-weight: var(--product-basic-item-title-half-layout-font-font-weight); line-height: var(--product-basic-item-title-half-layout-font-line-height); letter-spacing: var(--product-basic-item-title-half-layout-font-letter-spacing); text-transform: var(--product-basic-item-title-half-layout-font-text-transform); }
@media screen and (max-width: 767px) and (orientation: portrait) {
.collection-type-products [data-product-detail-layout="half"] .a11y-als-h1.a11y-als-h1.product-title { font-size: calc((var(--product-basic-item-title-half-layout-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); }
}
@media screen and (min-width: 768px), screen and (orientation: landscape) {
.collection-type-products [data-product-detail-layout="half"] .a11y-als-h1.a11y-als-h1.product-title { font-size: min(calc((var(--product-basic-item-title-half-layout-font-font-size-value) - 1) * 1.2vw + 1rem), max(calc((var(--product-basic-item-title-half-layout-font-font-size-value) - 1) * 0.012 * var(--maxPageWidth) + 1rem), calc(var(--product-basic-item-title-half-layout-font-font-size-value) * 1rem))); }
}
.collection-type-products [data-product-detail-layout="full"] .a11y-als-h1.a11y-als-h1.product-title { font-family: var(--product-basic-item-title-full-layout-font-font-family); font-style: var(--product-basic-item-title-full-layout-font-font-style); font-weight: var(--product-basic-item-title-full-layout-font-font-weight); line-height: var(--product-basic-item-title-full-layout-font-line-height); letter-spacing: var(--product-basic-item-title-full-layout-font-letter-spacing); text-transform: var(--product-basic-item-title-full-layout-font-text-transform); }
@media screen and (max-width: 767px) and (orientation: portrait) {
.collection-type-products [data-product-detail-layout="full"] .a11y-als-h1.a11y-als-h1.product-title { font-size: calc((var(--product-basic-item-title-full-layout-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); }
}
@media screen and (min-width: 768px), screen and (orientation: landscape) {
.collection-type-products [data-product-detail-layout="full"] .a11y-als-h1.a11y-als-h1.product-title { font-size: min(calc((var(--product-basic-item-title-full-layout-font-font-size-value) - 1) * 1.2vw + 1rem), max(calc((var(--product-basic-item-title-full-layout-font-font-size-value) - 1) * 0.012 * var(--maxPageWidth) + 1rem), calc(var(--product-basic-item-title-full-layout-font-font-size-value) * 1rem))); }
}
.collection-type-products [data-product-detail-layout="wrap"] .a11y-als-h1.a11y-als-h1.product-title { font-family: var(--product-basic-item-title-wrap-layout-font-font-family); font-style: var(--product-basic-item-title-wrap-layout-font-font-style); font-weight: var(--product-basic-item-title-wrap-layout-font-font-weight); line-height: var(--product-basic-item-title-wrap-layout-font-line-height); letter-spacing: var(--product-basic-item-title-wrap-layout-font-letter-spacing); text-transform: var(--product-basic-item-title-wrap-layout-font-text-transform); }
@media screen and (max-width: 767px) and (orientation: portrait) {
.collection-type-products [data-product-detail-layout="wrap"] .a11y-als-h1.a11y-als-h1.product-title { font-size: calc((var(--product-basic-item-title-wrap-layout-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem); }
}
@media screen and (min-width: 768px), screen and (orientation: landscape) {
.collection-type-products [data-product-detail-layout="wrap"] .a11y-als-h1.a11y-als-h1.product-title { font-size: min(calc((var(--product-basic-item-title-wrap-layout-font-font-size-value) - 1) * 1.2vw + 1rem), max(calc((var(--product-basic-item-title-wrap-layout-font-font-size-value) - 1) * 0.012 * var(--maxPageWidth) + 1rem), calc(var(--product-basic-item-title-wrap-layout-font-font-size-value) * 1rem))); }
}
@media screen and (max-width: 767px) and (orientation: portrait) {
.Marquee .a11y-als-h1.a11y-als-h1 { font-size: calc((var(--marquee-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important; }
}
@media screen and (min-width: 768px), screen and (orientation: landscape) {
.Marquee .a11y-als-h1.a11y-als-h1 { font-size: min(calc((var(--marquee-font-size-value) - 1) * 1.2vw + 1rem), max(calc((var(--marquee-font-size-value) - 1) * 0.012 * var(--maxPageWidth) + 1rem), calc(var(--marquee-font-size-value) * 1rem))) !important; }
}
div.sqs-block-opentable-v2 .a11y-als-h1.a11y-als-h1 { color: inherit; }
.a11y-als-h1.a11y-als-h1 { color: var(--headingExtraLargeColor); }
.a11y-als-h4.a11y-als-h4 { color: var(--headingSmallColor); }
.sqs-background-enabled.sqs-block-html .a11y-als-h1.a11y-als-h1,
.sqs-background-enabled.sqs-block-accordion .a11y-als-h1.a11y-als-h1 { color: var(--tweak-heading-extra-large-color-on-background); }
.sqs-background-enabled.sqs-block-html .a11y-als-h4.a11y-als-h4,
.sqs-background-enabled.sqs-block-accordion .a11y-als-h4.a11y-als-h4 { color: var(--tweak-heading-small-color-on-background); }
.sqs-background-enabled.sqs-block-marquee .a11y-als-h1.a11y-als-h1 { color: var(--tweak-marquee-block-heading-color-on-background); }
@media screen and (min-width: 768px) {
.sqs-stack-container[data-background-enabled] .sqs-block-html .a11y-als-h1.a11y-als-h1,
.sqs-stack-container[data-background-enabled] .sqs-block-accordion .a11y-als-h1.a11y-als-h1 { color: var(--tweak-heading-extra-large-color-on-background); }
}
@media screen and (min-width: 768px) {
.sqs-stack-container[data-background-enabled] .sqs-block-html .a11y-als-h4.a11y-als-h4,
.sqs-stack-container[data-background-enabled] .sqs-block-accordion .a11y-als-h4.a11y-als-h4 { color: var(--tweak-heading-small-color-on-background); }
}
@media screen and (min-width: 768px) {
.sqs-stack-container[data-background-enabled] .sqs-block-marquee .a11y-als-h1.a11y-als-h1 { color: var(--tweak-marquee-block-heading-color-on-background); }
}
@media screen and (max-width: 767px) {
.sqs-stack-container[data-background-enabled-system_mobile="true"] .sqs-block-html .a11y-als-h1.a11y-als-h1,
.sqs-stack-container[data-background-enabled]:not([data-background-enabled-system_mobile]) .sqs-block-html .a11y-als-h1.a11y-als-h1,
.sqs-stack-container[data-background-enabled]:not([data-background-enabled-system_mobile]) .sqs-block-accordion .a11y-als-h1.a11y-als-h1 { color: var(--tweak-heading-extra-large-color-on-background); }
}
@media screen and (max-width: 767px) {
.sqs-stack-container[data-background-enabled-system_mobile="true"] .sqs-block-html .a11y-als-h4.a11y-als-h4,
.sqs-stack-container[data-background-enabled]:not([data-background-enabled-system_mobile]) .sqs-block-html .a11y-als-h4.a11y-als-h4,
.sqs-stack-container[data-background-enabled]:not([data-background-enabled-system_mobile]) .sqs-block-accordion .a11y-als-h4.a11y-als-h4 { color: var(--tweak-heading-small-color-on-background); }
}
@media screen and (max-width: 767px) {
.sqs-stack-container[data-background-enabled-system_mobile="true"] .sqs-block-marquee .a11y-als-h1.a11y-als-h1,
.sqs-stack-container[data-background-enabled]:not([data-background-enabled-system_mobile]) .sqs-block-marquee .a11y-als-h1.a11y-als-h1 { color: var(--tweak-marquee-block-heading-color-on-background); }
}
.sqs-block-marquee .a11y-als-h1.a11y-als-h1 { color: var(--tweak-marquee-block-heading-color); }
.sqs-block-html .a11y-als-h1.a11y-als-h1 a { color: var(--headingLinkColor); }
.sqs-block-html .a11y-als-h4.a11y-als-h4 a { color: var(--headingLinkColor); }
.collection-type-portfolio-index-background .portfolio-index-background-link .a11y-als-h1.a11y-als-h1 { color: var(--portfolio-index-background-title-color); }
.blog-item-wrapper .blog-item-title .a11y-als-h1.a11y-als-h1.entry-title { color: var(--tweak-blog-item-title-color); }
@media screen and (max-width: 767px) {
.sqs-block-html > .sqs-block-content > .a11y-als-h1.a11y-als-h1[style*="margin-left"] { margin-left: 0px !important; }
}
@media screen and (max-width: 767px) {
.sqs-block-html > .sqs-block-content > .a11y-als-h4.a11y-als-h4[style*="margin-left"] { margin-left: 0px !important; }
}
.blog-item-wrapper .blog-item-title .a11y-als-h1.a11y-als-h1 { margin: 0px; }
.sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay .image-caption-wrapper .a11y-als-h1.a11y-als-h1,
.sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-wrapper .a11y-als-h1.a11y-als-h1 { color: rgb(238, 238, 238); }
.image-position-left .image-title .a11y-als-h1.a11y-als-h1,
.image-position-right .image-title .a11y-als-h1.a11y-als-h1 { display: inline; }
.image-position-left .image-title .a11y-als-h4.a11y-als-h4,
.image-position-right .image-title .a11y-als-h4.a11y-als-h4 { display: inline; }
.product-list .product-list-container .product-list-no-results .a11y-als-h4.a11y-als-h4 { transform: scale(0.9); }
.product-list .product-list-layout-container[data-product-list-layout="list"] .product-list-item .product-list-description .product-list-description-rich-text .a11y-als-h1.a11y-als-h1 { margin: 0px; overflow-wrap: break-word; }
.a11y-als-h1.a11y-als-h1 { font-family: Seravek-Bold; }
.blog-item-wrapper .blog-item-title .a11y-als-h1.a11y-als-h1.entry-title { font-family: Seravek-Bold; }
.a11y-als-h4.a11y-als-h4 { font-family: Seravek-Bold; }