/** Shopify CDN: Minification failed

Line 71:24 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); */
  margin-bottom: 15px;
}
.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: 2.4rem;
  /* font-style: italic; */
  line-height: 2.4rem;
  background: #efe7da;
        padding: 5%;
}
.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: 2rem;
    line-height: 3.6rem;
    
  }
}


<!--instructional style -->

/* Header */
.pergola-title {
    color: #0064b2;
    font-weight: 400;
    font-size: 32px;
    padding-top: 25px;
}

/* Section layout */
.pergola-section {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}

.pergola-column {
    flex: 1;
    min-width: 250px;
    padding: 15px;
}

.pergola-column-bordered {
    border-left: 3px dotted #0064b2;
    padding-left: 20px;
}

/* Caption styles */
.pergola-caption {
    color: #0064b2;
    font-weight: 600;
    text-transform: uppercase;
}

/* Disclaimer */
.pergola-disclaimer {
    font-size: 10px;
    color: #0064b2;
    font-weight: 400;
    font-style: italic;
}

/* Steps */
.pergola-step {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}

.pergola-image {
    text-align: center;
}

.pergola-image img {
    max-width: 100%;
    
    display: block;
    margin: 0 auto;
}

.pergola-figure-caption {
    font-weight: 800;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
}

.pergola-instruction {
  flex: 2;
  /* width: 30%; */
  margin-top: 3%;
}

.pergola-section-title {
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.highlight-blue {
    color: #0064b2;
}

/* Print Button */
.print-button-container {
    text-align: center;
    margin-bottom: 5%;
}

.print-button {
    background-color: #333132;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.print-button:hover {
    background-color: #004a8c;
}



/* Responsive */
@media (max-width: 767.98px) {
    .pergola-column-bordered {
        border-left: none;
        padding-left: 15px;
    }

    .pergola-column {
        margin-bottom: 20px;
    }

    .pergola-title {
        font-size: 28px;
    }

    .pergola-image img {
        max-width: 100%;
    }
}

@media print{

.pergola-section, .pergola-step, .pergola-instruction{
font-size:14px;
}
}