/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Unexpected "{"
Line 16:3 Expected identifier but found "'component-article-card.css'"
Line 17:0 Unexpected "{"
Line 17:1 Unexpected "{"
Line 17:3 Expected identifier but found "'component-card.css'"
Line 18:0 Unexpected "{"
Line 18:1 Unexpected "{"
Line 18:3 Expected identifier but found "'component-blog-blocks.css'"
Line 19:0 Unexpected "{"
... and 61 more hidden warnings

**/
{{ 'component-article-card.css' | asset_url | stylesheet_tag }}
{{ 'component-card.css' | asset_url | stylesheet_tag }}
{{ 'component-blog-blocks.css' | asset_url | stylesheet_tag }}
{{ 'section-main-blog.css' | asset_url | stylesheet_tag }}

{%- style -%}
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }

  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }
{%- endstyle -%}

{%- paginate blog.articles by section.settings.posts_per_page -%}
  <div class="main-blog color-{{ section.settings.color_scheme }} gradient section-{{ section.id }}-padding">
    <div class="page-width">
      <h1 class="main-blog__title title--primary {{ section.settings.heading_size }} main-blog__title--{{ section.settings.title_alignment }}{% unless section.settings.show_title %} visually-hidden{% endunless %}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--fade-in{% endif %}">
        {{ blog.title | escape }}
      </h1>
    </div>

    {%- for block in section.blocks -%}
      {% render 'blog-block', block: block, animation_order: forloop.index %}
    {%- endfor -%}

    <div class="page-width">
      <div class="blog-articles {% if section.settings.layout == 'collage' %}blog-articles--collage{% else %}blog-articles--{{ section.settings.columns_desktop }}-col-desktop{% endif %}">
        {%- for article in blog.articles -%}
          <div
            class="blog-articles__article article{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}"
            {% if settings.animations_reveal_on_scroll %}
              data-cascade
              style="--animation-order: {{ forloop.index }};"
            {% endif %}
          >
            {%- render 'article-card',
              article: article,
              media_height: section.settings.image_height,
              media_aspect_ratio: article.image.aspect_ratio,
              show_image: section.settings.show_image,
              show_date: section.settings.show_date,
              show_author: section.settings.show_author,
              show_excerpt: true
            -%}
          </div>
        {%- endfor -%}
      </div>

      {%- if paginate.pages > 1 -%}
        {%- render 'pagination', paginate: paginate -%}
      {%- endif -%}
    </div>
  </div>
{%- endpaginate -%}

{% schema %}
{
  "name": "t:sections.main-blog.name",
  "tag": "section",
  "class": "section",
  "settings": [
    {
      "type": "header",
      "content": "t:sections.main-blog.settings.title_header.content"
    },
    {
      "type": "checkbox",
      "id": "show_title",
      "default": true,
      "label": "t:sections.main-blog.settings.show_title.label",
      "info": "t:sections.main-blog.settings.show_title.info"
    },
    {
      "type": "select",
      "id": "heading_size",
      "options": [
        {
          "value": "h2",
          "label": "t:sections.all.heading_size.options__1.label"
        },
        {
          "value": "h1",
          "label": "t:sections.all.heading_size.options__2.label"
        },
        {
          "value": "h0",
          "label": "t:sections.all.heading_size.options__3.label"
        },
        {
          "value": "hxl",
          "label": "t:sections.all.heading_size.options__4.label"
        },
        {
          "value": "hxxl",
          "label": "t:sections.all.heading_size.options__5.label"
        }
      ],
      "default": "h1",
      "label": "t:sections.all.heading_size.label"
    },
    {
      "type": "select",
      "id": "title_alignment",
      "options": [
        {
          "value": "left",
          "label": "t:sections.main-blog.settings.title_alignment.options__1.label"
        },
        {
          "value": "center",
          "label": "t:sections.main-blog.settings.title_alignment.options__2.label"
        },
        {
          "value": "right",
          "label": "t:sections.main-blog.settings.title_alignment.options__3.label"
        }
      ],
      "default": "left",
      "label": "t:sections.main-blog.settings.title_alignment.label"
    },
    {
      "type": "header",
      "content": "t:sections.main-blog.settings.posts_header.content"
    },
    {
      "type": "select",
      "id": "layout",
      "options": [
        {
          "value": "grid",
          "label": "t:sections.main-blog.settings.layout.options__1.label"
        },
        {
          "value": "collage",
          "label": "t:sections.main-blog.settings.layout.options__2.label"
        }
      ],
      "default": "collage",
      "label": "t:sections.main-blog.settings.layout.label"
    },
    {
      "type": "range",
      "id": "columns_desktop",
      "min": 1,
      "max": 4,
      "step": 1,
      "default": 2,
      "label": "t:sections.main-blog.settings.columns_desktop.label",
      "info": "t:sections.main-blog.settings.columns_desktop.info"
    },
    {
      "type": "range",
      "id": "posts_per_page",
      "min": 2,
      "max": 24,
      "step": 1,
      "default": 6,
      "label": "t:sections.main-blog.settings.posts_per_page.label",
      "info": "t:sections.main-blog.settings.posts_per_page.info"
    },
    {
      "type": "checkbox",
      "id": "show_image",
      "default": true,
      "label": "t:sections.main-blog.settings.show_image.label"
    },
    {
      "type": "select",
      "id": "image_height",
      "options": [
        {
          "value": "adapt",
          "label": "t:sections.main-blog.settings.image_height.options__1.label"
        },
        {
          "value": "small",
          "label": "t:sections.main-blog.settings.image_height.options__2.label"
        },
        {
          "value": "medium",
          "label": "t:sections.main-blog.settings.image_height.options__3.label"
        },
        {
          "value": "large",
          "label": "t:sections.main-blog.settings.image_height.options__4.label"
        }
      ],
      "default": "medium",
      "label": "t:sections.main-blog.settings.image_height.label"
    },
    {
      "type": "checkbox",
      "id": "show_date",
      "default": true,
      "label": "t:sections.main-blog.settings.show_date.label"
    },
    {
      "type": "checkbox",
      "id": "show_author",
      "default": false,
      "label": "t:sections.main-blog.settings.show_author.label"
    },
    {
      "type": "color_scheme",
      "id": "color_scheme",
      "label": "t:sections.all.colors.label",
      "default": "scheme-1"
    },
    {
      "type": "header",
      "content": "t:sections.all.padding.section_padding_heading"
    },
    {
      "type": "range",
      "id": "padding_top",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "t:sections.all.padding.padding_top",
      "default": 36
    },
    {
      "type": "range",
      "id": "padding_bottom",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "t:sections.all.padding.padding_bottom",
      "default": 36
    }
  ],
  "blocks": [
    {
      "type": "heading",
      "name": "t:sections.all.blog_blocks.heading.name",
      "settings": [
        {
          "type": "inline_richtext",
          "id": "heading",
          "label": "t:sections.all.blog_blocks.heading.label"
        },
        {
          "type": "select",
          "id": "heading_size",
          "options": [
            {
              "value": "h2",
              "label": "t:sections.all.heading_size.options__1.label"
            },
            {
              "value": "h1",
              "label": "t:sections.all.heading_size.options__2.label"
            },
            {
              "value": "h0",
              "label": "t:sections.all.heading_size.options__3.label"
            },
            {
              "value": "hxl",
              "label": "t:sections.all.heading_size.options__4.label"
            },
            {
              "value": "hxxl",
              "label": "t:sections.all.heading_size.options__5.label"
            }
          ],
          "default": "h2",
          "label": "t:sections.all.heading_size.label"
        },
        {
          "type": "select",
          "id": "width",
          "options": [
            {
              "value": "narrow",
              "label": "t:sections.all.blog_blocks.width.options__1.label"
            },
            {
              "value": "page",
              "label": "t:sections.all.blog_blocks.width.options__2.label"
            },
            {
              "value": "full",
              "label": "t:sections.all.blog_blocks.width.options__3.label"
            }
          ],
          "default": "narrow",
          "label": "t:sections.all.blog_blocks.width.label",
          "info": "t:sections.all.blog_blocks.width.info"
        },
        {
          "type": "select",
          "id": "alignment",
          "options": [
            {
              "value": "left",
              "label": "t:sections.all.blog_blocks.alignment.options__1.label"
            },
            {
              "value": "center",
              "label": "t:sections.all.blog_blocks.alignment.options__2.label"
            },
            {
              "value": "right",
              "label": "t:sections.all.blog_blocks.alignment.options__3.label"
            }
          ],
          "default": "left",
          "label": "t:sections.all.blog_blocks.alignment.label"
        }
      ]
    },
    {
      "type": "caption",
      "name": "t:sections.all.blog_blocks.caption.name",
      "settings": [
        {
          "type": "text",
          "id": "caption",
          "label": "t:sections.all.blog_blocks.caption.label"
        },
        {
          "type": "select",
          "id": "text_style",
          "options": [
            {
              "value": "subtitle",
              "label": "t:sections.all.blog_blocks.text_style.options__1.label"
            },
            {
              "value": "caption-with-letter-spacing",
              "label": "t:sections.all.blog_blocks.text_style.options__2.label"
            }
          ],
          "default": "caption-with-letter-spacing",
          "label": "t:sections.all.blog_blocks.text_style.label"
        },
        {
          "type": "select",
          "id": "text_size",
          "options": [
            {
              "value": "small",
              "label": "t:sections.all.blog_blocks.text_size.options__1.label"
            },
            {
              "value": "medium",
              "label": "t:sections.all.blog_blocks.text_size.options__2.label"
            },
            {
              "value": "large",
              "label": "t:sections.all.blog_blocks.text_size.options__3.label"
            }
          ],
          "default": "medium",
          "label": "t:sections.all.blog_blocks.text_size.label"
        },
        {
          "type": "select",
          "id": "width",
          "options": [
            {
              "value": "narrow",
              "label": "t:sections.all.blog_blocks.width.options__1.label"
            },
            {
              "value": "page",
              "label": "t:sections.all.blog_blocks.width.options__2.label"
            },
            {
              "value": "full",
              "label": "t:sections.all.blog_blocks.width.options__3.label"
            }
          ],
          "default": "narrow",
          "label": "t:sections.all.blog_blocks.width.label",
          "info": "t:sections.all.blog_blocks.width.info"
        },
        {
          "type": "select",
          "id": "alignment",
          "options": [
            {
              "value": "left",
              "label": "t:sections.all.blog_blocks.alignment.options__1.label"
            },
            {
              "value": "center",
              "label": "t:sections.all.blog_blocks.alignment.options__2.label"
            },
            {
              "value": "right",
              "label": "t:sections.all.blog_blocks.alignment.options__3.label"
            }
          ],
          "default": "left",
          "label": "t:sections.all.blog_blocks.alignment.label"
        }
      ]
    },
    {
      "type": "text",
      "name": "t:sections.all.blog_blocks.text.name",
      "settings": [
        {
          "type": "richtext",
          "id": "text",
          "label": "t:sections.all.blog_blocks.text.label"
        },
        {
          "type": "select",
          "id": "width",
          "options": [
            {
              "value": "narrow",
              "label": "t:sections.all.blog_blocks.width.options__1.label"
            },
            {
              "value": "page",
              "label": "t:sections.all.blog_blocks.width.options__2.label"
            },
            {
              "value": "full",
              "label": "t:sections.all.blog_blocks.width.options__3.label"
            }
          ],
          "default": "narrow",
          "label": "t:sections.all.blog_blocks.width.label",
          "info": "t:sections.all.blog_blocks.width.info"
        },
        {
          "type": "select",
          "id": "alignment",
          "options": [
            {
              "value": "left",
              "label": "t:sections.all.blog_blocks.alignment.options__1.label"
            },
            {
              "value": "center",
              "label": "t:sections.all.blog_blocks.alignment.options__2.label"
            },
            {
              "value": "right",
              "label": "t:sections.all.blog_blocks.alignment.options__3.label"
            }
          ],
          "default": "left",
          "label": "t:sections.all.blog_blocks.alignment.label"
        }
      ]
    },
    {
      "type": "image",
      "name": "t:sections.all.blog_blocks.image.name",
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "t:sections.all.blog_blocks.image.label"
        },
        {
          "type": "select",
          "id": "image_ratio",
          "options": [
            {
              "value": "adapt",
              "label": "t:sections.all.blog_blocks.image_ratio.options__1.label"
            },
            {
              "value": "square",
              "label": "t:sections.all.blog_blocks.image_ratio.options__2.label"
            },
            {
              "value": "portrait",
              "label": "t:sections.all.blog_blocks.image_ratio.options__3.label"
            },
            {
              "value": "landscape",
              "label": "t:sections.all.blog_blocks.image_ratio.options__4.label"
            }
          ],
          "default": "adapt",
          "label": "t:sections.all.blog_blocks.image_ratio.label"
        },
        {
          "type": "select",
          "id": "image_shape",
          "options": [
            {
              "value": "default",
              "label": "t:sections.all.image_shape.options__1.label"
            },
            {
              "value": "arch",
              "label": "t:sections.all.image_shape.options__2.label"
            },
            {
              "value": "blob",
              "label": "t:sections.all.image_shape.options__3.label"
            },
            {
              "value": "chevronleft",
              "label": "t:sections.all.image_shape.options__4.label"
            },
            {
              "value": "chevronright",
              "label": "t:sections.all.image_shape.options__5.label"
            },
            {
              "value": "diamond",
              "label": "t:sections.all.image_shape.options__6.label"
            },
            {
              "value": "parallelogram",
              "label": "t:sections.all.image_shape.options__7.label"
            },
            {
              "value": "round",
              "label": "t:sections.all.image_shape.options__8.label"
            }
          ],
          "default": "default",
          "label": "t:sections.all.image_shape.label"
        },
        {
          "type": "text",
          "id": "caption",
          "label": "t:sections.all.blog_blocks.image_caption.label",
          "info": "t:sections.all.blog_blocks.image_caption.info"
        },
        {
          "type": "select",
          "id": "width",
          "options": [
            {
              "value": "narrow",
              "label": "t:sections.all.blog_blocks.width.options__1.label"
            },
            {
              "value": "page",
              "label": "t:sections.all.blog_blocks.width.options__2.label"
            },
            {
              "value": "full",
              "label": "t:sections.all.blog_blocks.width.options__3.label"
            }
          ],
          "default": "page",
          "label": "t:sections.all.blog_blocks.width.label",
          "info": "t:sections.all.blog_blocks.width.info"
        },
        {
          "type": "select",
          "id": "alignment",
          "options": [
            {
              "value": "left",
              "label": "t:sections.all.blog_blocks.alignment.options__1.label"
            },
            {
              "value": "center",
              "label": "t:sections.all.blog_blocks.alignment.options__2.label"
            },
            {
              "value": "right",
              "label": "t:sections.all.blog_blocks.alignment.options__3.label"
            }
          ],
          "default": "left",
          "label": "t:sections.all.blog_blocks.alignment.label"
        }
      ]
    }
  ]
}
{% endschema %}