@value breakpoint-sm from 'pageflow-scrolled/values/breakpoints.module.css';

.text {
  --block-quote-padding-left: 0;
}

.quoteDesign-hanging {
  --block-quote-padding-left: var(--theme-text-block-block-quote-hanging-indent, 1em);
}

.quoteDesign-largeHanging {
  --block-quote-padding-left: var(--theme-text-block-block-quote-hanging-indent, 1.6em);
}

.text p {
  margin: 1.375rem 0 0 0;
}

.text li {
  margin: var(--theme-text-block-first-list-item-margin-top, 1.375rem) 0 0 0;
}

.text li + li {
  margin-top: var(--theme-text-block-list-item-margin-top, 0.6875rem);
}

.text a {
  word-wrap: break-word;
}

.text ol,
.text ul {
  margin: 0;
  /* Prevent list markers from overlapping with floated elements. */
  padding-left: 0;
  padding-right: var(--list-indent, 25px);
  position: relative;
  left: var(--list-indent, 25px);
}

.text ul {
  list-style-type: var(--theme-text-block-unordered-list-style-type);
  --list-indent: var(--theme-text-block-unordered-list-indent);
}

.text ol {
  --list-indent: var(--theme-text-block-ordered-list-indent);
}

.text ul li::marker {
  color: var(--theme-text-block-unordered-list-marker-color);
}

.text blockquote {
  padding: 0.5em 0.5em 0.5em var(--block-quote-padding-left);
  margin: 1.375rem 0 0 0;
  position: relative;
  /* Prevent block quote symbol from overlapping with floated elements. */
  overflow: hidden;
}

.text blockquote::before,
.text blockquote::after {
  font-family: var(--theme-quote-mark-font-family);
  font-weight: var(--theme-quote-mark-font-weight, bold);
  color: var(--theme-quote-mark-color);
  opacity: var(--theme-quote-mark-opacity, 0.5);
  width: var(--theme-quote-mark-width);
}

.text blockquote::before {
  content: var(--theme-quote-left-mark, "“");
}

.text blockquote::after {
  content: var(--theme-quote-right-mark, "”");
}

.quoteDesign-largeHanging blockquote::before,
.quoteDesign-hanging blockquote::before {
  position: absolute;
}

.quoteDesign-largeHanging blockquote::before {
  font-size: var(--theme-quote-large-mark-font-size, 2.5em);
  line-height: 1em;
  top: calc(var(--theme-quote-large-mark-top, -0.2em));
  padding-top: inherit;
  left: 0;
}

.quoteDesign-largeHanging blockquote::after {
  display: none;
}

.quoteDesign-hanging blockquote::before {
  right: calc(100% - var(--block-quote-padding-left) + var(--theme-quote-hanging-mark-spacing, 0.05em));
}

.quoteDesign-hanging blockquote::after {
  padding-left: var(--theme-quote-hanging-mark-spacing, 0.05em);
}

@media screen and breakpoint-sm {
  .quoteDesign-largeHanging {
    --block-quote-padding-left: var(--theme-text-block-block-quote-hanging-indent, 2em);
  }

  .text blockquote {
    margin-left: 0.6875rem;
    padding-right: 1.375rem;
  }

  .quoteDesign-largeHanging blockquote::before {
    font-size: var(--theme-quote-large-mark-font-size, 3em);;
  }
}

.layout-centerRagged {
  text-align: center;
}

.layout-centerRagged ol,
.layout-centerRagged ul {
  list-style-position: inside;
}
