/** Shopify CDN: Minification failed

Line 71:0 Unexpected "<"
Line 75:8 Expected ":"
Line 76:8 Expected ":"
Line 79:15 Expected identifier but found "forEach("
Line 136:0 Unexpected "<"

**/
.article-content {
  --element-margin-bottom: 2em;
  --heading-margin-bottom: 1.5em;
}
.article-content p,
.article-content ol,
.article-content ul,
.article-content blockquote,
.article-content img {
  margin-bottom: var(--element-margin-bottom, 2em);
}
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
  margin-top: var(--heading-margin-bottom, 1.5em);
}
.article-content img {
  padding-top: calc(2 * var(--space-unit));
  padding-bottom: calc(2 * var(--space-unit));
}
.article-content blockquote {
  padding-top: calc(4 * var(--space-unit));
  font-size: 2rem;
  font-style: italic;
  line-height: 2.4rem;
}
.article-content blockquote p:last-child {
  margin-bottom: 0;
}
.article-content iframe {
  max-width: 100%;
}

.article__image--wider .media {
  width: calc(100% + var(--gutter) * 2);
  max-width: calc(100% + var(--gutter) * 2);
  margin-inline-start: calc(var(--gutter) * -1);
}

@media (max-width: 1023.98px) {
  .article-content,
.article-width {
    max-width: 37em;
  }
}
@media (min-width: 768px) {
  .article-content img {
    padding-top: calc(4 * var(--space-unit));
  }
}
@media (min-width: 1024px) {
  .article-content blockquote {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
}


<script>
  const accordionItems = document.querySelectorAll('.accordion-item a');
 
  function toggleAccordion () {
    this.classList.toggle('active');
    this.nextElementSibling.classList.toggle('active');
  }
 
accordionItems.forEach(item => item.addEventListener('click', toggleAccordion))
</script>
 
<style>
  .container {
  padding: 0;
}
 
.accordion a {
  padding: 1em;
  background: #e5e5e5;
  display: flex;
  justify-content: space-between;
  color: #000;
  text-decoration: none !important;
  font-weight:700;
  text-transform:uppercase;
  border-bottom: 1px solid #FFF;
  transition: 0.2s all ease;
}
 
.accordion-item a:nth-last-child(1) {
  border: none;
}
 
.accordion a::after {
  font-family: 'Font Awesome\ 5 Free';
  content: "\f067";
  color: #000;
  font-weight: 900;
  transition: 0.2s all ease;
}
 
.accordion a.active::after {
  content: '\f068';
}
 
.accordion a:hover,
.accordion a:hover::after {
  cursor: pointer;
  color: white;
  background: #000;
}
 
.accordion-item .content {
  padding: 0 1em;
  max-height: 0;
  opacity: 1;
  overflow: hidden;
  transition: all 0.2s ease;
}
 
.accordion-item .content.active {
  max-height: 100%;
  opacity: 1;
  padding: 1em;
}
</style>