@import './fonts.css';
@import 'tailwindcss' theme(static);
@import './utilities.css';
@import './nav.css';
@import './footer.css';
@import './motion.css';
@import './breadcrumb.css';
@import './top-banner.css';
@import './acf-wysiwyg.css';
@import './core-details.css';
@import './core-gallery.css';
@import './core-figure.css';
@import './core-table.css';
@import './core-layout.css';
@import './content.css';
@import './pagination.css';
@import './print.css';

@source "../../app/**/*.php";
@source "../**/*.blade.php";
@source "../**/*.js";

body {
  --wp--custom--layout--scrollbar-width: calc(100dvw - 100%);

  overflow-x: clip;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-block: 1.5rem;
}

:is(
  .wp-block-group > *,
  .wp-block-group > .wp-block-group__inner-container > *,
  .wp-block-column > *,
  .wp-block-media-text > .wp-block-media-text__content > *,
  .wp-block-details > .details-content > .details-content__inner > *
):first-child {
  margin-top: 0;
}

:is(
  .wp-block-group > *,
  .wp-block-group > .wp-block-group__inner-container > *,
  .wp-block-column > *,
  .wp-block-media-text > .wp-block-media-text__content > *,
  .wp-block-details > .details-content > .details-content__inner > *
):last-child {
  margin-bottom: 0;
}

:is(.wp-element-button, .wp-block-button__link) {
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease;
}

:is(.wp-element-button, .wp-block-button__link):hover,
:is(.wp-element-button, .wp-block-button__link):focus-visible {
  color: var(--wp--custom--color--text);
  background: var(--wp--custom--color--brand);
  border-color: var(--wp--custom--color--brand);
}

.wp-block-separator {
  color: var(--wp--custom--color--accent);
}

.wp-block-separator.is-style-wide {
  height: 0.5rem;
  border: 0;
  background-color: currentcolor;
}

:root :where(.wp-block-separator.is-style-dots) {
  height: 0.75rem;
}

:root :where(.wp-block-separator.is-style-dots)::before {
  display: block;
  width: 18.25rem;
  max-width: 100%;
  height: 0.75rem;
  margin-inline: auto;
  padding-left: 0;
  font-size: 0;
  letter-spacing: 0;
  background-color: var(--wp--custom--color--accent);
  mask: url('../images/separator-dots.svg') center / contain no-repeat;
}

.wp-block-button.is-style-outline > .wp-block-button__link {
  color: var(--wp--custom--color--accent);
  background-color: var(--wp--custom--color--white);
  border-color: var(--wp--custom--color--accent);
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover,
.wp-block-button.is-style-outline > .wp-block-button__link:focus-visible {
  color: var(--wp--custom--color--white);
  background-color: var(--wp--custom--color--accent);
  border-color: var(--wp--custom--color--accent);
}

.main {
  --main-gutter: 1rem;
  --main-grid-gap: 1rem;
  --wp--custom--spacing--content-flow: 3rem;

  width: min(
    calc(100% - (2 * var(--main-gutter))),
    var(--wp--style--global--wide-size, 94rem)
  );
  margin-block: var(--wp--custom--spacing--content-flow);
  margin-inline: auto;
}

:is(.main, .content-root) {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--main-grid-gap);
  min-width: 0;
}

.content-root {
  width: 100%;
}

:is(.main, .content-root) > * {
  grid-column: 1 / -1;
  min-width: 0;
}

:is(.main, .content-root) > :is(.alignwide, .alignfull) {
  max-width: none;
}

:is(.main, .content-root) > .alignwide {
  position: relative;
  left: 50%;
  width: min(100dvw, var(--wp--custom--layout--wide, 94rem));
  transform: translateX(-50%);
}

:is(.main, .content-root) > .wp-block-media-text.alignwide {
  left: auto;
  width: min(100%, var(--wp--custom--layout--wide, 94rem));
  transform: none;
}

:is(.main, .content-root) > .alignfull {
  width: calc(100dvw - var(--wp--custom--layout--scrollbar-width));
  margin-inline: calc(50% - 50dvw);
}

:is(.main, .content-root) > .wp-block-group.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-inline: calc(50% - 50vw);
}

:is(.main, .content-root) > .wp-block-image.alignfull img {
  width: 100vw;
  max-width: 100vw;
}

:is(.main, .content-root) > .wp-block-image figcaption {
  padding-left: 1rem;
}

:is(.main, .content-root) > .wp-block-image:not(.alignwide, .alignfull) {
  width: 100%;
}

@media (width >= 48rem) {
  .main {
    --main-gutter: 1.5rem;
    --main-grid-gap: 1.5rem;
  }
}

@media (width >= 64rem) {
  .main {
    --main-gutter: 2rem;
    --main-grid-gap: 2rem;
    --wp--custom--spacing--content-flow: 4rem;
  }

  :is(.main, .content-root) > .alignwide {
    max-width: 90dvw;
  }

  :is(.main, .content-root) > *:not(.alignwide, .alignfull, .content-root) {
    grid-column: 2 / -2;
  }
}

:is(.main, .content-root)
  > :is(
    .wp-block-group,
    .wp-block-columns,
    .wp-block-media-text,
    .wp-block-image,
    .wp-block-gallery,
    .wp-block-embed,
    .wp-block-html,
    .wp-block-separator,
    hr.wp-block-separator,
    .wp-block-table,
    .wp-block-quote
  ) {
  margin-block: var(--wp--custom--spacing--content-flow);
}

main.main > :first-child:not(.header-hero) {
  margin-top: 0;
}

main.main > :last-child {
  margin-bottom: 0;
}

:is(.main, .content-root)
  > :is(
    .wp-block-group,
    .wp-block-columns,
    .wp-block-media-text,
    .wp-block-image,
    .wp-block-gallery,
    .wp-block-embed,
    .wp-block-html,
    .wp-block-separator,
    hr.wp-block-separator,
    .wp-block-table,
    .wp-block-quote
  )
  + :is(
    .wp-block-group,
    .wp-block-columns,
    .wp-block-media-text,
    .wp-block-image,
    .wp-block-gallery,
    .wp-block-embed,
    .wp-block-html,
    .wp-block-separator,
    hr.wp-block-separator,
    .wp-block-table,
    .wp-block-quote
  ) {
  margin-block-start: 0;
}

:is(.main, .content-root)
  > :is(
    .wp-block-group.has-background,
    .wp-block-columns.has-background,
    .wp-block-media-text.has-background,
    .wp-block-gallery.has-background,
    .wp-block-embed.has-background,
    .wp-block-details.has-background,
    .wp-block-table.has-background,
    .wp-block-quote.has-background
  ) {
  padding: var(--wp--custom--spacing--content-flow);
}

:is(.main, .content-root)
  > :is(
    .wp-block-group.has-background,
    .wp-block-columns.has-background,
    .wp-block-media-text.has-background,
    .wp-block-gallery.has-background,
    .wp-block-embed.has-background,
    .wp-block-details.has-background,
    .wp-block-table.has-background,
    .wp-block-quote.has-background
  ):not(.alignfull) {
  border-radius: var(--wp--custom--radius--image);
}

:is(.main, .content-root)
  > :is(
    .wp-block-group.has-background,
    .wp-block-columns.has-background,
    .wp-block-media-text.has-background,
    .wp-block-gallery.has-background,
    .wp-block-embed.has-background,
    .wp-block-details.has-background,
    .wp-block-table.has-background,
    .wp-block-quote.has-background
  )[style*='background-image']:not(.alignfull) {
  border-radius: var(--wp--custom--radius--button);
  background-position: 50%;
}

:is(.main, .content-root)
  > .wp-block-image:not(.alignfull, .is-style-no-radius)
  img,
:is(.main, .content-root)
  > .wp-block-media-text:not(.alignfull)
  .wp-block-media-text__media
  img,
:is(.main, .content-root)
  > .wp-block-gallery:not(.alignfull)
  .wp-block-image:not(.is-style-no-radius)
  img {
  border-radius: var(--wp--custom--radius--image);
}

@media (width <= 37.5rem) {
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
    margin-bottom: 1rem;
  }
}

.card-frame > :not(.alignfull) {
  margin-block: 0;
}