<!doctype html>
<html class="no-js" lang="{{ request.locale.iso_code }}">
<head>{% capture sb %}{% include "sb-snippet" %}{% endcapture %}{% unless sb contains "Liquid error" %}{% include "sb-snippet" %}{% endunless %}
<!-- Added by AVADA SEO Suite -->
{% include 'avada-seo' %}
<!-- /Added by AVADA SEO Suite -->
<!-- Basic page needs ================================================== -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
{% if settings.favicon %}
<link rel="shortcut icon" href="{{ settings.favicon | img_url: '32x32' }}" type="image/png" />
{% endif %}
<!-- Title and description ================================================== -->
{% if page_description %}
{% endif %}
<!-- Social meta ================================================== -->
{% include 'social-meta-tags' %}
<!-- Helpers ================================================== -->
<link rel="canonical" href="{{ canonical_url }}">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="{{ settings.color_primary }}">
<!-- CSS ================================================== -->
{{ 'timber.scss.css' | asset_url | stylesheet_tag }}
{{ 'theme.scss.css' | asset_url | stylesheet_tag }}
<script>
window.theme = window.theme || {};
var theme = {
strings: {
addToCart: {{ 'products.product.add_to_cart' | t | json }},
soldOut: {{ 'products.product.sold_out' | t | json }},
unavailable: {{ 'products.product.unavailable' | t | json }},
zoomClose: {{ "products.zoom.close" | t | json }},
zoomPrev: {{ "products.zoom.prev" | t | json }},
zoomNext: {{ "products.zoom.next" | t | json }},
addressError: {{ 'map.errors.address_error' | t | json }},
addressNoResults: {{ 'map.errors.address_no_results' | t | json }},
addressQueryLimit: {{ 'map.errors.address_query_limit_html' | t | json }},
authError: {{ 'map.errors.auth_error_html' | t | json }}
},
settings: {
// Adding some settings to allow the editor to update correctly when they are changed
enableWideLayout: {{ settings.enable_wide_layout }},
typeAccentTransform: {{ settings.type_accent_transform }},
typeAccentSpacing: {{ settings.type_accent_spacing }},
baseFontSize: '{{ settings.type_base_size }}',
headerBaseFontSize: '{{ settings.type_header_size }}',
accentFontSize: '{{ settings.type_accent_size }}'
},
variables: {
mediaQueryMedium: 'screen and (max-width: 768px)',
bpSmall: false
},
moneyFormat: {{ shop.money_format | json }}
}
document.documentElement.className = document.documentElement.className.replace('no-js', 'supports-js');
</script>
<!-- Header hook for plugins ================================================== -->
{{ content_for_header }}
{{ 'jquery-2.2.3.min.js' | asset_url | script_tag }}
<script src="{{ 'lazysizes.min.js' | asset_url }}" async="async"></script>
{% comment %}
If you store has customer accounts disabled, you can remove the following JS file
{% endcomment %}
{% if request.page_type contains 'customers/' %}
{{ 'shopify_common.js' | shopify_asset_url | script_tag }}
{% endif %}
{% capture boostersnippet %}{% include "booster-apps-common" %}{% endcapture %}{% unless boostersnippet contains "Liquid error" %}{{ boostersnippet }}{% endunless %}
</head>
<body id="{{ page_title | handle }}" class="{% if customer %}customer-logged-in {% endif %}template-{{ request.page_type | handle }}">
{% section 'header' %}
<main class="wrapper main-content" role="main">
<div class="grid">
<div class="grid__item">
{{ content_for_layout }}
</div>
</div>
</main>
{% section 'footer' %}
{%- if request.page_type == 'index' -%}
<p id="slideshow-info" class="visually-hidden" aria-hidden="true">
{{- 'home_page.slideshow.navigation_instructions' | t -}}
</p>
{%- endif -%}
{% if request.page_type == 'product' or request.page_type == 'index' %}
{{ 'option_selection.js' | shopify_asset_url | script_tag }}
{% endif %}
<ul hidden>
<li id="a11y-refresh-page-message">{{ 'general.accessibility.refresh_page' | t }}</li>
<li id="a11y-external-message">{{ 'general.accessibility.new_window' | t }}</li>
<li id="a11y-new-window-external-message">{{ 'general.accessibility.new_window_and_external' | t }}</li>
</ul>
{{ 'theme.js' | asset_url | script_tag }}
</body>
</html>
<!-- Begin Shopify-Afterpay JavaScript Snippet (v1.0.10) -->
<script type="text/javascript">
// Overrides:
// var afterpay_min = 0.04; // As per your Afterpay contract.
// var afterpay_max = 2000.00; // As per your Afterpay contract.
// var afterpay_cbt_enabled = false; // As per your Afterpay contract; change to true to display Cross-Border Trade artwork (for AU/NZ).
// var afterpay_logo_theme = 'colour'; // Can be 'colour', 'black' or 'white'.
// var afterpay_product_selector = '#product-price-selector';
// var afterpay_cart_integration_enabled = true;
// var afterpay_cart_static_selector = '#cart-subtotal-selector';
// Non-editable fields:
var afterpay_shop_currency = {{ shop.currency | json }};
var afterpay_cart_currency = {{ cart.currency.iso_code | json }};
var afterpay_shop_money_format = {{ shop.money_format | json }};
var afterpay_shop_permanent_domain = {{ shop.permanent_domain | json }};
var afterpay_theme_name = {{ theme.name | json }};
var afterpay_product = {{ product | json }};
var afterpay_current_variant = {{ product.selected_or_first_available_variant | json }};
var afterpay_cart_total_price = {{ cart.total_price | json }};
var afterpay_js_snippet_version = '1.0.10';
</script>
<script type="text/javascript" src="https://static.afterpay.com/shopify-afterpay-javascript.js"></script>
<!-- End Shopify-Afterpay JavaScript Snippet (v1.0.10) -->
