/* Template-specific styles for single resources posts. */

.single-resources .page1-main h2,
.single-resources .page1-main h3,
.single-resources .page1-main h4,
.single-resources .page1-main h5,
.single-resources .page1-main h6 {
  margin-top: 3.5rem;
  margin-bottom: 0.5rem;
}

.single-resources .page1-main h2 {
  margin-bottom: 1.25rem;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
}

.single-resources .page1-main h3 {
  font-family: var(--font-family1);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
}

.single-resources .page1-main h2 + h3 {
  margin-top: 1.5rem;
}

.single-resources .page1-introduction {
  border-left: 1px solid #000000;
  padding-left: 1.5rem;
  margin-bottom: 2.5rem;
  font-size: 1.125rem;
  line-height: 1.3;
}

@media (min-width: 768px) {
  .single-resources .page1-introduction {
    margin-bottom: 4rem;
  }
}

.single-resources .page1-introduction h2,
.single-resources .page1-introduction h3 {
  font-family: var(--font-family4);
  margin-bottom: 1rem;
}

.single-resources .page1-main p {
  font-family: var(--font-family1);
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.3;
}

.single-resources .page1-main strong {
  font-weight: 700;
}

.single-resources .page1-main figure,
.single-resources .page1-main img {
  height: auto;
  margin: 3.5rem 0 0;
}

.single-resources .page1-main figcaption {
  margin-top: 1rem;
}

.single-resources .page1-main iframe {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
}

.single-resources .page1-main ul,
.single-resources .page1-main ol {
  font-family: var(--font-family1);
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
}

.single-resources .page1-main ul a,
.single-resources .page1-main ol a,
.single-resources .page1-main p a {
  color: #000000;
  text-decoration: underline !important;
}

.single-resources .page1-main ul > li,
.single-resources .page1-main ol > li {
  margin-bottom: 1.25rem;
}

.single-resources .page1-main ol {
  vertical-align: middle;
}

.single-resources .page1-main blockquote {
  position: relative;
  margin: 2.5rem 0;
  padding-left: 1.5rem;
  font-size: 1.75rem;
  line-height: 1.3;
}

.single-resources .page1-main blockquote:before {
  content: '“';
  position: absolute;
  left: 0;
}

.single-resources .page1-main blockquote:after {
  content: '”';
}

@media (min-width: 768px) {
  .single-resources .page1-main blockquote {
    margin: 4rem 0;
    padding-left: 4rem;
    font-size: 2rem;
  }
}

.single-resources .page1-main .-xw\:2 {
  max-width: 650px;
}