/*----------------------------------------------*\
    BLOCK - Body Text
	=================

	@package substance

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package substance

\*----------------------------------------------*/
/*
 *
 * ANCHOR Variables
 * /
------------------------------------------------*/
/* Breakpoints */
/* Responsive type multipliers */
/* Type sizes */
/* See https://type-scale.com */
/* Minor third from here */
/* Major third from here */
/* Max-widths */
/*
 *
 * ANCHOR Mixins
 * /
------------------------------------------------*/
.body-text {
  padding: 0 var(--page-padding);
}
.page .body-text { /* if used on pages (vs article) */
  max-width: var(--max-width-text);
  margin: 0 auto;
  padding-left: var(--size-300);
  /* the following counteracts weird things happening with .article-text-block__wrapper */
}
@media screen and (min-width: 24rem) {
  .page .body-text {
    padding-right: 0;
  }
}
@media screen and (min-width: 34rem) {
  .page .body-text {
    padding-left: 0;
  }
}
.body-text__wrapper {
  /* fix breaks in reallly long words or URLs */
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.body-text__wrapper > * {
  font-size: calc(var(--size-400) * 1.15); /* multiply because serif renders smaller than sans */
  font-family: var(--font-text);
  line-height: 1.6;
  max-width: 56ch;
  margin-bottom: 0.9em;
}
.body-text__wrapper > *:last-child {
  margin-bottom: 0;
}
.logged-in .body-text__wrapper div { /* Admin messages for <div> tags that shouldn't be used */ }
.logged-in .body-text__wrapper div:before, .logged-in .body-text__wrapper div:after {
  background-color: yellow;
  font-family: var(--font-ui);
  font-weight: bold;
  padding: 0.25em;
}
.logged-in .body-text__wrapper div:before {
  content: "DELETE IMPROPER <div> TAG HERE";
}
.logged-in .body-text__wrapper div:after {
  content: "DELETE IMPROPER </div> TAG HERE";
}
.body-text h2 {
  font-family: var(--font-ui);
  font-weight: bold;
  font-size: var(--size-600);
  margin-top: var(--size-500);
  line-height: 1.2;
}
.body-text h3 {
  font-family: var(--font-ui);
  font-weight: bold;
  font-size: var(--size-500);
  margin-top: var(--size-500);
  line-height: 1.2;
}
.body-text h2 + h3 {
  margin-top: 0;
}
.body-text ul {
  list-style: disc outside;
  padding-left: var(--size-500);
}
.body-text ul li {
  margin-bottom: var(--size-100);
}
.body-text blockquote {
  font-size: calc(var(--size-300) * 1.15);
  padding-left: var(--size-700);
  padding-right: var(--size-700);
  line-height: 1.6;
  max-width: 65ch;
}
.body-text blockquote > * {
  margin-bottom: 0.9em;
}

.footnote__reference {
  font-family: var(--font-ui);
  font-size: 0.6em;
  vertical-align: 0.5em;
  padding: 0.25em 0.25em 0.25em 0.1em;
  font-weight: bold;
  color: var(--color-accent);
}
.footnote__reference:focus {
  outline: 0;
}
.footnote__reference:focus-visible {
  outline: solid 2px var(--color-accent-glare);
}
.footnote__text {
  display: none;
  font-size: 1rem;
  gap: var(--size-600);
  margin-bottom: var(--size-400);
  margin-top: var(--size-200);
  color: var(--color-accent);
  font-family: var(--font-ui);
  line-height: 1.5;
}
@media print {
  .footnote__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.footnote--expand .footnote__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footnote__text__number {
  font-size: var(--size-200);
}
.footnote__text__text {
  font-size: var(--size-200);
  max-width: 70ch;
}
/*----------------------------------------------*\
    BLOCK - Featured Text
	=====================

	@package substance

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package substance

\*----------------------------------------------*/
/*
 *
 * ANCHOR Variables
 * /
------------------------------------------------*/
/* Breakpoints */
/* Responsive type multipliers */
/* Type sizes */
/* See https://type-scale.com */
/* Minor third from here */
/* Major third from here */
/* Max-widths */
/*
 *
 * ANCHOR Mixins
 * /
------------------------------------------------*/
.featured-text {
  margin: var(--vertical-space) 0;
  padding: 0 var(--page-padding);
}
.featured-text--dark {
  background-color: var(--color-bg-reversed);
  color: var(--color-text-reversed);
  padding-top: var(--size-700);
  padding-bottom: var(--size-700);
}
.featured-text--sans {
  font-family: var(--font-ui);
}
.featured-text--serif {
  font-family: var(--font-text);
}
.featured-text__wrapper {
  max-width: var(--max-width-text);
  margin: 0 auto;
  line-height: 1.35;
}
.featured-text__wrapper > * {
  margin-bottom: 0.7em;
  font-size: var(--size-500);
}
.featured-text__wrapper > *:last-child {
  margin-bottom: 0;
}
.featured-text h2 {
  font-size: var(--size-700);
  font-weight: 500;
}
.featured-text * + h2 {
  margin-top: var(--size-400);
}
.featured-text h3 {
  font-size: var(--size-500);
  font-weight: 600;
}
.featured-text * + h2 {
  margin-top: var(--size-300);
}
.featured-text ul {
  list-style: circle;
  padding-left: var(--size-600);
  font-size: var(--size-400);
  margin-bottom: var(--size-500);
}
.featured-text ul li {
  margin-bottom: var(--size-100);
}
.featured-text ol {
  list-style: decimal;
  padding-left: var(--size-600);
  font-size: var(--size-400);
  margin-bottom: var(--size-500);
}
.featured-text ol li {
  margin-bottom: var(--size-100);
}
.featured-text a {
  /* attach to <a> tag */
  display: inline-block;
  text-decoration: none;
  text-decoration: underline;
}
.featured-text a:hover {
  color: var(--color-text-hover);
}
.featured-text a:focus-visible {
  color: var(--color-text-hover);
  outline: solid 1px currentColor;
  outline-offset: 5px;
}
.featured-text a:hover {
  color: var(--color-text-hover);
}
.featured-text a:focus-visible {
  color: currentColor;
}
.featured-text--dark a:hover {
  color: var(--color-text-reversed-hover);
}
#html div.arve,#html div.wp-block-nextgenthemes-arve-block,html div.arve,html div.wp-block-nextgenthemes-arve-block{display:block;margin-bottom:1.5em;transition-duration:.35s;transition-property:max-width,margin;transition-timing-function:ease-in-out;width:auto}#html div.arve.alignfull,#html div.wp-block-nextgenthemes-arve-block.alignfull,html div.arve.alignfull,html div.wp-block-nextgenthemes-arve-block.alignfull{max-width:100dvw!important}#html div.arve.alignleft,#html div.arve.alignright,#html div.wp-block-nextgenthemes-arve-block.alignleft,#html div.wp-block-nextgenthemes-arve-block.alignright,html div.arve.alignleft,html div.arve.alignright,html div.wp-block-nextgenthemes-arve-block.alignleft,html div.wp-block-nextgenthemes-arve-block.alignright{margin-top:.4em;width:100%}#html div.arve.alignleft,#html div.wp-block-nextgenthemes-arve-block.alignleft,html div.arve.alignleft,html div.wp-block-nextgenthemes-arve-block.alignleft{margin-right:1.5em}#html div.arve.alignright,#html div.wp-block-nextgenthemes-arve-block.alignright,html div.arve.alignright,html div.wp-block-nextgenthemes-arve-block.alignright{margin-left:1.5em}#html div.arve[data-provider=tiktok] .arve-embed,#html div.wp-block-nextgenthemes-arve-block[data-provider=tiktok] .arve-embed,html div.arve[data-provider=tiktok] .arve-embed,html div.wp-block-nextgenthemes-arve-block[data-provider=tiktok] .arve-embed{height:580px}#html .arve-inner,html .arve-inner{display:block;margin:0;padding:0;width:auto}#html .arve-embed,html .arve-embed{display:block;margin:0;max-height:100dvh;overflow:hidden;padding:0;position:relative;width:100%}#html .arve-embed--has-aspect-ratio,html .arve-embed--has-aspect-ratio{aspect-ratio:16/9}#html .arve-embed--has-aspect-ratio:after,html .arve-embed--has-aspect-ratio:after{clear:both;content:"";display:block}#html .arve-iframe,#html .arve-play-btn,#html .arve-thumbnail,html .arve-iframe,html .arve-play-btn,html .arve-thumbnail{border:0;bottom:0;height:100%!important;left:0;margin:0;padding:0;position:absolute;top:0;width:100%!important}#html .arve-video,html .arve-video{height:auto;margin:0;max-height:100dvh;padding:0;width:100%}#html .arve-iframe,#html .arve-video,html .arve-iframe,html .arve-video{background-color:#000}#html .arve-promote,html .arve-promote{text-align:end}.arve-debug{font-size:.88rem;overflow-x:auto}.arve-debug--dark{background-color:#111;color:#eee}.arve-debug:not(.arve-error>.arve-debug){padding:clamp(.5rem,2vw,2rem)}@media(prefers-reduced-motion:reduce){#html .arve,#html .wp-block-nextgenthemes-arve-block,html .arve,html .wp-block-nextgenthemes-arve-block{transition:none}}@supports(aspect-ratio:16/9){#html .arve-ar,#html .arve-embed--has-aspect-ratio:after,html .arve-ar,html .arve-embed--has-aspect-ratio:after{display:none}}

/*----------------------------------------------*\
    BLOCK - Video
	=============

	@package substance

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package substance

\*----------------------------------------------*/
/*
 *
 * ANCHOR Variables
 * /
------------------------------------------------*/
/* Breakpoints */
/* Responsive type multipliers */
/* Type sizes */
/* See https://type-scale.com */
/* Minor third from here */
/* Major third from here */
/* Max-widths */
/*
 *
 * ANCHOR Mixins
 * /
------------------------------------------------*/
.video {
  padding: 0 var(--page-padding);
}
.page .video { /* if used on pages (vs article) */
  max-width: var(--max-width-text);
  margin: 0 auto;
  padding: 0;
}
.page .video__wrapper {
  /* the following counteracts weird things happening with .article-text-block__wrapper */
}
@media screen and (min-width: 24rem) {
  .page .video__wrapper {
    padding-left: var(--size-300);
  }
}
@media screen and (min-width: 34rem) {
  .page .video__wrapper {
    padding-left: var(--size-500);
  }
}
/*----------------------------------------------*\
    BLOCK - Image
	==============

	@package substance

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package substance

\*----------------------------------------------*/
/*
 *
 * ANCHOR Variables
 * /
------------------------------------------------*/
/* Breakpoints */
/* Responsive type multipliers */
/* Type sizes */
/* See https://type-scale.com */
/* Minor third from here */
/* Major third from here */
/* Max-widths */
/*
 *
 * ANCHOR Mixins
 * /
------------------------------------------------*/
@media screen and (min-width: 34rem) {
  .image--span-text {
    padding: 0 var(--page-padding);
  }
}
.image--span-content {
  grid-column: 2/4 !important; /* overwrite default in pages */
}
@media screen and (min-width: 34rem) {
  .image--span-content {
    padding: 0 var(--page-padding);
  }
}
.image--span-full {
  grid-column: 1/5 !important; /* overwrite default in pages */
  padding: 0;
}
@media screen and (min-width: 44rem) {
  .image--span-full.image--single {
    display: grid;
    grid-template-columns: subgrid;
  }
  .image--span-full.image--single .image__image {
    display: contents;
  }
  .image--span-full.image--single img {
    grid-column: 1/5;
  }
  .image--span-full.image--single .image__caption {
    grid-column: 2/3;
    margin-top: 0;
  }
}
@media screen and (min-width: 44rem) {
  .image--widths-equal {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--size-300);
  }
}
@media screen and (min-width: 44rem) {
  .image--widths-emphasize-left {
    display: grid;
    grid-template-columns: 5fr 3fr;
    gap: var(--size-300);
  }
}
@media screen and (min-width: 44rem) {
  .image--widths-emphasize-right {
    display: grid;
    grid-template-columns: 3fr 5fr;
    gap: var(--size-300);
  }
}
.image--extra-space-above {
  margin-top: var(--vertical-article-space);
}
.image--extra-space-below {
  margin-bottom: var(--vertical-article-space);
}
.image__image img {
  display: block;
  margin-top: var(--vertical-article-space);
  width: 100%;
}
@media screen and (min-width: 44rem) {
  .block:not(.image) + .image .image__image img {
    margin-top: 0;
  }
}
.block:not(.image) + .image .image__image:first-child img { /* The first image in an image block following any block (expect another image block) */
  margin-top: 0;
}
.image:has(.image__image--has-caption) + .block:not(.image) { /* Every block (expect image block) following an image block with captions */
  margin-top: var(--vertical-article-space);
}
@media screen and (min-width: 44rem) {
  .image--multiple + .block:not(.image) { /* Every block (expect image block) following an image block with more than one image*/
    margin-top: var(--vertical-article-space);
  }
  .image--multiple {
    margin-top: var(--vertical-article-space); /* Every image block that has two images */
  }
  .image--multiple + .image--multiple { /* Image block that immediately follows another Image block */
    margin-top: 0;
  }
}
.image__caption {
  margin-top: var(--size-200);
  padding: 0 var(--page-padding);
}
@media screen and (min-width: 34rem) {
  .image__caption {
    padding: 0;
  }
}
.image--span-full .image__caption {
  padding: 0 var(--page-padding);
}
.image__caption p {
  font-size: var(--size-300);
  margin-top: var(--size-200);
  max-width: 60ch;
  line-height: 1.4;
}
