PageSourceSearch

https://www.hameraypublishing.com/pages/shop-by

html hameraypublishing.com collected 2026-10-03 23:43:47 UTC 151,469 bytes, 4,222 lines download raw bytes

1<!doctype html>
2
3<!--[if IE 9]> <html class="ie9 no-js supports-no-cookies" lang="en"> <![endif]-->
4<!--[if (gt IE 9)|!(IE)]><!--> <html class = 'no-js supports-no-cookies' lang = 'en'> <!--<![endif]-->
5
6<head>
7
8
9
10
11
12<meta charset = 'utf-8'>
13<meta http-equiv = 'X-UA-Compatible' content = 'IE=edge'>
14<meta name = 'viewport' content = 'width=device-width,initial-scale=1'>
15<meta name = 'theme-color' content = '#002836'>
16<meta name = 'google-site-verification' content = 'MhdocRZitFzEfIQs5HLWGH1Do5-laJYAnigjw385rjs' />
17<link rel = 'preconnect' href = 'https://cdn.shopify.com' crossorigin>
18<link rel = 'preconnect' href = 'https://fonts.gstatic.com' crossorigin>
19<link rel = 'preload' as = 'font' type = 'font/ttf' href = 'https://fonts.gstatic.com/s/montserrat/v12/zhcz-_WihjSQC0oHJ9TCYC3USBnSvpkopQaUR-2r7iU.ttf' crossorigin>
20<link rel = 'preload' as = 'font' type = 'font/woff2' href = '//www.hameraypublishing.com/cdn/shop/t/3/assets/351CB9_0_0.woff2?v=20816177864108308341772694708' crossorigin>
21<link rel = 'dns-prefetch' href = 'https://hameray-images.s3-us-west-1.amazonaws.com'>
22<link rel = 'dns-prefetch' href = 'https://hameray-images.s3.us-west-1.amazonaws.com'>
23<link rel = 'dns-prefetch' href = 'https://www.googletagmanager.com'>
24<link rel = 'dns-prefetch' href = 'https://www.clarity.ms'>
25<link rel = 'dns-prefetch' href = 'https://connect.facebook.net'>
26<link rel = 'dns-prefetch' href = 'https://d2wy8f7a9ursnm.cloudfront.net'>
27<link rel = 'dns-prefetch' href = 'https://cdn.jsdelivr.net'>
28<link rel = 'canonical' href = 'https://www.hameraypublishing.com/pages/shop-by'>
29
30	<link rel = 'shortcut icon' href = "//www.hameraypublishing.com/cdn/shop/files/brandmark_tiny_32x32.png?v=1613502610" type  = 'image/png'>
31
32<title>Shop Hameray - Hameray Publishing</title>
33
34
35<meta property="og:site_name" content="Hameray Publishing">
36<meta property="og:url" content="https://www.hameraypublishing.com/pages/shop-by">
37<meta property="og:title" content="Shop Hameray - Hameray Publishing">
38<meta property="og:type" content="website">
39<meta property="og:description" content="Hameray Publishing helps teachers foster a love of reading with K–5 literacy resources in English and Spanish.">
40
41
42<meta name="twitter:site" content="@hameray">
43<meta name="twitter:card" content="summary_large_image">
44<meta name="twitter:title" content="Shop Hameray - Hameray Publishing">
45<meta name="twitter:description" content="Hameray Publishing helps teachers foster a love of reading with K–5 literacy resources in English and Spanish.">
46
47
48
49<script type="application/ld+json">
50{
51	"@context": "https://schema.org",
52	"@type": "Organization",
53	"@id": "https://www.hameraypublishing.com/#organization",
54	"name": "Hameray Publishing",
55	"legalName": "Hameray Publishing Group",
56	"url": "https:\/\/www.hameraypublishing.com\/",
57	"logo": "https://cdn.shopify.com/s/files/1/2137/3313/files/hameray-publishing-group-logo-text.jpg",
58	"foundingDate": "2008",
59	"slogan": "Empowering Young Readers by Empowering Educators",
60	"telephone": "+1-866-918-6173",
61	"email": "[email protected]",
62	"address": {
63		"@type": "PostalAddress",
64		"addressLocality": "Los Angeles",
65		"addressRegion": "CA",
66		"postalCode": "90019",
67		"addressCountry": "US"
68	},
69	"contactPoint": {
70		"@type": "ContactPoint",
71		"contactType": "customer service",
72		"telephone": "+1-866-918-6173",
73		"email": "[email protected]",
74		"areaServed": "US",
75		"availableLanguage": ["English", "Spanish"]
76	},
77	"description": "Hameray Publishing is a Los Angeles-based children's educational publisher founded in 2008. It publishes 2,000+ titles for K-5 classrooms - decodable books, fiction and nonfiction books, big books, and authentic Spanish and bilingual editions - trusted by 10,000+ schools across the United States, and is the U.S. classroom publisher of three beloved Joy Cowley series: the Joy Cowley Collection, Joy Cowley Early Birds, and Joy Cowley Classics.",
78	"knowsAbout": ["decodable books", "science of reading", "structured literacy", "phonics instruction", "early literacy", "reading fluency", "guided reading", "reading intervention", "bilingual Spanish literacy resources", "classroom libraries", "big books for shared reading"],
79	"sameAs": ["https:\/\/www.facebook.com\/hameray","https:\/\/twitter.com\/hameray","https:\/\/www.instagram.com\/hameraypublishing","https:\/\/pinterest.com\/hameray"]
80}
81</script>
vendor: 1 bytes, line 81
81
82<script type="application/ld+json">
83{
84	"@context": "https://schema.org",
85	"@type": "WebSite",
86	"@id": "https://www.hameraypublishing.com/#website",
87	"name": "Hameray Publishing",
88	"url": "https:\/\/www.hameraypublishing.com\/",
89	"publisher": { "@id": "https://www.hameraypublishing.com/#organization" },
90	"potentialAction": {
91		"@type": "SearchAction",
92		"target": { "@type": "EntryPoint", "urlTemplate": "https://www.hameraypublishing.com/search?q={search_term_string}" },
93		"query-input": "required name=search_term_string"
94	}
95}
96</script>
96
97
98
99
100<script type="application/ld+json">
101{
102	"@context": "https://schema.org",
103	"@type": "BreadcrumbList",
104	"itemListElement": [
105		{ "@type": "ListItem", "position": 1, "name": "Home", "item": "https://www.hameraypublishing.com/" },{ "@type": "ListItem", "position": 2, "name": "Shop Hameray" }
106	]
107}
108</script>
108
109
110
111
112
113
114
115<script src = 'https://use.fontawesome.com/b0682129a2.js' async></script>
115
116<link href="//www.hameraypublishing.com/cdn/shop/t/3/assets/theme.scss.css?v=72113002589952896941788296538" rel="stylesheet" type="text/css" media="all" />
117
118
119
120
121
122<script>
123
124	document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
125
126	window.theme = {
127		strings: {
128		addToCart: "Add to Cart",
129		soldOut: "Product currently unavailable",
130		unavailable: "Unavailable"
131		},
132		moneyFormat: "${{amount}}"
133	};
134
135</script>
135
136
137
138
139
140
141
142
143<!--[if (gt IE 9)|!(IE)]><!-->
143<script src="//www.hameraypublishing.com/cdn/shop/t/3/assets/vendor.js?v=139329940478967238121772694708" defer="defer"></script>
143<!--<![endif]-->
144<!--[if lt IE 9]>
144<script src="//www.hameraypublishing.com/cdn/shop/t/3/assets/vendor.js?v=139329940478967238121772694708"></script>
144<![endif]-->
145
146<!--[if (gt IE 9)|!(IE)]><!-->
146<script src="//www.hameraypublishing.com/cdn/shop/t/3/assets/theme.js?v=97305264938050973511787611083" defer="defer"></script>
146<!--<![endif]-->
147<!--[if lt IE 9]>
147<script src="//www.hameraypublishing.com/cdn/shop/t/3/assets/theme.js?v=97305264938050973511787611083"></script>
147<![endif]-->
148
149
150
151
152
153<!-- Wishlist King -->
154
155	
155<script>
156(function() {
157  function updateBadge(count) {
158    function apply() {
159      var badges = document.querySelectorAll('.wishlist-count');
160      for (var i = 0; i < badges.length; i++) {
161        if (count > 0) {
162          badges[i].textContent = count;
163          badges[i].style.display = '';
164        } else {
165          badges[i].style.display = 'none';
166        }
167      }
168    }
169    if (document.readyState === 'loading') {
170      document.addEventListener('DOMContentLoaded', apply);
171    } else {
172      apply();
173    }
174  }
175
176  var origFetch = window.fetch;
177  window._wkLoadCount = 0;
178
179  window.fetch = function(url, opts) {
180    var urlStr = typeof url === 'string' ? url : (url && url.url ? url.url : '');
181    var method = (opts && opts.method) ? opts.method.toUpperCase() : 'GET';
182
183    // Only intercept Appmate wishlist-item calls
184    if (urlStr.indexOf('api.appmate.io') !== -1 && urlStr.indexOf('wishlist-item') !== -1) {
185      if (method === 'GET') {
186        // Count GET requests on page load (one per wishlist item) — no response parsing needed
187        window._wkLoadCount++;
188        clearTimeout(window._wkLoadTimer);
189        window._wkLoadTimer = setTimeout(function() {
190          localStorage.setItem('wk_badge_count', window._wkLoadCount);
191          updateBadge(window._wkLoadCount);
192        }, 300);
193      } else if (method === 'POST') {
194        var count = parseInt(localStorage.getItem('wk_badge_count') || '0') + 1;
195        localStorage.setItem('wk_badge_count', count);
196        updateBadge(count);
197      } else if (method === 'DELETE') {
198        var count = Math.max(0, parseInt(localStorage.getItem('wk_badge_count') || '0') - 1);
199        localStorage.setItem('wk_badge_count', count);
200        updateBadge(count);
201      }
202    }
203
204    return origFetch.apply(this, arguments);
205  };
206
207  // Show stored count immediately on page load
208  var stored = parseInt(localStorage.getItem('wk_badge_count') || '0');
209  if (stored > 0) {
210    updateBadge(stored);
211  }
212
213})();
214</script>
214
215
216<script src="https://cdn.appmate.io/legacy-toolkit/1.2.44/appmate.js" type="text/javascript"></script>
216
217
218
219<script type="text/javascript">
220;(function(){
221  if (typeof Appmate === 'undefined') return; // In case lib didn't load.
222
223  Appmate.init({
224    shop: {
225      domain: 'hameray-publishing.myshopify.com'
226    },
227    session: {
228      customer: ''
229    },
230    globals: {
231      settings: {
232        app_wk_icon: 'heart',
233        app_wk_share_position: 'top',
234        app_wk_products_per_row: 4
235      },
236      customer: '',
237      customer_accounts_enabled: true,
238    },
239    wishlist: {
240      loginRequired: false,
241      handle: "/pages/wishlist",
242      proxyHandle: "/a/wk",
243      share: {
244        handle: "/pages/shared-wishlist",
245        title: 'My Wishlist',
246        description: 'Check out some of my favorite things @ Hameray Publishing.',
247        imageTitle: 'Hameray Publishing',
248        hashTags: 'wishlist',
249        twitterUser: false // will be used with via
250      }
251    }
252  });
253})();
254</script>
254
255
256<script type="text/javascript">
257;(function(){
258  if (typeof Appmate === 'undefined') return; // In case lib didn't load.
259
260  Appmate.wk.on({
261    'click [data-wk-add-product]': eventHandler(function(){
262      var product = this.getAttribute('data-wk-add-product');
263      var selected_variant = $(this).parents('.flex.space.wrap').find('select[name="id"]').val();
264      Appmate.wk.addProduct(product, selected_variant);
265    }),
266    'click [data-wk-remove-product]': eventHandler(function(){
267      var product = this.getAttribute('data-wk-remove-product');
268      Appmate.wk.removeProduct(product);
269    }),
270    'click [data-wk-remove-item]': eventHandler(function(){
271      var item = this.getAttribute('data-wk-remove-item');
272      fadeOrNot($(this), function() {
273        Appmate.wk.removeItem(item);
274      });
275    }),
276    'click [data-wk-clear-wishlist]': eventHandler(function(){
277      var wishlist = this.getAttribute('data-wk-clear-wishlist');
278      Appmate.wk.clear(wishlist);
279      localStorage.setItem('wk_badge_count', '0');
280      var badges = document.querySelectorAll('.wishlist-count');
281      for (var i = 0; i < badges.length; i++) { badges[i].style.display = 'none'; }
282    }),
283    'click [data-wk-share]': eventHandler(function(){
284      var params = $(this).data();
285      var shareLink = Appmate.wk.getShareLink(params);
286
287      switch (params.wkShareService) {
288        case 'link':
289          $('#wk-share-link-text').addClass('wk-visible').find('.wk-text').html(shareLink);
290          var copyButton = $('#wk-share-link-text .wk-clipboard');
291          var copyText = copyButton.html();
292          var clipboard = Appmate.wk.clipboard(copyButton[0]);
293          clipboard.on('success', function(e) {
294            copyButton.html('copied');
295            setTimeout(function(){
296              copyButton.html(copyText);
297            }, 2000);
298          });
299          break;
300        case 'email':
301          window.location.href = shareLink;
302          break;
303        default:
304          window.open(
305            shareLink,
306            'wishlist_share',
307            'height=590, width=770, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no'
308          );
309      }
310    }),
311    'click [data-wk-move-to-cart]': eventHandler(function(){
312      var $elem = $(this);
313      $form = $elem.parents('form');
314      $elem.prop("disabled", true);
315
316      var item = this.getAttribute('data-wk-move-to-cart');
317      var formData = $form.serialize();
318      var currentCart = parseInt($('.cart-count').first().text());
319      var updatedCart = currentCart + parseInt(1);
320      $('.cart-count').each(function() { $(this).text(updatedCart); });
321
322      fadeOrNot($elem, function(){
323        Appmate.wk
324        .moveToCart(item, formData)
325        .then(function(){
326          window.scrollTo(0, 0);
327          /* location.reload(); */
328          $elem.prop("disabled", false);
329        });
330      });
331    }),
332    'render .wk-option-select': function(elem){
333      appmateOptionSelect(elem);
334    },
335    'login-required': function (intent) {
336      var redirect = {
337        path: window.location.pathname,
338        intent: intent
339      };
340      window.location = '/account/login?wk-redirect=' + encodeURIComponent(JSON.stringify(redirect));
341    },
342    'render .swiper-container': function (elem) {
343      initSlider()
344    },
345    'ready': function () {
346      $(document).ready(initSlider);
347      $(document).ready(fillContactForm);
348
349      var redirect = Appmate.wk.getQueryParam('wk-redirect');
350      if (redirect) {
351        Appmate.wk.addLoginRedirect($('#customer_login'), JSON.parse(redirect));
352      }
353      var intent = Appmate.wk.getQueryParam('wk-intent');
354      if (intent) {
355        intent = JSON.parse(intent);
356        switch (intent.action) {
357          case 'addProduct':
358            Appmate.wk.addProduct(intent.product, intent.variant)
359            break;
360          default:
361            console.warn('Wishlist King: Intent not implemented', intent)
362        }
363        if (window.history && window.history.pushState) {
364          history.pushState(null, null, window.location.pathname);
365        }
366      }
367    }
368  });
369
370
371  function initSlider () {
372    if (typeof Swiper !== 'undefined') {
373      var mySwiper = new Swiper ('.swiper-container', {
374        direction: 'horizontal',
375        loop: false,
376        pagination: '.swiper-pagination',
377        nextButton: '.swiper-button-next',
378        prevButton: '.swiper-button-prev',
379        spaceBetween: 20,
380        slidesPerView: 4,
381        breakpoints: {
382          380: {
383            slidesPerView: 1,
384            spaceBetween: 0,
385          },
386          480: {
387            slidesPerView: 2,
388            spaceBetween: 20,
389          }
390        }
391      })
392    }
393  }
394
395  function fillContactForm() {
396    if (document.getElementById('contact_form')) {
397      var message = Appmate.wk.getQueryParam('message');
398      var bodyElement = document.querySelector("#contact_form textarea[name='contact[body]']");
399      if (bodyElement && message) {
400        bodyElement.value = message;
401      }
402    }
403  }
404
405  function eventHandler (callback) {
406    return function (event) {
407      if (typeof callback === 'function') {
408        callback.call(this, event)
409      }
410      if (event) {
411        event.preventDefault();
412        event.stopPropagation();
413      }
414    }
415  }
416
417  function fadeOrNot($elem, callback){
418    if ($elem.parents('.wk-fadeout').length) {
419      $elem.parents('.wk-fadeout').fadeOut(callback);
420    } else {
421      callback();
422    }
423  }
424})();
425
426</script>
426
427
428
429
430<script id="wishlist-icon-filled" data="wishlist" type="text/x-template" app="wishlist-king">
431{% if settings.app_wk_icon == "heart" %}
432  <svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'>
433    <path d='M47.199 4c-6.727 0-12.516 5.472-15.198 11.188-2.684-5.715-8.474-11.188-15.201-11.188-9.274 0-16.8 7.527-16.8 16.802 0 18.865 19.031 23.812 32.001 42.464 12.26-18.536 31.999-24.2 31.999-42.464 0-9.274-7.527-16.802-16.801-16.802z' fill='#000'></path>
434  </svg>
435{% elsif settings.app_wk_icon == "star" %}
436  <svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='64' height='60.9' viewBox='0 0 64 64'>
437    <path d='M63.92,23.25a1.5,1.5,0,0,0-1.39-1H40.3L33.39,1.08A1.5,1.5,0,0,0,32,0h0a1.49,1.49,0,0,0-1.39,1L23.7,22.22H1.47a1.49,1.49,0,0,0-1.39,1A1.39,1.39,0,0,0,.6,24.85l18,13L11.65,59a1.39,1.39,0,0,0,.51,1.61,1.47,1.47,0,0,0,.88.3,1.29,1.29,0,0,0,.88-0.3l18-13.08L50,60.68a1.55,1.55,0,0,0,1.76,0,1.39,1.39,0,0,0,.51-1.61l-6.9-21.14,18-13A1.45,1.45,0,0,0,63.92,23.25Z' fill='#be8508'></path>
438  </svg>
439{% endif %}
440</script>
440
441
442<script id="wishlist-icon-empty" data="wishlist" type="text/x-template" app="wishlist-king">
443{% if settings.app_wk_icon == "heart" %}
444  <svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='64px' height='60.833px' viewBox='0 0 64 60.833'>
445    <path stroke='#000' stroke-width='5' stroke-miterlimit='10' fill-opacity='0' d='M45.684,2.654c-6.057,0-11.27,4.927-13.684,10.073 c-2.417-5.145-7.63-10.073-13.687-10.073c-8.349,0-15.125,6.776-15.125,15.127c0,16.983,17.134,21.438,28.812,38.231 c11.038-16.688,28.811-21.787,28.811-38.231C60.811,9.431,54.033,2.654,45.684,2.654z'/>
446  </svg>
447{% elsif settings.app_wk_icon == "star" %}
448  <svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='64' height='60.9' viewBox='0 0 64 64'>
449    <path d='M63.92,23.25a1.5,1.5,0,0,0-1.39-1H40.3L33.39,1.08A1.5,1.5,0,0,0,32,0h0a1.49,1.49,0,0,0-1.39,1L23.7,22.22H1.47a1.49,1.49,0,0,0-1.39,1A1.39,1.39,0,0,0,.6,24.85l18,13L11.65,59a1.39,1.39,0,0,0,.51,1.61,1.47,1.47,0,0,0,.88.3,1.29,1.29,0,0,0,.88-0.3l18-13.08L50,60.68a1.55,1.55,0,0,0,1.76,0,1.39,1.39,0,0,0,.51-1.61l-6.9-21.14,18-13A1.45,1.45,0,0,0,63.92,23.25ZM42.75,36.18a1.39,1.39,0,0,0-.51,1.61l5.81,18L32.85,44.69a1.41,1.41,0,0,0-1.67,0L15.92,55.74l5.81-18a1.39,1.39,0,0,0-.51-1.61L6,25.12H24.7a1.49,1.49,0,0,0,1.39-1L32,6.17l5.81,18a1.5,1.5,0,0,0,1.39,1H58Z' fill='#be8508'></path>
450  </svg>
451{% endif %}
452</script>
452
453
454<script id="wishlist-icon-remove" data="wishlist" type="text/x-template" app="wishlist-king">
455  <svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'>
456   <g>
457     <path fill='#000000' stroke-width='0.25pt' d='m100,60l-40,40l170,170l40,-40l-170,-170z'/>
458     <path fill='#000000' stroke-width='0.25pt' d='m60,230l170,-170l40,40l-170,170l-40,-40z'/>
459   </g>
460  </svg>
461</script>
461
462
463<style>
464  @media screen and (max-width: 850px) {
465    .wishlist-counter {
466      display: none;
467    }
468  }
469</style>
470
471<script id="wishlist-link" data="wishlist" type="text/x-template" app="wishlist-king">
472{% if wishlist.item_count %}
473  {% assign link_icon = 'wishlist-icon-filled' %}
474{% else %}
475  {% assign link_icon = 'wishlist-icon-empty' %}
476{% endif %}
477<a href="{{ wishlist.url }}" class="wk-link wk-{{ wishlist.state }}" title="View Wishlist"><div class="wk-icon">{% include link_icon %}</div><span class="wk-label">Wishlist</span><br>{% if wishlist.item_count != 0 %}<span class = 'wishlist-counter' style = 'position: absolute; top: -21px; font-size: 1.2rem; font-weight: 200; width: 100%; text-align: center;'>{{ wishlist.item_count }}</span>{% endif %}</a>
478</script>
478
479
480<script id="wishlist-link-li" data="wishlist" type="text/x-template" app="wishlist-king">
481<li class="wishlist-link-li wk-{{ wishlist.state }}">
482  {% include 'wishlist-link' %}
483</li>
484</script>
484
485
486<script id="wishlist-button-product" data="product" type="text/x-template" app="wishlist-king">
487{% if product.in_wishlist %}
488  {% assign btn_text = 'In Wishlist' %}
489  {% assign btn_title = 'Remove from Wishlist' %}
490  {% assign btn_action = 'wk-remove-product' %}
491  {% assign btn_icon = 'wishlist-icon-filled' %}
492{% else %}
493  {% assign btn_text = 'Add to Wishlist' %}
494  {% assign btn_title = 'Add to Wishlist' %}
495  {% assign btn_action = 'wk-add-product' %}
496  {% assign btn_icon = 'wishlist-icon-empty' %}
497{% endif %}
498
499<button type="button" class="wk-button-product {{ btn_action }}" title="{{ btn_title }}" data-{{ btn_action }}="{{ product.id }}">
500  <div class="wk-icon">
501    {% include btn_icon %}
502  </div>
503  <span class="wk-label">{{ btn_text }}</span>
504</button>
505</script>
505
506
507<script id="wishlist-button-collection" data="product" type="text/x-template" app="wishlist-king">
508{% if product.in_wishlist %}
509  {% assign btn_text = 'In Wishlist' %}
510  {% assign btn_title = 'Remove from Wishlist' %}
511  {% assign btn_action = 'wk-remove-product' %}
512  {% assign btn_icon = 'wishlist-icon-filled' %}
513{% else %}
514  {% assign btn_text = 'Add to Wishlist' %}
515  {% assign btn_title = 'Add to Wishlist' %}
516  {% assign btn_action = 'wk-add-product' %}
517  {% assign btn_icon = 'wishlist-icon-empty' %}
518{% endif %}
519
520<button type="button" class="wk-button-collection {{ btn_action }}" title="{{ btn_title }}" data-{{ btn_action }}="{{ product.id }}">
521  <div class="wk-icon">
522    {% include btn_icon %}
523  </div>
524  <span class="wk-label">{{ btn_text }}</span>
525</button>
526</script>
526
527
528<script id="wishlist-button-wishlist-page" data="product" type="text/x-template" app="wishlist-king">
529{% if wishlist.read_only %}
530  {% assign item_id = product.id %}
531{% else %}
532  {% assign item_id = product.wishlist_item_id %}
533{% endif %}
534
535{% assign add_class = '' %}
536{% if product.in_wishlist and wishlist.read_only == true %}
537  {% assign btn_text = 'In Wishlist' %}
538  {% assign btn_title = 'Remove from Wishlist' %}
539  {% assign btn_action = 'wk-remove-product' %}
540  {% assign btn_icon = 'wishlist-icon-filled' %}
541{% elsif product.in_wishlist and wishlist.read_only == false %}
542  {% assign btn_text = 'In Wishlist' %}
543  {% assign btn_title = 'Remove from Wishlist' %}
544  {% assign btn_action = 'wk-remove-item' %}
545  {% assign btn_icon = 'wishlist-icon-remove' %}
546  {% assign add_class = 'wk-with-hover' %}
547{% else %}
548  {% assign btn_text = 'Add to Wishlist' %}
549  {% assign btn_title = 'Add to Wishlist' %}
550  {% assign btn_action = 'wk-add-product' %}
551  {% assign btn_icon = 'wishlist-icon-empty' %}
552  {% assign add_class = 'wk-with-hover' %}
553{% endif %}
554
555<button type="button" class="wk-button-wishlist-page {{ btn_action }} {{ add_class }}" title="{{ btn_title }}" data-{{ btn_action }}="{{ item_id }}">
556  <div class="wk-icon">
557    {% include btn_icon %}
558  </div>
559  <span class="wk-label">{{ btn_text }}</span>
560</button>
561</script>
561
562
563<script id="wishlist-button-wishlist-clear" data="wishlist" type="text/x-template" app="wishlist-king">
564{% assign btn_text = 'Clear Wishlist' %}
565{% assign btn_title = 'Clear Wishlist' %}
566{% assign btn_class = 'wk-button-wishlist-clear' %}
567
568<button type="button" class="{{ btn_class }}" title="{{ btn_title }}" data-wk-clear-wishlist="{{ wishlist.permaId }}">
569  <span class="wk-label">{{ btn_text }}</span>
570</button>
571</script>
571
572
573<script id="wishlist-shared" data="shared_wishlist" type="text/x-template" app="wishlist-king">
574{% assign wishlist = shared_wishlist %}
575{% include 'wishlist-collection' with wishlist %}
576</script>
576
577
578<script id="wishlist-collection" data="wishlist" type="text/x-template" app="wishlist-king">
579<div class='wishlist-collection'>
580{% if wishlist.item_count == 0 %}
581  {% include 'wishlist-collection-empty' %}
582{% else %}
583  {% if customer_accounts_enabled and customer == false and wishlist.read_only == false %}
584    {% include 'wishlist-collection-login-note' %}
585  {% endif %}
586
587  {% if settings.app_wk_share_position == "top" %}
588    {% unless wishlist.read_only %}
589      {% include 'wishlist-collection-share' %}
590    {% endunless %}
591  {% endif %}
592
593  {% include 'wishlist-collection-loop' %}
594
595  {% if settings.app_wk_share_position == "bottom" %}
596    {% unless wishlist.read_only %}
597      {% include 'wishlist-collection-share' %}
598    {% endunless %}
599  {% endif %}
600
601  {% unless wishlist.read_only %}
602    {% include 'wishlist-button-wishlist-clear' %}
603  {% endunless %}
604{% endif %}
605</div>
606</script>
606
607
608<script id="wishlist-row" data="wishlist" type="text/x-template" app="wishlist-king">
609<div class='wk-wishlist-row'>
610  {% if wishlist.item_count != 0 %}
611  <h2 class="wk-wishlist-row-title">Add more from Wishlist</h2>
612  <div class="swiper-container">
613      <!-- Additional required wrapper -->
614      <div class="swiper-wrapper">
615          <!-- Slides -->
616          {% for product in wishlist.products %}
617            {% assign hide_default_title = false %}
618            {% if product.variants.length == 1 and product.variants[0].title contains 'Default' %}
619              {% assign hide_default_title = true %}
620            {% endif %}
621            <div
622              id="wk-item-{{ product.wishlist_item_id }}"
623              class="swiper-slide wk-item wk-fadeout"
624              data-wk-item="{{ product.wishlist_item_id }}"
625            >
626              {% include 'wishlist-collection-product-image' with product %}
627              <div>
628              {% include 'wishlist-collection-product-title' with product %}
629              {% include 'wishlist-collection-product-price' %}
630              {% include 'wishlist-collection-product-form' with product %}
631              </div>
632            </div>
633          {% endfor %}
634      </div>
635      <!-- If we need pagination -->
636      <!-- <div class="swiper-pagination"></div> -->
637  </div>
638  <div class="swiper-button-prev">
639    <svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
640        <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
641        <path d="M0 0h24v24H0z" fill="none"/>
642    </svg>
643  </div>
644  <div class="swiper-button-next">
645    <svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
646        <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
647        <path d="M0 0h24v24H0z" fill="none"/>
648    </svg>
649  </div>
650  {% endif %}
651</div>
652</script>
652
653
654<script id="wishlist-collection-empty" data="wishlist" type="text/x-template" app="wishlist-king">
655<div class="wk-row">
656  <div class="wk-span12">
657    <h3 class="wk-wishlist-empty-note">Your wishlist is empty!</h3>
658  </div>
659</div>
660</script>
660
661
662<script id="wishlist-collection-login-note" data="wishlist" type="text/x-template" app="wishlist-king">
663<div class="wk-row">
664  <p class="wk-span12 wk-login-note">
665    To permanently save your wishlist please <a href="/account/login">login</a> or <a href="/account/register">sign up</a>.
666  </p>
667</div>
668</script>
668
669
670<script id="wishlist-collection-share" data="wishlist" type="text/x-template" app="wishlist-king">
671  <h3 id="wk-share-head">Share Wishlist</h3>
672  <ul id="wk-share-list">
673    <li>{% include 'wishlist-share-button-fb' %}</li>
674    <li>{% include 'wishlist-share-button-pinterest' %}</li>
675    <li>{% include 'wishlist-share-button-twitter' %}</li>
676    <li>{% include 'wishlist-share-button-email' %}</li>
677    <li>{% include 'wishlist-share-button-link' %}</li>
678    {% comment %}
679    <li>{% include 'wishlist-share-button-contact' %}</li>
680    {% endcomment %}
681    <li id="wk-share-whatsapp">{% include 'wishlist-share-button-whatsapp' %}</li>
682  </ul>
683  <div id="wk-share-link-text"><span class="wk-text"></span><button class="wk-clipboard" data-clipboard-target="#wk-share-link-text .wk-text">copy link</button></div>
684</script>
684
685
686<script id="wishlist-collection-loop" data="wishlist" type="text/x-template" app="wishlist-king">
687<div class="wk-row flex wrap">
688  {% assign item_count = 0 %}
689  {% for product in wishlist.products %}
690    {% assign item_count = item_count | plus: 1 %}
691    {% unless limit and item_count > limit %}
692      {% assign hide_default_title = false %}
693      {% if product.variants.length == 1 and product.variants[0].title contains 'Default' %}
694        {% assign hide_default_title = true %}
695      {% endif %}
696
697      {% assign items_per_row = settings.app_wk_products_per_row %}
698      {% assign wk_item_width = 100 | divided_by: items_per_row %}
699
700        <div id="wk-item-{{ product.wishlist_item_id }}" class="wk-item {{ wk_item_class }} {% unless wishlist.read_only %}wk-fadeout{% endunless %}" data-wk-item="{{ product.wishlist_item_id }}">
701
702          {% include 'wishlist-collection-product-image' with product %}
703          {% include 'wishlist-button-wishlist-page' with product %}
704          <div>
705            {% include 'wishlist-collection-product-title' with product %}
706            {% include 'wishlist-collection-product-price' %}
707            {% include 'wishlist-collection-product-form' with product %}
708          </div>
709        </div>
710    {% endunless %}
711  {% endfor %}
712</div>
713</script>
713
714
715<script id="wishlist-collection-product-image" data="wishlist" type="text/x-template" app="wishlist-king">
716<div class="wk-image">
717  <a href="{{ product | variant_url }}" class="wk-variant-link wk-content" title="View product">
718    <img class="wk-variant-image"
719       src="{{ product | variant_img_url: 'large' }}"
720       alt="{{ product.title }}" />
721  </a>
722</div>
723</script>
723
724
725<script id="wishlist-collection-product-title" data="wishlist" type="text/x-template" app="wishlist-king">
726<div class="wk-product-title">
727  <a href="{{ product | variant_url }}" class="wk-variant-link" title="View product">{{ product.title }}</a>
728</div>
729</script>
729
730
731<script id="wishlist-collection-product-price" data="wishlist" type="text/x-template" app="wishlist-king">
732{% assign variant = product.selected_or_first_available_variant %}
733<div class="wk-purchase">
734  <span class="wk-price wk-price-preview">
735    {% if variant.price < variant.compare_at_price %}
736    <span class="saleprice">{{ variant.price | money }}</span> <del>{{ variant.compare_at_price | money }}</del>
737    {% else %}
738    {{ variant.price | money }}
739    {% endif %}
740  </span>
741</div>
742</script>
742
743
744<script id="wishlist-collection-product-form" data="wishlist" type="text/x-template" app="wishlist-king">
745<form id="wk-add-item-form-{{ product.wishlist_item_id }}" action="/cart/add" method="post" class="wk-add-item-form">
746
747  <!-- Begin product options -->
748  <div class="wk-product-options {% if hide_default_title %}wk-no-options{% endif %}">
749
750    <div class="wk-select" {% if hide_default_title %} style="display:none"{% endif %}>
751      <select id="wk-option-select-{{ product.wishlist_item_id }}" class="wk-option-select" name="id">
752
753        {% for variant in product.variants %}
754        <option value="{{ variant.id }}" {% if variant == product.selected_or_first_available_variant %}selected="selected"{% endif %}>
755          {{ variant.title }} - {{ variant.price | money }}
756        </option>
757        {% endfor %}
758
759      </select>
760    </div>
761
762    {% comment %}
763      {% if settings.display_quantity_dropdown and product.available %}
764      <div class="wk-selector-wrapper">
765        <label>Quantity</label>
766        <input class="wk-quantity" type="number" name="quantity" value="1" class="wk-item-quantity" />
767      </div>
768      {% endif %}
769    {% endcomment %}
770
771    <div class="wk-purchase-section{% if product.variants.length > 1 %} wk-multiple{% endif %}">
772
773        {% assign cart_action = 'wk-move-to-cart' %}
774        {% if wishlist.read_only %}
775          {% assign cart_action = 'wk-add-to-cart' %}
776        {% endif %}
777        <input type="submit" class="wk-add-to-cart" data-{{ cart_action }}="{{ product.wishlist_item_id }}" name="add" value="Add to Cart" />
778
779      {% comment %} {% unless product.available %}
780      <input type="submit" class="wk-add-to-cart disabled" disabled="disabled" value="Sold Out" />
781      {% else %}
782        {% assign cart_action = 'wk-move-to-cart' %}
783        {% if wishlist.read_only %}
784          {% assign cart_action = 'wk-add-to-cart' %}
785        {% endif %}
786        <input type="submit" class="wk-add-to-cart" data-{{ cart_action }}="{{ product.wishlist_item_id }}" name="add" value="Add to Cart" />
787      {% endunless %} {% endcomment %}
788
789    </div>
790  </div>
791  <!-- End product options -->
792</form>
793</script>
793
794
795<script id="wishlist-share-button-fb" data="wishlist" type="text/x-template" app="wishlist-king">
796{% unless wishlist.empty %}
797<a href class="wk-button-share resp-sharing-button__link" title="Share on Facebook" data-wk-share-service="facebook" data-wk-share="{{ wishlist.permaId }}" data-wk-share-image="{{ wishlist.products[0] | variant_img_url: '1200x630' }}">
798  <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--large">
799    <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
800      <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
801        <g>
802          <path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/>
803        </g>
804      </svg>
805    </div>
806    <span>Facebook</span>
807  </div>
808</a>
809{% endunless %}
810</script>
810
811
812<script id="wishlist-share-button-twitter" data="wishlist" type="text/x-template" app="wishlist-king">
813{% unless wishlist.empty %}
814<a href class="wk-button-share resp-sharing-button__link" title="Share on Twitter" data-wk-share-service="twitter" data-wk-share="{{ wishlist.permaId }}">
815  <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--large">
816    <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
817      <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
818        <g>
819          <path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/>
820        </g>
821      </svg>
822    </div>
823    <span>Twitter</span>
824  </div>
825</a>
826{% endunless %}
827</script>
827
828
829<script id="wishlist-share-button-pinterest" data="wishlist" type="text/x-template" app="wishlist-king">
830{% unless wishlist.empty %}
831<a href class="wk-button-share resp-sharing-button__link" title="Share on Pinterest" data-wk-share-service="pinterest" data-wk-share="{{ wishlist.permaId }}" data-wk-share-image="{{ wishlist.products[0] | variant_img_url: '1200x630' }}">
832  <div class="resp-sharing-button resp-sharing-button--pinterest resp-sharing-button--large">
833    <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
834      <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
835        <path d="M12.137,0.5C5.86,0.5,2.695,5,2.695,8.752c0,2.272,0.8 ,4.295,2.705,5.047c0.303,0.124,0.574,0.004,0.661-0.33 c0.062-0.231,0.206-0.816,0.271-1.061c0.088-0.331,0.055-0.446-0.19-0.736c-0.532-0.626-0.872-1.439-0.872-2.59 c0-3.339,2.498-6.328,6.505-6.328c3.548,0,5.497,2.168,5.497,5.063c0,3.809-1.687,7.024-4.189,7.024 c-1.382,0-2.416-1.142-2.085-2.545c0.397-1.675,1.167-3.479,1.167-4.688c0-1.081-0.58-1.983-1.782-1.983 c-1.413,0-2.548,1.461-2.548,3.42c0,1.247,0.422,2.09,0.422,2.09s-1.445,6.126-1.699,7.199c-0.505,2.137-0.076,4.756-0.04,5.02 c0.021,0.157,0.224,0.195,0.314,0.078c0.13-0.171,1.813-2.25,2.385-4.325c0.162-0.589,0.929-3.632,0.929-3.632 c0.459,0.876,1.801,1.646,3.228,1.646c4.247,0,7.128-3.871,7.128-9.053C20.5,4.15,17.182,0.5,12.137,0.5z"/>
836      </svg>
837    </div>
838    <span>Pinterest</span>
839  </div>
840</a>
841{% endunless %}
842</script>
842
843
844<script id="wishlist-share-button-whatsapp" data="wishlist" type="text/x-template" app="wishlist-king">
845{% unless wishlist.empty %}
846<a href class="wk-button-share resp-sharing-button__link" title="Share via WhatsApp" data-wk-share-service="whatsapp" data-wk-share="{{ wishlist.permaId }}">
847  <div class="resp-sharing-button resp-sharing-button--whatsapp resp-sharing-button--large">
848    <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
849      <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
850        <path stroke="none" d="M20.1,3.9C17.9,1.7,15,0.5,12,0.5C5.8,0.5,0.7,5.6,0.7,11.9c0,2,0.5,3.9,1.5,5.6l-1.6,5.9l6-1.6c1.6,0.9,3.5,1.3,5.4,1.3l0,0l0,0c6.3,0,11.4-5.1,11.4-11.4C23.3,8.9,22.2,6,20.1,3.9z M12,21.4L12,21.4c-1.7,0-3.3-0.5-4.8-1.3l-0.4-0.2l-3.5,1l1-3.4L4,17c-1-1.5-1.4-3.2-1.4-5.1c0-5.2,4.2-9.4,9.4-9.4c2.5,0,4.9,1,6.7,2.8c1.8,1.8,2.8,4.2,2.8,6.7C21.4,17.2,17.2,21.4,12,21.4z M17.1,14.3c-0.3-0.1-1.7-0.9-1.9-1c-0.3-0.1-0.5-0.1-0.7,0.1c-0.2,0.3-0.8,1-0.9,1.1c-0.2,0.2-0.3,0.2-0.6,0.1c-0.3-0.1-1.2-0.5-2.3-1.4c-0.9-0.8-1.4-1.7-1.6-2c-0.2-0.3,0-0.5,0.1-0.6s0.3-0.3,0.4-0.5c0.2-0.1,0.3-0.3,0.4-0.5c0.1-0.2,0-0.4,0-0.5c0-0.1-0.7-1.5-1-2.1C8.9,6.6,8.6,6.7,8.5,6.7c-0.2,0-0.4,0-0.6,0S7.5,6.8,7.2,7c-0.3,0.3-1,1-1,2.4s1,2.8,1.1,3c0.1,0.2,2,3.1,4.9,4.3c0.7,0.3,1.2,0.5,1.6,0.6c0.7,0.2,1.3,0.2,1.8,0.1c0.6-0.1,1.7-0.7,1.9-1.3c0.2-0.7,0.2-1.2,0.2-1.3C17.6,14.5,17.4,14.4,17.1,14.3z"/>
851      </svg>
852    </div>
853    <span>WhatsApp</span>
854  </div>
855</a>
856{% endunless %}
857</script>
857
858
859<script id="wishlist-share-button-email" data="wishlist" type="text/x-template" app="wishlist-king">
860{% unless wishlist.empty %}
861<a href class="wk-button-share resp-sharing-button__link" title="Share via Email" data-wk-share-service="email" data-wk-share="{{ wishlist.permaId }}">
862  <div class="resp-sharing-button resp-sharing-button--email resp-sharing-button--large">
863    <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
864      <svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
865        <path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"/>
866      </svg>
867    </div>
868    <span>Email</span>
869  </div>
870</a>
871{% endunless %}
872</script>
872
873
874<script id="wishlist-share-button-link" data="wishlist" type="text/x-template" app="wishlist-king">
875{% unless wishlist.empty %}
876<a href class="wk-button-share resp-sharing-button__link" title="Share via link" data-wk-share-service="link" data-wk-share="{{ wishlist.permaId }}">
877  <div class="resp-sharing-button resp-sharing-button--link resp-sharing-button--large">
878    <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
879      <svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'>
880        <path d='M459.654,233.373l-90.531,90.5c-49.969,50-131.031,50-181,0c-7.875-7.844-14.031-16.688-19.438-25.813
881        l42.063-42.063c2-2.016,4.469-3.172,6.828-4.531c2.906,9.938,7.984,19.344,15.797,27.156c24.953,24.969,65.563,24.938,90.5,0
882        l90.5-90.5c24.969-24.969,24.969-65.563,0-90.516c-24.938-24.953-65.531-24.953-90.5,0l-32.188,32.219
883        c-26.109-10.172-54.25-12.906-81.641-8.891l68.578-68.578c50-49.984,131.031-49.984,181.031,0
884        C509.623,102.342,509.623,183.389,459.654,233.373z M220.326,382.186l-32.203,32.219c-24.953,24.938-65.563,24.938-90.516,0
885        c-24.953-24.969-24.953-65.563,0-90.531l90.516-90.5c24.969-24.969,65.547-24.969,90.5,0c7.797,7.797,12.875,17.203,15.813,27.125
886        c2.375-1.375,4.813-2.5,6.813-4.5l42.063-42.047c-5.375-9.156-11.563-17.969-19.438-25.828c-49.969-49.984-131.031-49.984-181.016,0
887        l-90.5,90.5c-49.984,50-49.984,131.031,0,181.031c49.984,49.969,131.031,49.969,181.016,0l68.594-68.594
888        C274.561,395.092,246.42,392.342,220.326,382.186z'/>
889      </svg>
890    </div>
891    <span>E-Mail</span>
892  </div>
893</a>
894{% endunless %}
895</script>
895
896
897<script id="wishlist-share-button-contact" data="wishlist" type="text/x-template" app="wishlist-king">
898{% unless wishlist.empty %}
899<a href class="wk-button-share resp-sharing-button__link" title="Send to customer service" data-wk-share-service="contact" data-wk-share="{{ wishlist.permaId }}">
900  <div class="resp-sharing-button resp-sharing-button--link resp-sharing-button--large">
901    <div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
902      <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
903          <path d="M0 0h24v24H0z" fill="none"/>
904          <path d="M19 2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-6 16h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 11.9 13 12.5 13 14h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/>
905      </svg>
906    </div>
907    <span>E-Mail</span>
908  </div>
909</a>
910{% endunless %}
911</script>
911
912
913
914
915
916<script>
917function appmateSelectCallback(variant, selector) {
918  var shop = Appmate.wk.globals.shop;
919  var product = Appmate.wk.getProduct(variant.product_id);
920  var itemId = $(selector.variantIdField).parents('[data-wk-item]').attr('data-wk-item');
921  var container = $('#wk-item-' + itemId);
922
923
924  
925
926  var imageUrl = '';
927
928  if (variant && variant.image) {
929    imageUrl = Appmate.wk.filters.img_url(variant, 'large');
930  } else if (product) {
931    imageUrl = Appmate.wk.filters.img_url(product, 'large');
932  }
933
934  if (imageUrl) {
935    container.find('.wk-variant-image').attr('src', imageUrl);
936  }
937  var formatMoney = Appmate.wk.filters.money;
938  if (!product.hidden && variant && (variant.available || variant.inventory_policy === 'continue')) {
939    container.find('.wk-add-to-cart').removeAttr('disabled').removeClass('disabled').attr('value', 'Add to Cart');
940    if(variant.price < variant.compare_at_price){
941      container.find('.wk-price-preview').html(formatMoney(variant.price) + " <del>" + formatMoney(variant.compare_at_price) + "</del>");
942    } else {
943      container.find('.wk-price-preview').html(formatMoney(variant.price));
944    }
945  }
946  // else {
947  //   var message = variant && !product.hidden ? "Sold Out" : "Unavailable";
948  //  container.find('.wk-add-to-cart').addClass('disabled').attr('disabled', 'disabled').attr('value', message);
949  //  container.find('.wk-price-preview').text(message);
950  // }
951
952};
953
954function appmateOptionSelect(el){
955  if (!Shopify || !Shopify.OptionSelectors) {
956    throw new Error('Missing option_selection.js! Please check templates/page.wishlist.liquid');
957  }
958
959  var id = el.getAttribute('id');
960  var itemId = $(el).parents('[data-wk-item]').attr('data-wk-item');
961  var container = $('#wk-item-' + itemId);
962
963  Appmate.wk.getItem(itemId).then(function(product){
964    var selector = new Shopify.OptionSelectors(id, {
965      product: product,
966      onVariantSelected: appmateSelectCallback,
967      enableHistoryState: false
968    });
969
970    if (product.selected_variant_id) {
971      selector.selectVariant(product.selected_variant_id);
972    }
973
974    // Add label if only one product option and it isn't 'Title'.
975    if (product.options.length == 1 && product.options[0] != 'Title') {
976      $(container)
977      .find('.selector-wrapper:eq(0)')
978      .prepend('<label>' + product.options[0] + '</label>');
979    }
980  });
981}
982
983</script>
983
984
985<link href="//www.hameraypublishing.com/cdn/shop/t/3/assets/appmate-wishlist-king.scss.css?v=155711572738234808331544641592" rel="stylesheet" type="text/css" media="all" />
986
987
988
989
990
991
992
993
994
995
996<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
996<meta name="facebook-domain-verification" content="jokl2m4eon4s6vdb40pfus4cxvwube">
997<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/21373313/digital_wallets/dialog">
998<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
998<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=786759716"></script>
998
999<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1000<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=786759716&shop_id=21373313" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1000
1000
1001<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":21373313,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/21373313","merchantName":"Hameray Publishing","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Hameray Publishing","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1001
1001
1002<script id="shopify-features" type="application/json">{"accessToken":"e9414dbd5c39516ce6a980e7c8116782","betas":["rich-media-storefront-analytics"],"domain":"www.hameraypublishing.com","predictiveSearch":true,"shopId":21373313,"locale":"en"}</script>
vendor: 1 bytes, line 1002
1002
1003<script>var Shopify = Shopify || {};
1004Shopify.shop = "hameray-publishing.myshopify.com";
1005Shopify.locale = "en";
1006Shopify.currency = {"active":"USD","rate":"1.0"};
1007Shopify.country = "US";
1008Shopify.theme = {"name":"Aeolidia","id":181129362,"schema_name":"Slate","schema_version":"0.11.0","theme_store_id":null,"role":"main"};
1009Shopify.theme.handle = "null";
1010Shopify.theme.style = {"id":null,"handle":null};
1011Shopify.cdnHost = "www.hameraypublishing.com/cdn";
1012Shopify.routes = Shopify.routes || {};
1013Shopify.routes.root = "/";
1014Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1015Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1016Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1017Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1017
1017
1018<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1018
1018
1019<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 1019
1019
1020<script>
1021  window.ShopifyPay = window.ShopifyPay || {};
1022  window.ShopifyPay.apiHost = "shop.app\/pay";
1023  window.ShopifyPay.redirectState = null;
1024</script>
vendor: 1 bytes, line 1024
1024
1025<script>
1026  window.Shopify = window.Shopify || {};
1027  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1028  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1029  window.Shopify.SignInWithShop.eligible = true;
1030</script>
vendor: 1 bytes, line 1030
1030
1031<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 1031
1031
1032<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 1032
1032
1033<script type="module">
1034  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1035
1036  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1037
1038</script>
vendor: 1 bytes, line 1038
1038
1039<script>
1040  window.Shopify = window.Shopify || {};
1041  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1042  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
1043</script>
vendor: 1 bytes, line 1043
1043
1044<script id="__st">var __st={"a":21373313,"offset":-25200,"reqid":"01c16f55-8f08-497a-98a2-9d32c771d951-1791071025","pageurl":"www.hameraypublishing.com\/pages\/shop-by","s":"pages-142301036580","u":"12c743bbb57b","p":"page","rtyp":"page","rid":142301036580};</script>
vendor: 1 bytes, line 1044
1044
1045<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1045
1045
1046<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!1)}();</script>
vendor: 1 bytes, line 1046
1046
1047<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.hameraypublishing.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1047
1047
1048<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.hameraypublishing.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1048<script crossorigin="anonymous" defer="defer" src="//www.hameraypublishing.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1048
1048
1049<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1049
1049
1050<script>
1051  window.Shopify = window.Shopify || {};
1052  window.Shopify.MCP = window.Shopify.MCP || {};
1053  window.Shopify.MCP.enabled = true;
1054  window.Shopify.MCP.shop = "hameray-publishing.myshopify.com";
1055  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.hameraypublishing.com\/api\/mcp";
1056  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
1057</script>
vendor: 1 bytes, line 1057
1057
1058<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.hameraypublishing.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1059</script>
vendor: 1 bytes, line 1059
1059
1060<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.hameraypublishing.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1061</script>
vendor: 1 bytes, line 1061
1061
1062<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1063  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
1064</script>
vendor: 1 bytes, line 1064
1064
1065<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
1066</script>
1066
1067<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.hameraypublishing.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1068<style id="shopify-accelerated-checkout-cart">
1069        #shopify-buyer-consent {
1070  margin-top: 1em;
1071  display: inline-block;
1072  width: 100%;
1073}
1074
1075#shopify-buyer-consent.hidden {
1076  display: none;
1077}
1078
1079#shopify-subscription-policy-button {
1080  background: none;
1081  border: none;
1082  padding: 0;
1083  text-decoration: underline;
1084  font-size: inherit;
1085  cursor: pointer;
1086}
1087
1088#shopify-subscription-policy-button::before {
1089  box-shadow: none;
1090}
1091
1092      </style>
1093
1094<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1094
1095
1096
1097
1098
1099
1100<!-- Bugsnag -->
1101<script src="//d2wy8f7a9ursnm.cloudfront.net/v8/bugsnag.min.js" defer></script>
vendor: 1 bytes, line 1101
1101
1102<script type="module">
1103  import BugsnagPerformance from '//d2wy8f7a9ursnm.cloudfront.net/v1/bugsnag-performance.min.js'
1104  Bugsnag.start({ apiKey: '4566b84af716122196683745d2088b1c' })
1105  BugsnagPerformance.start({ apiKey: '4566b84af716122196683745d2088b1c' })
1106</script>
1106
1107
1108
1109
1110
1111
1112<!-- Search Provider Toggle -->
1113<script>
1114  window.__searchProvider = 'custom';
1115</script>
1115
1116
1117
1118
1119
1120
1121<!-- Custom S3-Backed Instant Search -->
1122<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/fuse.min.js" defer></script>
vendor: 1 bytes, line 1122
1122
1123<script src="//www.hameraypublishing.com/cdn/shop/t/3/assets/search-core.js?v=67616449755213306551779429574" defer></script>
1123
1124<link rel="stylesheet" href="//www.hameraypublishing.com/cdn/shop/t/3/assets/custom-search.css?v=14041386354112471001779049376" media="print" onload="this.media='all'">
1125<noscript><link rel="stylesheet" href="//www.hameraypublishing.com/cdn/shop/t/3/assets/custom-search.css?v=14041386354112471001779049376"></noscript>
1126<script src="//www.hameraypublishing.com/cdn/shop/t/3/assets/custom-search.js?v=108089332877652854721779429573" defer></script>
1126
1127
1128
1129
1130
1131
1132<!-- Google Tag -->
vendor: 64 bytes, lines 1132-1133
1132
1133<script async src="https://www.googletagmanager.com/gtag/js?id=
1133AW-938619849
vendor: 12 bytes, line 1133
1133"></script> 
1133<script> 
vendor: 127 bytes, line 1133
1133window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
1133AW-938619849
vendor: 4 bytes, line 1133
1133'); 
1133</script>
1133
1134
1135
1136
1137
1138
1139<!-- Meta -->
1140<script>
vendor: 399 bytes, lines 1140-1149
1140
1141!function(f,b,e,v,n,t,s)
1142{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
1143n.callMethod.apply(n,arguments):n.queue.push(arguments)};
1144if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
1145n.queue=[];t=b.createElement(e);t.async=!0;
1146t.src=v;s=b.getElementsByTagName(e)[0];
1147s.parentNode.insertBefore(t,s)}(window, document,'script',
1148'https://connect.facebook.net/en_US/fbevents.js');
1149fbq('init', '
1149573587907984562
vendor: 30 bytes, lines 1149-1150
1149');
1150fbq('track', 'PageView');
1151</script>
1151
1152<noscript><img height="1" width="1" style="display:none"
1153src="https://www.facebook.com/tr?id=573587907984562&ev=PageView&noscript=1"
1154/></noscript>
1155
1156
1157
1158
1159
1160<!-- HubSpot -->
1161<script type="text/javascript" id="hs-script-loader" async defer src="//js-na2.hs-scripts.com/242488439.js"></script>
1161
1162
1163
1164
1165
1166
1167<!-- Rudderstack -->
1168<script type="text/javascript">
1169	!function(){"use strict";window.RudderSnippetVersion="3.0.60";var e="rudderanalytics";window[e]||(window[e]=[])
1170	;var rudderanalytics=window[e];if(Array.isArray(rudderanalytics)){
1171	if(true===rudderanalytics.snippetExecuted&&window.console&&console.error){
1172	console.error("RudderStack JavaScript SDK snippet included more than once.")}else{rudderanalytics.snippetExecuted=true,
1173	window.rudderAnalyticsBuildType="legacy";var sdkBaseUrl="https://cdn.rudderlabs.com";var sdkVersion="v3"
1174	;var sdkFileName="rsa.min.js";var scriptLoadingMode="async"
1175	;var r=["setDefaultInstanceKey","load","ready","page","track","identify","alias","group","reset","setAnonymousId","startSession","endSession","consent"]
1176	;for(var n=0;n<r.length;n++){var t=r[n];rudderanalytics[t]=function(r){return function(){var n
1177	;Array.isArray(window[e])?rudderanalytics.push([r].concat(Array.prototype.slice.call(arguments))):null===(n=window[e][r])||void 0===n||n.apply(window[e],arguments)
1178	}}(t)}try{
1179	new Function('class Test{field=()=>{};test({prop=[]}={}){return prop?(prop?.property??[...prop]):import("");}}'),
1180	window.rudderAnalyticsBuildType="modern"}catch(i){}var d=document.head||document.getElementsByTagName("head")[0]
1181	;var o=document.body||document.getElementsByTagName("body")[0];window.rudderAnalyticsAddScript=function(e,r,n){
1182	var t=document.createElement("script");t.src=e,t.setAttribute("data-loader","RS_JS_SDK"),r&&n&&t.setAttribute(r,n),
1183	"async"===scriptLoadingMode?t.async=true:"defer"===scriptLoadingMode&&(t.defer=true),
1184	d?d.insertBefore(t,d.firstChild):o.insertBefore(t,o.firstChild)},window.rudderAnalyticsMount=function(){!function(){
1185	if("undefined"==typeof globalThis){var e;var r=function getGlobal(){
1186	return"undefined"!=typeof self?self:"undefined"!=typeof window?window:null}();r&&Object.defineProperty(r,"globalThis",{
1187	value:r,configurable:true})}
1188	}(),window.rudderAnalyticsAddScript("".concat(sdkBaseUrl,"/").concat(sdkVersion,"/").concat(window.rudderAnalyticsBuildType,"/").concat(sdkFileName),"data-rsa-write-key","2uonaIVTN4W3jpIo7K8b42XAjhr")
1189	},window.rudderAnalyticsMount()
1190	;var loadOptions={};rudderanalytics.load("2uonaIVTN4W3jpIo7K8b42XAjhr","https://hameraypubqkju.dataplane.rudderstack.com",loadOptions)}}}();
1191</script>
1191
1192
1193
1194
1195
1196
1197<script>
1198
1199
1200
1201
1202
1203	rudderanalytics.page(
1204	"Page",
1205	"Page Viewed", {
1206		path: window.location.pathname,
1207		referrer: document.referrer,
1208		title: document.title,
1209		url: window.location.href
1210		},
1211	);
1212
1213
1214
1215
1216
1217	
1218
1219
1220
1221
1222
1223	const urlParams = new URLSearchParams(window.location.search);
1224
1225	if (urlParams.has('cid')) {
1226		const cid = urlParams.get('cid');
1227		rudderanalytics.identify( cid );
1228	}
1229
1230
1231
1232
1233
1234	// Engagement ping — fires once after 15s if the user has interacted
1235	// and the tab is still visible. Distinguishes real single-page
1236	// visitors from bots (bots get 0 pings, humans get 1).
1237	(function() {
1238		var hasInteracted = false;
1239		var visible = !document.hidden;
1240
1241		['scroll', 'click', 'mousemove', 'touchstart'].forEach(function(evt) {
1242			document.addEventListener(evt, function() { hasInteracted = true; }, { once: true });
1243		});
1244
1245		document.addEventListener('visibilitychange', function() {
1246			visible = !document.hidden;
1247		});
1248
1249		setTimeout(function() {
1250			if (hasInteracted && visible) {
1251				rudderanalytics.track('ping');
1252			}
1253		}, 15000);
1254	})();
1255
1256
1257
1258
1259
1260</script>
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270
1271<!-- Clarity -->
1272<script type="text/javascript">
1273	(function(c,l,a,r,i,t,y){
1274		c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
1275		t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
1276		y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
1277	})(window, document, "clarity", "script", "fmlny4xx23");
1278</script>
1278
1279
1280
1281
1282
1283
1284<style>
1285
1286	html {
1287		scrollbar-gutter: stable;
1288		tab-size: 4;
1289		font-feature-settings: normal;
1290		font-variation-settings: normal;
1291		-webkit-text-size-adjust: none;
1292		-webkit-font-smoothing: antialiased;
1293		-webkit-overflow-scrolling: touch;
1294		-webkit-tap-highlight-color: transparent;
1295	}
1296
1297	#MainContent {
1298		margin-top: 163px;
1299	}
1300
1301	html:not(.ie9) .chromeframe {
1302		display: none;
1303	}
1304
1305	html.ie9 .chromeframe {
1306		display: block !important;
1307	}
1308
1309	html.ie9 body > *:not(.chromeframe){
1310		display: none;
1311	}
1312
1313	input.input-error {
1314		background-color: #FFF !important;
1315	}
1316
1317	@media only screen and (max-width: 700px) {
1318
1319		#MainContent {
1320		margin-top: 0px;
1321		}
1322
1323	}
1324
1325</style>
1326
1327
1328
1329
1330
1331<meta property="og:image" content="https://cdn.shopify.com/s/files/1/2137/3313/files/logo.png?height=628&pad_color=ffffff&v=1613502610&width=1200" />
1332<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/2137/3313/files/logo.png?height=628&pad_color=ffffff&v=1613502610&width=1200" />
1333<meta property="og:image:width" content="1200" />
1334<meta property="og:image:height" content="628" />
1335<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1336<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 21373313,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1336
1336
1337<script>
1338  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1339</script>
vendor: 1 bytes, line 1339
1339
1340<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1340).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 21373313,storefrontBaseUrl: "https://www.hameraypublishing.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.hameraypublishing.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"880181284","configuration":"{\"pixel_id\":\"2268641926920626\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"307068964","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-C49ZK1PS3W\\\",\\\"AW-938619849\\\",\\\"GT-T56LZSL7\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-C49ZK1PS3W\\\",\\\"AW-938619849\\\/sEoOCLmo_L4bEMnnyL8D\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-C49ZK1PS3W\\\",\\\"AW-938619849\\\/MXDgCMbd_r4bEMnnyL8D\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-C49ZK1PS3W\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-C49ZK1PS3W\\\",\\\"AW-938619849\\\/yedCCMPd_r4bEMnnyL8D\\\",\\\"MC-H4SGFN62G8\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-C49ZK1PS3W\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-C49ZK1PS3W\\\",\\\"AW-938619849\\\/BX56CLao_L4bEMnnyL8D\\\",\\\"MC-H4SGFN62G8\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-C49ZK1PS3W\\\",\\\"AW-938619849\\\/3ZvbCMDd_r4bEMnnyL8D\\\",\\\"MC-H4SGFN62G8\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-C49ZK1PS3W\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-C49ZK1PS3W\\\",\\\"AW-938619849\\\/3rmPCMnd_r4bEMnnyL8D\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-C49ZK1PS3W\\\",\\\"AW-938619849\\\/VX5MCL3d_r4bEMnnyL8D\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-C49ZK1PS3W\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Hameray Publishing","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"hameray-publishing.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.hameraypublishing.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://www.hameraypublishing.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"181129362","themePublished":"true","eventMetadataId":"b04c29ea-8fea-4d87-bac5-4c917ac68430","pageType":"page","resourceId":"142301036580","shopId":"21373313","storefrontBaseUrl":"https:\/\/www.hameraypublishing.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1340<script>
1341  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1342  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1343  window.ShopifyAnalytics.meta.currency = 'USD';
1344  var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":142301036580,"requestId":"01c16f55-8f08-497a-98a2-9d32c771d951-1791071025"}};
1345  for (var attr in meta) {
1346    window.ShopifyAnalytics.meta[attr] = meta[attr];
1347  }
1348</script>
vendor: 1 bytes, line 1348
1348
1349<script class="analytics">
1350  (function () {
1351    var customDocumentWrite = function(content) {
1352      var jquery = null;
1353
1354      if (window.jQuery) {
1355        jquery = window.jQuery;
1356      } else if (window.Checkout && window.Checkout.$) {
1357        jquery = window.Checkout.$;
1358      }
1359
1360      if (jquery) {
1361        jquery('body').append(content);
1362      }
1363    };
1364
1365    var hasLoggedConversion = function(token) {
1366      if (token) {
1367        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1368      }
1369      return false;
1370    }
1371
1372    var setCookieIfConversion = function(token) {
1373      if (token) {
1374        var twoMonthsFromNow = new Date(Date.now());
1375        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1376
1377        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1378      }
1379    }
1380
1381    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1382    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1383    if (trekkie.integrations) {
1384      return;
1385    }
1386    trekkie.methods = [
1387      'identify',
1388      'page',
1389      'ready',
1390      'track',
1391      'trackForm',
1392      'trackLink'
1393    ];
1394    trekkie.factory = function(method) {
1395      return function() {
1396        var args = Array.prototype.slice.call(arguments);
1397        args.unshift(method);
1398        trekkie.push(args);
1399        if (method == 'track' || method == 'page') {
1400          var pageUrl;
1401          try {
1402            pageUrl = window.location.href;
1403          } catch (e) {}
1404          var pageReferrer;
1405          try {
1406            pageReferrer = document.referrer;
1407          } catch (e) {}
1408          try {
1409            if (window.__TREKKIE_SHIM_QUEUE == null) {
1410              window.__TREKKIE_SHIM_QUEUE = [];
1411            }
1412            window.__TREKKIE_SHIM_QUEUE.push({
1413              from: 'trekkie-stub',
1414              method: method,
1415              args: args.slice(1),
1416              pageContext: {
1417                url: pageUrl,
1418                referrer: pageReferrer
1419              }
1420            });
1421          } catch (e) {
1422            // no-op
1423          }
1424        }
1425        return trekkie;
1426      };
1427    };
1428    for (var i = 0; i < trekkie.methods.length; i++) {
1429      var key = trekkie.methods[i];
1430      trekkie[key] = trekkie.factory(key);
1431    }
1432    trekkie.load = function(config) {
1433      trekkie.config = config || {};
1434      trekkie.config.initialDocumentCookie = document.cookie;
1435      var first = document.getElementsByTagName('script')[0];
1436var script = document.createElement('script');
1437script.type = 'text/javascript';
1438script.onerror = function(e) {
1439  var scriptFallback = document.createElement('script');
1440  scriptFallback.type = 'text/javascript';
1441  scriptFallback.onerror = function(error) {
1442          var Monorail = {
1443      produce: function produce(monorailDomain, schemaId, payload) {
1444        var currentMs = new Date().getTime();
1445        var event = {
1446          schema_id: schemaId,
1447          payload: payload,
1448          metadata: {
1449            event_created_at_ms: currentMs,
1450            event_sent_at_ms: currentMs
1451          }
1452        };
1453        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1454      },
1455      sendRequest: function sendRequest(endpointUrl, payload) {
1456        // Try the sendBeacon API
1457        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1458          var blobData = new window.Blob([payload], {
1459            type: 'text/plain'
1460          });
1461
1462          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1463            return true;
1464          } // sendBeacon was not successful
1465
1466        } // XHR beacon
1467
1468        var xhr = new XMLHttpRequest();
1469
1470        try {
1471          xhr.open('POST', endpointUrl);
1472          xhr.setRequestHeader('Content-Type', 'text/plain');
1473          xhr.send(payload);
1474        } catch (e) {
1475          console.log(e);
1476        }
1477
1478        return false;
1479      },
1480      isIos12: function isIos12() {
1481        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1482      }
1483    };
1484    Monorail.produce('monorail-edge.shopifysvc.com',
1485      'trekkie_storefront_load_errors/1.1',
1486      {shop_id: 21373313,
1487      theme_id: 181129362,
1488      app_name: "storefront",
1489      context_url: window.location.href,
1490      source_url: "//www.hameraypublishing.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1491
1492  };
1493  scriptFallback.async = true;
1494  scriptFallback.src = '//www.hameraypublishing.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1495  first.parentNode.insertBefore(scriptFallback, first);
1496};
1497script.async = true;
1498script.src = '//www.hameraypublishing.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1499first.parentNode.insertBefore(script, first);
1500
1501    };
1502    trekkie.load(
1503      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":21373313,"isMerchantRequest":null,"themeId":181129362,"themeCityHash":"7772899665321414767","contentLanguage":"en","currency":"USD","eventMetadataId":"b04c29ea-8fea-4d87-bac5-4c917ac68430"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1504    );
1505
1506    var loaded = false;
1507    trekkie.ready(function() {
1508      if (loaded) return;
1509      loaded = true;
1510
1511      window.ShopifyAnalytics.lib = window.trekkie;
1512
1513      var originalDocumentWrite = document.write;
1514      document.write = customDocumentWrite;
1515      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1516      document.write = originalDocumentWrite;
1517
1518      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1519      var token = match? match[1]: undefined;
1520      if (!hasLoggedConversion(token)) {
1521        setCookieIfConversion(token);
1522        
1523      }
1524    });
1525
1526    window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":142301036580,"requestId":"01c16f55-8f08-497a-98a2-9d32c771d951-1791071025","shopifyEmitted":true});
1527
1528    var eventsListenerScript = document.createElement('script');
1529    eventsListenerScript.async = true;
1530    eventsListenerScript.src = "//www.hameraypublishing.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1531    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1532})();</script>
1532
1533  
1533<script>
1534  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
1535    window.ga = function ga() {
1536      (window.ga.q = window.ga.q || []).push(arguments);
1537      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1538        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
1539      }
1540      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
1541    };
1542    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1543      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
1544    }
1545  }
1546</script>
vendor: 1 bytes, line 1546
1546
1547<script
1548  defer
1549  src="https://www.hameraypublishing.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1550  data-application="storefront-renderer"
1551  data-shop-id="21373313"
1552  data-render-region="gcp-us-central1"
1553  data-page-type="page"
1554  data-theme-instance-id="181129362"
1555  data-theme-name="Slate"
1556  data-theme-version="0.11.0"
1557  data-monorail-region="shop_domain"
1558  data-resource-timing-sampling-rate="10"
1559  data-shs="true"
1560  data-shs-beacon="true"
1561  data-shs-export-with-fetch="true"
1562  data-shs-logs-sample-rate="1"
1563  data-shs-beacon-endpoint="https://www.hameraypublishing.com/api/collect"
1564></script>
1564
1565<meta name="shopify-y" content="3e039939-ce0b-4796-ad54-c7be04a75b50" data-expiration="1822628625000"><meta name="shopify-s" content="8d327e36-2704-46fb-9db2-930f262d6654" data-expiration="1791072825000"><meta name="new-cookie-storage-activated" content="t">
1566</head>
1567
1568
1569
1570
1571
1572<body id = 'shop-hameray-hameray-publishing' class = 'template-page'>
1573
1574
1575
1576
1577
1578<div id="shopify-section-header-new-8-original" class="shopify-section"><style>
1579
1580:root {
1581	--hameray-orange: #f58436;
1582	--hameray-teal: #19657c;
1583	--hameray-dark: #002836;
1584}
1585
1586.logo-account {
1587	margin: 0 auto;
1588	display: grid !important;
1589	grid-template-columns: 1fr auto 1fr;
1590	align-items: center !important;
1591	position: relative;
1592	padding: 10px 0 !important;
1593	gap: 0px;
1594}
1595
1596.header-logo-left {
1597	justify-self: start;
1598}
1599
1600/* Search bar — center (pill-shaped) */
1601#searchbar {
1602	position: relative !important;
1603	right: auto !important;
1604	left: auto !important;
1605	flex: 1;
1606	width: 550px;
1607	max-width: 550px;
1608	display: flex;
1609	align-items: center;
1610	background: #fff;
1611	border: 1.5px solid #ccc;
1612	border-radius: 50px;
1613	overflow: hidden;
1614	margin: 0 20px;
1615	transition: border-color 0.2s ease, box-shadow 0.2s ease;
1616}
1617
1618#searchbar:focus-within {
1619	border-color: var(--hameray-orange);
1620	box-shadow: 0 0 0 3px rgba(245, 132, 54, 0.15);
1621}
1622
1623#searchbar label {
1624	display: none;
1625}
1626
1627#Search {
1628	width: 100% !important;
1629	border: none !important;
1630	background: transparent !important;
1631	padding: 11px 20px !important;
1632	font-size: 15px !important;
1633	outline: none !important;
1634	font-family: inherit;
1635	color: var(--hameray-dark);
1636	appearance: none;
1637	-webkit-appearance: none;
1638	border-radius: 0 !important;
1639	margin: 0 !important;
1640	box-shadow: none !important;
1641}
1642
1643#Search::placeholder {
1644	color: #999;
1645	font-weight: 400;
1646}
1647
1648#searchbar .btn,
1649#searchbar button[type="submit"] {
1650	flex-shrink: 0;
1651	background: var(--hameray-orange) !important;
1652	border: none !important;
1653	border-radius: 0 50px 50px 0 !important;
1654	padding: 0 20px !important;
1655	height: 44px;
1656	cursor: pointer;
1657	display: flex !important;
1658	align-items: center !important;
1659	justify-content: center !important;
1660	color: #fff !important;
1661	transition: background 0.2s ease;
1662	margin: 0 !important;
1663	min-width: 50px;
1664}
1665
1666#searchbar .btn:hover,
1667#searchbar button[type="submit"]:hover {
1668	background: #e07530 !important;
1669}
1670
1671#searchbar .btn .icon-fallback-text,
1672#searchbar button[type="submit"] .icon-fallback-text {
1673	display: none;
1674}
1675
1676#searchbar .btn svg,
1677#searchbar button[type="submit"] svg {
1678	width: 20px;
1679	height: 20px;
1680	fill: none;
1681	stroke: #fff;
1682	stroke-width: 2.5;
1683	stroke-linecap: round;
1684	stroke-linejoin: round;
1685}
1686
1687.cart-login img {
1688	height: 20px;
1689	color: #FFF;
1690}
1691
1692.cart-link {
1693	position: relative;
1694	display: inline-block;
1695}
1696
1697.cart-count {
1698	background: #19657c;
1699	color: #fff;
1700	font-size: 11px;
1701	font-weight: 600;
1702	border-radius: 999px;
1703	min-width: 18px;
1704	height: 18px;
1705	padding: 0 5px;
1706	text-align: center;
1707	display: inline-flex;
1708	align-items: center;
1709	justify-content: center;
1710	margin-left: 4px;
1711	box-sizing: border-box;
1712}
1713
1714.wishlist-count {
1715	background: #19657c;
1716	color: #fff;
1717	font-size: 11px;
1718	font-weight: 600;
1719	border-radius: 999px;
1720	min-width: 18px;
1721	height: 18px;
1722	padding: 0 5px;
1723	text-align: center;
1724	display: inline-flex;
1725	align-items: center;
1726	justify-content: center;
1727	margin-left: 4px;
1728	vertical-align: middle;
1729	box-sizing: border-box;
1730}
1731
1732.cart-count--desktop {
1733	position: relative;
1734	top: -1px;
1735	vertical-align: middle;
1736}
1737
1738.cart-count--mobile {
1739	position: absolute;
1740	top: -6px;
1741	right: -10px;
1742	margin-left: 0;
1743	font-size: 10px;
1744	min-width: 16px;
1745	height: 16px;
1746	padding: 0 4px 0 6px;
1747}
1748
1749@keyframes cart-bounce {
1750	0%   { transform: scale(1); }
1751	30%  { transform: scale(1.25); }
1752	60%  { transform: scale(0.9); }
1753	100% { transform: scale(1); }
1754}
1755
1756.cart-link.cart-bounce,
1757.header-nav a .cart-count.cart-bounce {
1758	animation: cart-bounce 0.4s ease;
1759}
1760
1761.site-logo img {
1762	width: 200px !important;
1763	max-width: 200px !important;
1764}
1765
1766.header-middle-section {
1767	border-bottom: 1px solid #f58436;
1768}
1769
1770.nav-search {
1771	margin-top: 20px;
1772}
1773
1774.site-nav > li {
1775	padding-bottom: 20px !important;
1776}
1777
1778ul.site-nav>li a {
1779	padding-bottom: 0px;
1780	padding-left: 30px;
1781	padding-right: 30px;
1782}
1783
1784.header-nav {
1785	display: flex;
1786    align-items: center;
1787}
1788
1789.site-nav__link {
1790	text-align: left;
1791}
1792
1793.menu-listings {
1794	margin-top: 0px;
1795	margin-bottom: 10px;
1796}
1797
1798.menu-subtitle {
1799    font-size: 13px;
1800    font-weight: 500;
1801    letter-spacing: .025em;
1802	margin-top: 40px;
1803	margin-bottom: 20px;
1804	color: #19657c;
1805	text-align: left;
1806	border-bottom: 1px solid #19657c;
1807	padding-bottom: 5px;
1808}
1809
1810.menu-spacer {
1811	margin-top: 20px;
1812}
1813
1814.site-nav__submenu {
1815	padding-top: 25px !important;
1816}
1817
1818ul.site-nav>li div.site-nav__submenu .col {
1819	border-right: none !important;
1820}
1821
1822ul.site-nav>li div.site-nav__submenu .col ul li a {
1823	padding: 6px 0;
1824	font-size: 13px;
1825	font-weight: 500;
1826}
1827
1828ul.site-nav>li div.site-nav__submenu .col:last-child span {
1829    font-size: 13px;
1830    font-weight: 500;
1831    letter-spacing: .025em;
1832	color: #19657c;
1833	text-transform: none;
1834	display: inline-block;
1835}
1836
1837ul.site-nav>li div.site-nav__submenu .col ul {
1838    list-style: disc;
1839    margin: 0;
1840    padding: 0;
1841    padding-left: 20px;
1842}
1843
1844.nav-link-highlight {
1845	color: #F58436 !important;
1846    margin-left: 7px !important;
1847    font-weight: 600 !important;
1848    font-size: 12.5px !important;
1849}
1850
1851.cart-login {
1852	position: absolute;
1853    right: 0px;
1854    border-radius: 5px;
1855    margin-bottom: 0px;
1856	display: none;
1857}
1858
1859.header-text {
1860	display: none;
1861}
1862
1863.header-bar .flex.space {
1864	justify-content: space-between;
1865	align-items: center;
1866}
1867
1868.header-bar .header-nav {
1869	flex: 1;
1870	display: flex;
1871	align-items: center;
1872}
1873
1874.header-bar .header-nav:last-of-type {
1875	justify-content: flex-end;
1876}
1877
1878.header-logo-center {
1879	flex: 1;
1880	text-align: center;
1881	display: flex;
1882	justify-content: center;
1883	align-items: center;
1884}
1885
1886.header-logo-center a {
1887	display: inline-block;
1888	line-height: 0;
1889}
1890
1891.header-logo-center img {
1892	height: 32px;
1893	width: auto;
1894	display: block;
1895}
1896
1897#quote-request-container {
1898	justify-self: end;
1899	position: relative;
1900	left: auto;
1901	text-align: center;
1902	width: 180px;
1903}
1904
1905#quote-request-button {
1906    display: inline-block;
1907    text-align: center;
1908    width: 180px;
1909    background-color: #19657C;
1910    border-radius: 50px;
1911    cursor: pointer;
1912    font-size: 14px;
1913    font-weight: 500;
1914    padding: 5px 0px;
1915    color: white;
1916    text-decoration: none;
1917    transition: .3s all;
1918}
1919
1920#quote-request-button:hover {
1921	background-color: rgba(245, 132, 54, 1);
1922	transition: .3s all;
1923}
1924
1925#quote-request-subtext {
1926	font-size: 10px;
1927	font-weight: 400;
1928	color: #666;
1929	display: block;
1930	margin-top: 4px;
1931	font-style: italic;
1932}
1933
1934ul.site-nav>li {
1935	font-size: 16px !important;
1936}
1937
1938.site-nav__submenu .page-width {
1939	padding-left: 0 !important;
1940	padding-right: 0 !important;
1941}
1942
1943.site-nav__submenu {
1944	padding-left: 50px !important;
1945	padding-right: 50px !important;
1946}
1947
1948.dropdown-card-grid {
1949	display: flex;
1950	flex-wrap: wrap;
1951	gap: 28.5px;
1952	padding: 30px 0 20px;
1953	justify-content: flex-start;
1954	margin: 0 auto;
1955}
1956
1957.dropdown-card {
1958	display: flex;
1959	flex-direction: column;
1960	align-items: center;
1961	text-align: center;
1962	background-color: rgb(243, 243, 243);
1963	border-radius: 10px;
1964	padding: 0;
1965	padding-bottom: 16px;
1966	width: 205px;
1967	flex-shrink: 0;
1968	text-decoration: none;
1969	transition: all 0.3s ease;
1970	overflow: hidden;
1971}
1972
1973a.dropdown-card {
1974	padding-left: 0px !important;
1975	padding-right: 0px !important;
1976}
1977
1978.dropdown-card img {
1979	width: 100%;
1980	height: auto;
1981	max-height: 120px;
1982	object-fit: cover;
1983	border-radius: 10px;
1984	margin-bottom: 12px;
1985}
1986
1987.dropdown-card h4 {
1988	color: #19657C;
1989	font-family: 'Montserrat', sans-serif;
1990    font-size: 16px;
1991    font-weight: 600;
1992	margin: 0;
1993	padding: 16px;
1994	padding-top: 0px;
1995	line-height: 1.3;
1996}
1997
1998.dropdown-card:hover {
1999	background-color: rgb(230, 230, 230);
2000}
2001
2002ul.site-nav>li div.site-nav__submenu h3 {
2003	color: #f58436;
2004    font-size: 25px;
2005    font-family: Superclarendon;
2006    font-weight: 500;
2007    margin: 0px;
2008}
2009
2010@media only screen and (max-width: 1200px) {
2011	.header-middle-section {
2012		padding: 0 20px;
2013	}
2014
2015	#searchbar {
2016		max-width: 500px;
2017	}
2018}
2019
2020@media only screen and (max-width: 1024px) {
2021	#searchbar {
2022		max-width: 380px;
2023		margin: 0 12px;
2024	}
2025}
2026
2027@media only screen and (max-width: 1125px) {
2028
2029	ul.site-nav>li a {
2030		padding-bottom: 0px;
2031		padding-left: 25px;
2032		padding-right: 25px;
2033	}
2034
2035}
2036
2037@media only screen and (max-width: 1065px) {
2038
2039	ul.site-nav>li a {
2040		padding-left: 20px;
2041		padding-right: 20px;
2042	}
2043
2044}
2045
2046@media only screen and (max-width: 1005px) {
2047
2048	ul.site-nav>li a {
2049		padding-left: 15px;
2050		padding-right: 15px;
2051	}
2052
2053}
2054
2055@media only screen and (max-width: 950px) {
2056
2057	ul.site-nav>li:first-of-type {
2058		display: inline-block;
2059	}
2060
2061	ul.site-nav>li:first-of-type a {
2062		padding-left: 0px !important;
2063	}
2064
2065	.header-section-bottom {
2066		padding: 0 15px !important;
2067	}
2068
2069}
2070
2071@media only screen and (max-width: 900px) {
2072
2073	ul.site-nav>li a {
2074		padding-left: 10px;
2075		padding-right: 10px;
2076	}
2077
2078}
2079
2080@media only screen and (max-width: 851px) {
2081
2082	#brochure-download, #searchbar, #quote-request-container {
2083		display: none !important;
2084	}
2085
2086	.header-bar .header-nav:last-of-type li:last-child {
2087		display: none;
2088	}
2089
2090	.header-bar .header-nav:last-of-type li:nth-child(2) {
2091		margin-right: 0px;
2092	}
2093
2094	.cart-login {
2095		display: block;
2096	}
2097
2098	.mobile-menu-trigger {
2099		position: absolute;
2100		left: 0px;
2101	}
2102
2103	.logo-account {
2104		justify-content: center !important;
2105		padding: 7.5px 30px !important;
2106	}
2107
2108	.header-logo-left {
2109		display: contents;
2110	}
2111}
2112
2113@media only screen and (max-width: 700px) {
2114
2115	.header-text {
2116		display: block;
2117	}
2118
2119	.header-logo-center {
2120		display: none;
2121	}
2122
2123}
2124
2125@media only screen and (max-width: 500px) {
2126
2127	.site-logo img {
2128		width: 237.5px !important;
2129		max-width: 237.5px !important;
2130	}
2131
2132}
2133
2134@media only screen and (max-width: 400px) {
2135
2136	.site-logo img {
2137		width: 207.5px !important;
2138		max-width: 207.5px !important;
2139	}
2140
2141}
2142
2143@media only screen and (max-width: 350px) {
2144
2145	.site-logo img {
2146		width: 187.5px !important;
2147		max-width: 187.5px !important;
2148	}
2149
2150}
2151
2152@media only screen and (max-width: 300px) {
2153
2154	.site-logo img {
2155		width: 157.5px !important;
2156		max-width: 157.5px !important;
2157	}
2158
2159}
2160
2161</style>
2162
2163
2164
2165
2166
2167
2168
2169
2170
2171
2172<div data-section-id = 'header-new-8-original' data-section-type = 'header-section'>
2173
2174	<header role = 'banner'>
2175
2176
2177
2178
2179
2180		<div class = 'header-bar'>
2181			<div class = 'page-width'>
2182				<div class = 'flex space flex-center'>
2183
2184					<ul class = 'header-nav'>
2185						<li><a href = '/pages/catalogs-and-brochures'>Catalog</a></li>
2186						<li><a href = '/pages/contact-us'>Contact</a></li>
2187					</ul>
2188
2189					<ul class = 'header-nav'>
2190						<li><a href = '/pages/wishlist'>Wishlist</a> <span class="wishlist-count" style="display:none;"></span></li>
2191						
2192							<li><a href="/account/login" id="customer_login_link">Log in</a></li>
2193						
2194						<li><a href = '/cart'>Cart</a> <span class="cart-count cart-count--desktop" style="display:none;">0</span></li>
2195					</ul>
2196
2197					<span class = 'header-text'>
2197Let us help! Call us toll-free 866.918.6173</span>
2198
2199				</div>
2200			</div>
2201		</div>
2202
2203
2204
2205
2206
2207		<div class = 'header-main-section'>
2208			<div class = 'header-middle-section'>
2209				<div class = 'logo-account page-width'>
2210
2211
2212
2213
2214
2215					<a class = 'mobile-menu-trigger' href = '#'>
2216						<span>Main Menu</span>
2217						<span></span>
2218					</a>
2219
2220
2221
2222
2223
2224					
2225					<div class = 'header-logo-left'>
2226						<div class = 'h1'>
2227
2228						<a href = '/' class = 'site-logo'>
2229							<img src = 'https://cdn.shopify.com/s/files/1/2137/3313/files/hameray-publishing-group-logo-text.jpg' alt = 'Hameray Publishing' />
2230						</a>
2231
2232						</div>
2233					</div>
2234
2235
2236
2237					
2238					<form id = 'searchbar' action = '/search' method = 'get' role = 'search'>
2239						<input type = 'search' name = 'q' id = 'Search' placeholder = "Search our site..." autocomplete = 'off'>
2240						<button type = 'submit' class = 'btn'>
2241							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
2242							<span class = 'icon-fallback-text'>Search</span>
2243						</button>
2244					</form>
2245
2246
2247
2248					
2249					<div id = 'quote-request-container'>
2250						<a id = 'quote-request-button' href = '/pages/get-help-choosing-books' target = '_blank'>
2251							Get Help<br>Choosing Books
2252						</a>
2253						<span id = 'quote-request-subtext'>Free guidance. No pressure.</span>
2254					</div>
2255
2256
2257
2258
2259
2260					<div class = 'cart-login'>
2261						<a href = '/cart' class = 'cart-link'>
2262							<img src = '//cdn.shopify.com/s/files/1/2137/3313/t/3/assets/cart-base.svg?v=17301320609903383747' alt = ''>
2263							<img src = '//cdn.shopify.com/s/files/1/2137/3313/t/3/assets/cart-hover.svg?v=16586892917602588454' alt = ''>
2264							<span class="cart-count cart-count--mobile" style="display:none;">0</span>
2265						</a>
2266					</div>
2267
2268
2269
2270
2271
2272				</div>
2273			</div>
2274
2275
2276
2277
2278
2279			<div class = 'flex space flex-end nav-search'>
2280				<div class = 'page-width header-section-bottom'>
2281					<nav role = 'navigation'>
2282						<ul class = 'site-nav'>
2283
2284
2285
2286
2287
2288							
2289							<li class = 'site-nav--has-submenu site-nav--active'>
2290								<a href = '/pages/shop-by' class = 'site-nav__link'>Shop By <i class = 'fa fa-caret-down'></i></a>
2291								<div class = 'site-nav__submenu'>
2292									<div class = 'page-width'>
2293										<h3>Shop English Literacy Resources</h3>
2294										<div class = 'dropdown-card-grid'>
2295											<a href = '/pages/shop-by-grade' class = 'dropdown-card'>
2296												<img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-book-sets-by-grade-level.png'>
2297												<h4>Grade</h4>
2298											</a>
2299											<a href = '/pages/shop-by-reading-level-2' class = 'dropdown-card'>
2300												<img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-sets-by-reading-level.png'>
2301												<h4>Level</h4>
2302											</a>
2303											<a href = '/pages/shop-by-skill' class = 'dropdown-card'>
2304												<img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-los-pajaritos-de-joy-cowley.png'>
2305												<h4>Skill</h4>
2306											</a>
2307											<a href = '/pages/shop-by-series-2' class = 'dropdown-card'>
2308												<img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-fabulas-y-el-mundo-real.png'>
2309												<h4>Series</h4>
2310											</a>
2311											<a href = '/pages/shop-by-genre' class = 'dropdown-card'>
2312												<img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-story-world-real-world.png'>
2313												<h4>Genre</h4>
2314											</a>
2315											<a href = '/pages/shop-by-content-area-2' class = 'dropdown-card'>
2316												<img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-new-spanish-books.png'>
2317												<h4>Topic, Subject, Content Area</h4>
2318											</a>
2319										</div>
2320									</div>
2321								</div>
2322							</li>
2323
2324
2325
2326
2327
2328							
2329							<li class = 'site-nav--active'><a href = '/pages/best-sellers' class = 'site-nav__link'>Best Sellers</a></li>
2330
2331
2332
2333
2334
2335							
2336							<li class = 'site-nav--active'><a href = '/pages/bundles-and-kits' class = 'site-nav__link'>Bundles & Kits</a></li>
2337
2338
2339
2340
2341
2342							
2343							<li class = 'site-nav--has-submenu site-nav--active'>
2344								<a href = '/pages/shop-by-skill' class = 'site-nav__link'>Shop by Skill <i class = 'fa fa-caret-down'></i></a>
2345								<div class = 'site-nav__submenu'>
2346									<div class = 'page-width'>
2347										<h3>Shop by Skill</h3>
2348										<div class = 'dropdown-card-grid'>
2349											<a href = '/pages/build-phonics' class = 'dropdown-card'>
2350												<img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-
2350phonics-resources.png'>
2351												<h4>Build Phonics</h4>
2352											</a>
2353											<a href = '/pages/boost-fluency' class = 'dropdown-card'>
2354												<img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-dual-language.png'>
2355												<h4>Boost Fluency</h4>
2356											</a>
2357											<a href = '/pages/independent-reading' class = 'dropdown-card'>
2358												<img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-spanish-books-for-7-year-olds.png'>
2359												<h4>Independent Reading</h4>
2360											</a>
2361											<a href = '/pages/support-english-learners' class = 'dropdown-card'>
2362												<img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-spanish-level-2-books.png'>
2363												<h4>Support English Learners</h4>
2364											</a>
2365											<a href = '/pages/whole-group-read-alouds' class = 'dropdown-card'>
2366												<img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-spanish-level-5-books.png'>
2367												<h4>Whole Group <br>Read-Alouds</h4>
2368											</a>
2369										</div>
2370									</div>
2371								</div>
2372							</li>
2373
2374
2375
2376
2377
2378							
2379							<li class = 'site-nav--has-submenu site-nav--active'>
2380								<a href = '/pages/shop-spanish' class = 'site-nav__link'>Spanish <i class = 'fa fa-caret-down'></i></a>
2381								<div class = 'site-nav__submenu'>
2382									<div class = 'page-width'>
2383										<h3>Shop Spanish Literacy Resources</h3>
2384										<div class = 'dropdown-card-grid'>
2385											<a href = '/pages/shop-spanish-by-grade-level' class = 'dropdown-card'>
2386												<img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-book-sets-by-grade-level.png'>
2387												<h4>Grade</h4>
2388											</a>
2389											<a href = '/pages/shop-spanish-by-reading-level' class = 'dropdown-card'>
2390												<img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-sets-by-reading-level.png'>
2391												<h4>Level</h4>
2392											</a>
2393											<a href = '/pages/shop-spanish-by-series' class = 'dropdown-card'>
2394												<img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-fabulas-y-el-mundo-real.png'>
2395												<h4>Series</h4>
2396											</a>
2397											<a href = '/pages/shop-spanish-by-genre' class = 'dropdown-card'>
2398												<img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-story-world-real-world.png'>
2399												<h4>Genre</h4>
2400											</a>
2401											<a href = '/pages/shop-spanish-by-content-area' class = 'dropdown-card'>
2402												<img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-new-spanish-books.png'>
2403												<h4>Topic, Subject, Content Area</h4>
2404											</a>
2405											<a href = '/collections/spanish-big-books' class = 'dropdown-card'>
2406												<img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-spanish-level-5-books.png'>
2407												<h4>Whole Group <br>Read-Alouds</h4>
2408											</a>
2409											<a href = '/collections/dual-language' class = 'dropdown-card'>
2410												<img loading = 'lazy' src = 'https://hameray-images.s3.us-west-1.amazonaws.com/collection-dual-language.png'>
2411												<h4>Dual Language</h4>
2412											</a>
2413										</div>
2414									</div>
2415								</div>
2416							</li>
2417
2418
2419
2420
2421
2422							
2423							<li class = 'site-nav--has-submenu site-nav--active'>
2424								<a href = '/pages/teacher-resources' class = 'site-nav__link'>Resources <i class = 'fa fa-caret-down'></i></a>
2425								<div class = 'site-nav__submenu'>
2426									<div class = 'page-width'>
2427										<h3>Resources for Teachers</h3>
2428										<div class = 'dropdown-card-grid'>
2429											<a href = '/pages/teachers-guides' class = 'dropdown-card'>
2430												<img src = 'https://www.hameraypublishing.com/cdn/shop/files/hameray-publishing-teacher-resources-teacher-guides_500x.jpg'>
2431												<h4>Teacher's Guides</h4>
2432											</a>
2433											<a href = '/pages/worksheets' class = 'dropdown-card'>
2434												<img src = 'https://www.hameraypublishing.com/cdn/shop/files/book-wor
2434ksheets_500x.jpg'>
2435												<h4>Worksheets</h4>
2436											</a>
2437											<a href = '/blogs/all' class = 'dropdown-card'>
2438												<img src = 'https://www.hameraypublishing.com/cdn/shop/files/hameray-publishing-teacher-resources-hameray-classroom-literacy-blog_500x.jpg'>
2439												<h4>Blog</h4>
2440											</a>
2441											<a href = '/pages/catalogs-and-brochures' class = 'dropdown-card'>
2442												<img src = 'https://www.hameraypublishing.com/cdn/shop/files/image4_500x.jpg'>
2443												<h4>Catalogs & Brochures</h4>
2444											</a>
2445											<a href = '/pages/sample-books' class = 'dropdown-card'>
2446												<img src = 'https://www.hameraypublishing.com/cdn/shop/files/hameray-publishing-teacher-resources-digital-sample-books_500x.jpg'>
2447												<h4>Sample Books</h4>
2448											</a>
2449											<a href = '/pages/teacher-resources' class = 'dropdown-card'>
2450												<img src = 'https://www.hameraypublishing.com/cdn/shop/files/literacy-guides-and-literacy-glossary_500x.jpg'>
2451												<h4>Other Resources</h4>
2452											</a>
2453										</div>
2454									</div>
2455								</div>
2456							</li>
2457
2458
2459
2460
2461
2462						</ul>
2463					</nav>
2464				</div>
2465			</div>
2466		</header>
2467	</div>
2468
2469
2470
2471
2472
2473
2474
2475
2476
2477
2478	<!-- ============================================================
2479     Mobile Menu Redesign
2480     ============================================================ -->
2481
2482<style>
2483
2484/* ── Prevent horizontal overflow at all viewport sizes ────────── */
2485html, body {
2486	overflow-x: hidden;
2487}
2488
2489/* ── Hide default mobile menu & trigger ─────────── */
2490
2491@media only screen and (max-width: 850px) {
2492
2493	.mobile-menu {
2494		display: none !important;
2495	}
2496
2497	.mobile-menu-trigger {
2498		display: none !important;
2499	}
2500
2501	.cart-login {
2502		display: none !important;
2503	}
2504
2505	/* Hide the existing header middle/bottom sections on mobile */
2506	.header-middle-section {
2507		display: none !important;
2508	}
2509
2510	.nav-search {
2511		display: none !important;
2512	}
2513
2514	/* Make header non-fixed so it flows naturally above our mobile header */
2515	div[data-section-type="header-section"] {
2516		position: relative !important;
2517	}
2518
2519	#MainContent {
2520		margin-top: 0px !important;
2521	}
2522
2523	/* Show announcement text and hide nav links in the orange bar */
2524	.header-bar .header-nav {
2525		display: none !important;
2526	}
2527
2528	.header-bar .header-text {
2529		display: block !important;
2530		text-align: center;
2531		width: 100%;
2532	}
2533
2534	.header-bar .header-text a {
2535		color: #fff !important;
2536	}
2537}
2538
2539/* ── New Mobile Header ───────────────────────────────────────── */
2540
2541.st-mobile-header {
2542	display: none;
2543}
2544
2545@media only screen and (max-width: 850px) {
2546
2547	.st-mobile-header {
2548		display: flex;
2549		align-items: center;
2550		justify-content: space-between;
2551		padding: 0 16px;
2552		height: 75px;
2553		background: #fff;
2554		border-bottom: 1px solid #eee;
2555		position: sticky;
2556		top: 0;
2557		z-index: 25;
2558	}
2559
2560	.st-mobile-header__left {
2561		display: flex;
2562		align-items: center;
2563		gap: 16px;
2564		flex: 1;
2565	}
2566
2567	.st-mobile-header__center {
2568		flex: 1;
2569		display: flex;
2570		justify-content: center;
2571		align-items: center;
2572	}
2573
2574	.st-mobile-header__center a {
2575		display: inline-block;
2576		line-height: 0;
2577	}
2578
2579	.st-mobile-header__center img {
2580		height: 60px !important;
2581		width: auto !important;
2582		max-width: none !important;
2583	}
2584
2585	.st-mobile-header__right {
2586		flex: 1;
2587		display: flex;
2588		justify-content: flex-end;
2589		align-items: center;
2590	}
2591
2592	/* Hamburger button */
2593	.st-hamburger {
2594		background: none;
2595		border: none;
2596		padding: 4px;
2597		cursor: pointer;
2598		width: 32px;
2599		height: 32px;
2600		display: flex;
2601		align-items: center;
2602		justify-content: center;
2603		position: relative;
2604		-webkit-tap-highlight-color: transparent;
2605	}
2606
2607	.st-hamburger__lines {
2608		display: block;
2609		width: 22px;
2610		height: 2px;
2611		background-color: #F58436;
2612		position: relative;
2613		transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2614	}
2615
2616	.st-hamburger__lines::before,
2617	.st-hamburger__lines::after {
2618		content: '';
2619		display: block;
2620		width: 22px;
2621		height: 2px;
2622		background-color: #F58436;
2623		position: absolute;
2624		left: 0;
2625		transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
2626			top 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
2627	}
2628
2629	.st-hamburger__lines::before {
2630		top: -7px;
2631	}
2632
2633	.st-hamburger__lines::after {
2634		top: 7px;
2635	}
2636
2637	/* X state — two-stage: collapse lines first, then rotate */
2638	.st-hamburger.is-active .st-hamburger__lines {
2639		background-color: transparent;
2640	}
2641
2642	.st-hamburger.is-active .st-hamburger__lines::before,
2643	.st-hamburger.is-active .st-hamburger__lines::after {
2644		transition: top 0.15s cubic-bezier(0.4, 0, 0.2, 1),
2645			transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
2646	}
2647
2648	.st-hamburger.is-active .st-hamburger__lines::before {
2649		top: 0;
2650		transform: rotate(45deg);
2651	}
2652
2653	.st-hamburger.is-active .st-hamburger__lines::after {
2654		top: 0;
2655		transform: rotate(-45deg);
2656	}
2657
2658	/* Search icon button */
2659	.st-search-btn {
2660		background: none;
2661		border: none;
2662		padding: 4px;
2663		cursor: pointer;
2664		width: 32px;
2665		height: 32px;
2666		display: flex;
2667		align-items: center;
2668		justify-content: center;
2669		-webkit-tap-highlight-color: transparent;
2670	}
2671
2672	.st-search-btn svg {
2673		width: 20px;
2674		height: 20px;
2675		stroke: #F58436;
2676		fill: none;
2677		stroke-width: 2;
2678		stroke-linecap: round;
2679		stroke-linejoin: round;
2680	}
2681
2682	/* Cart icon */
2683	.st-cart-link {
2684		position: relative;
2685		display: inline-flex;
2686		align-items: center;
2687		justify-content: center;
2688	}
2689
2690	.st-cart-link img {
2691		height: 20px;
2692		width: auto;
2693	}
2694
2695	.st-cart-count {
2696		position: absolute;
2697		top: -6px;
2698		right: -10px;
2699		background: #19657C;
2700		color: #fff;
2701		font-size: 10px;
2702		font-weight: 600;
2703		border-radius: 999px;
2704		min-width: 16px;
2705		height: 16px;
2706		padding: 0 4px 0 6px;
2707		display: inline-flex;
2708		align-items: center;
2709		justify-content: center;
2710		line-height: 1;
2711		box-sizing: border-box;
2712	}
2713
2714}
2715
2716/* ── Overlay ─────────────────────────────────────────────────── */
2717
2718.st-menu-overlay {
2719	display: none;
2720	position: fixed;
2721	top: 0;
2722	left: 0;
2723	width: 100%;
2724	height: 100%;
2725	background: rgba(0, 0, 0, 0.4);
2726	z-index: 21;
2727	opacity: 0;
2728	transition: opacity 0.3s ease;
2729}
2730
2731.st-menu-overlay.is-visible {
2732	display: block;
2733	opacity: 1;
2734}
2735
2736/* ── Menu Panel ──────────────────────────────────────────────── */
2737
2738.st-menu {
2739	display: none;
2740}
2741
2742@media only screen and (max-width: 850px) {
2743
2744	.st-menu {
2745		display: block;
2746		position: fixed;
2747		top: 60px;
2748		left: 0;
2749		width: 85vw;
2750		max-width: 380px;
2751		height: calc(100% - 60px);
2752		background: #fff;
2753		z-index: 22;
2754		transform: translateX(-100%);
2755		transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
2756		overflow-y: auto;
2757		overflow-x: hidden;
2758		-webkit-overflow-scrolling: touch;
2759		box-shadow: 2px 0 12px rgba(0, 0, 0, 0.08);
2760	}
2761
2762	.st-menu.is-open {
2763		transform: translateX(0);
2764	}
2765
2766	/* ── Section 1: Shop ───────────────────────────────────────── */
2767
2768	.st-menu__shop {
2769		border-bottom: 1px solid #eee;
2770	}
2771
2772	.st-menu__shop-list {
2773		list-style: none;
2774		margin: 0;
2775		padding: 0;
2776	}
2777
2778	.st-menu__shop-list li {
2779		border-bottom: 1px solid #f0f0f0;
2780	}
2781
2782	.st-menu__shop-list li:last-child {
2783		border-bottom: none;
2784	}
2785
2786	.st-menu__shop-list li a {
2787		display: flex;
2788		align-items: center;
2789		justify-content: space-between;
2790		padding: 14px 20px;
2791		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
2792		font-size: 14px;
2793		font-weight: 600;
2794		letter-spacing: 0.02em;
2795		color: #19657C;
2796		text-decoration: none;
2797		transition: transform 0.15s ease, background 0.15s ease;
2798		-webkit-tap-highlight-color: transparent;
2799	}
2800
2801	.st-menu__shop-list li a:active {
2802		transform: scale(0.98);
2803		background: #f7f7f7;
2804	}
2805
2806	.st-menu__shop-list li a svg {
2807		width: 14px;
2808		height: 14px;
2809		stroke: #F58436;
2810		fill: none;
2811		stroke-width: 2.5;
2812		flex-shrink: 0;
2813		margin-left: 8px;
2814	}
2815
2816	/* ── Sub-menu (drill-down) ─────────────────────────────────── */
2817
2818	.st-submenu {
2819		position: absolute;
2820		top: 0;
2821		left: 0;
2822		width: 100%;
2823		height: 100%;
2824		background: #fff;
2825		transform: translateX(100%);
2826		transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
2827		overflow-y: auto;
2828		-webkit-overflow-scrolling: touch;
2829		z-index: 2;
2830	}
2831
2832	.st-submenu.is-open {
2833		transform: translateX(0);
2834	}
2835
2836	.st-submenu__header {
2837		display: flex;
2838		align-items: center;
2839		justify-content: center;
2840		position: relative;
2841		padding: 14px 20px;
2842		border-bottom: 1px solid #eee;
2843		background: #fafafa;
2844	}
2845
2846	.st-submenu__back {
2847		position: absolute;
2848		left: 16px;
2849		background: none;
2850		border: none;
2851		padding: 4px;
2852		cursor: pointer;
2853		display: flex;
2854		align-items: center;
2855		justify-content: center;
2856		-webkit-tap-highlight-color: transparent;
2857	}
2858
2859	.st-submenu__back svg {
2860		width: 18px;
2861		height: 18px;
2862		stroke: #19657C;
2863		fill: none;
2864		stroke-width: 2.5;
2865	}
2866
2867	.st-submenu__title {
2868		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
2869		font-size: 14px;
2870		font-weight: 700;
2871		letter-spacing: 0.04em;
2872		text-transform: uppercase;
2873		color: #19657C;
2874		margin: 0;
2875	}
2876
2877	.st-submenu__list {
2878		list-style: none;
2879		margin: 0;
2880		padding: 0;
2881	}
2882
2883	.st-submenu__list li {
2884		border-bottom: 1px solid #f0f0f0;
2885	}
2886
2887	.st-submenu__list li:last-child {
2888		border-bottom: none;
2889	}
2890
2891	.st-submenu__list li a {
2892		display: block;
2893		padding: 13px 20px;
2894		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
2895		font-size: 14px;
2896		font-weight: 500;
2897		color: #333;
2898		text-decoration: none;
2899		transition: transform 0.15s ease, background 0.15s ease;
2900		-webkit-tap-highlight-color: transparent;
2901	}
2902
2903	.st-submenu__list li a:active {
2904		transform: scale(0.98);
2905		background: #f7f7f7;
2906	}
2907
2908	/* ── Section 2: Account/Utility ────────────────────────────── */
2909
2910	.st-menu__account {
2911		padding: 8px 0;
2912		background: #fafaf8;
2913		border-bottom: 1px solid #eee;
2914	}
2915
2916	.st-menu__account-list {
2917		list-style: none;
2918		margin: 0;
2919		padding: 0;
2920	}
2921
2922	.st-menu__account-list li a {
2923		display: flex;
2924		align-items: center;
2925		gap: 12px;
2926		padding: 12px 20px;
2927		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
2928		font-size: 14px;
2929		font-weight: 500;
2930		color: #333;
2931		text-decoration: none;
2932		transition: transform 0.15s ease, background 0.15s ease;
2933		-webkit-tap-highlight-color: transparent;
2934	}
2935
2936	.st-menu__account-list li a:active {
2937		transform: scale(0.98);
2938		background: rgba(0, 0, 0, 0.03);
2939	}
2940
2941	.st-menu__account-list li a svg {
2942		width: 18px;
2943		height: 18px;
2944		stroke: #19657C;
2945		fill: none;
2946		stroke-width: 1.8;
2947		flex-shrink: 0;
2948	}
2949
2950	/* ── Section 3: Contact Info ───────────────────────────────── */
2951
2952	.st-menu__contact {
2953		padding: 24px 20px 40px;
2954		padding-bottom: calc(40px + env(safe-area-inset-bottom, 0px));
2955	}
2956
2957	.st-menu__contact-heading {
2958		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
2959		font-size: 13px;
2960		font-weight: 700;
2961		letter-spacing: 0.06em;
2962		text-transform: uppercase;
2963		color: #19657C;
2964		margin: 0 0 12px 0;
2965	}
2966
2967	.st-menu__contact p {
2968		font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
2969		font-size: 14px;
2970		font-weight: 400;
2971		color: #555;
2972		line-height: 1.6;
2973		margin: 0;
2974	}
2975
2976	.st-menu__contact a {
2977		color: #F58436;
2978		text-decoration: none;
2979		font-weight: 500;
2980	}
2981
2982	.st-menu__contact a:hover {
2983		text-decoration: underline;
2984	}
2985
2986	/* ── Menu inner wrapper for sub-menu positioning ───────────── */
2987
2988	.st-menu__inner {
2989		position: relative;
2990		min-height: 100%;
2991	}
2992
2993}
2994
2995@media only screen and (max-width: 525px) {
2996
2997	.st-mobile-header {
2998		height: 65px;
2999	}
3000
3001	.st-mobile-header__center img {
3002		height: 50px !important;
3003	}
3004
3005}
3006
3007@media only screen and (max-width: 380px) {
3008
3009	.st-mobile-header {
3010		height: 55px;
3011	}
3012
3013	.st-mobile-header__center img {
3014		height: 40px !important;
3015	}
3016
3017}
3018
3019</style>
3020
3021<!-- ── New Mobile Header ─────────────────────────────────────── -->
3022
3023<div class="st-mobile-header">
3024	<div class="st-mobile-header__left">
3025		<button class="st-hamburger" id="stHamburger" aria-label="Open menu">
3026			<span class="st-hamburger__lines"></span>
3027		</button>
3028		<button class="st-search-btn" id="stSearchBtn" aria-label="Search">
3029			<svg viewBox="0 0 24 24">
3030				<circle cx="11" cy="11" r="8" />
3031				<line x1="21" y1="21" x2="16.65" y2="16.65" /></svg>
3032		</button>
3033	</div>
3034	<div class="st-mobile-header__center">
3035		<a href="/">
3036			<img src="https://cdn.shopify.com/s/files/1/2137/3313/files/hameray-publishing-group-logo.svg" alt="Hameray Publishing Group">
3037		</a>
3038	</div>
3039	<div class="st-mobile-header__right">
3040		<a href="/cart" class="st-cart-link" aria-label="Cart">
3041			<img src="//www.hameraypublishing.com/cdn/shop/t/3/assets/cart-base.svg?v=173013206099033837471772694707" alt="" />
3042			<span class="st-cart-count cart-count" style="display:none;" >0</span>
3043		</a>
3044	</div>
3045</div>
3046
3047<!-- ── Overlay ────────────────────────────────────────────────── -->
3048
3049<div class="st-menu-overlay" id="stMenuOverlay"></div>
3050
3051<!-- ── Menu Panel ─────────────────────────────────────────────── -->
3052
3053<div class="st-menu" id="stMenu">
3054	<div class="st-menu__inner">
3055
3056		<!-- Section 1: Shop -->
3057		<div class="st-menu__shop">
3058			<ul class="st-menu__shop-list">
3059
3060				<li>
3061					<a href="#" data-st-submenu="shopBy">
3062						<span>Shop By</span>
3063						<svg viewBox="0 0 24 24">
3064							<polyline points="9 18 15 12 9 6" /></svg>
3065					</a>
3066				</li>
3067
3068				<li><a href="/pages/best-sellers"><span>Best Sellers</span></a></li>
3069
3070				<li><a href="/pages/bundles-and-kits"><span>Bundles & Kits</span></a></li>
3071
3072				<li>
3073					<a href="#" data-st-submenu="shopBySkill">
3074						<span>Shop by Skill</span>
3075						<svg viewBox="0 0 24 24">
3076							<polyline points="9 18 15 12 9 6" /></svg>
3077					</a>
3078				</li>
3079
3080				<li>
3081					<a href="#" data-st-submenu="spanish">
3082						<span>Shop Spanish</span>
3083						<svg viewBox="0 0 24 24">
3084							<polyline points="9 18 15 12 9 6" /></svg>
3085					</a>
3086				</li>
3087
3088				<li>
3089					<a href="#" data-st-submenu="resources">
3090						<span>Teacher Resources</span>
3091						<svg viewBox="0 0 24 24">
3092							<polyline points="9 18 15 12 9 6" /></svg>
3093					</a>
3094				</li>
3095
3096			</ul>
3097
3098			<!-- Sub-menu: Shop By -->
3099			<div class="st-submenu" id="st-sub-shopBy">
3100				<div class="st-submenu__header">
3101					<button class="st-submenu__back" data-st-back aria-label="Back">
3102						<svg viewBox="0 0 24 24">
3103							<polyline points="15 18 9 12 15 6" /></svg>
3104					</button>
3105					<h3 class="st-submenu__title">Shop By</h3>
3106				</div>
3107				<ul class="st-submenu__list">
3108					<li><a href="/pages/shop-by-grade">Shop by Grade</a></li>
3109					<li><a href="/pages/shop-by-reading-level-2">Shop by Level</a></li>
3110					<li><a href="/pages/shop-by-skill">Shop by Skill</a></li>
3111					<li><a href="/pages/shop-by-series-2">Shop by Series</a></li>
3112					<li><a href="/pages/shop-by-genre">Shop by Genre</a></li>
3113					<li><a href="/pages/shop-by-content-area-2">Shop by Topic, Subject, Content Area</a></li>
3114				</ul>
3115			</div>
3116
3117			<!-- Sub-menu: Shop by Skill -->
3118			<div class="st-submenu" id="st-sub-shopBySkill">
3119				<div class="st-submenu__header">
3120					<button class="st-submenu__back" data-st-back aria-label="Back">
3121						<svg viewBox="0 0 24 24">
3122							<polyline points="15 18 9 12 15 6" /></svg>
3123					</button>
3124					<h3 class="st-submenu__title">Shop by Skill</h3>
3125				</div>
3126				<ul class="st-submenu__list">
3127					<li><a href="/pages/build-phonics">Build Phonics</a></li>
3128					<li><a href="/pages/boost-fluency">Boost Fluency</a></li>
3129					<li><a href="/pages/independent-reading">Independent Reading</a></li>
3130					<li><a href="/pages/support-english-learners">Support English Learners</a></li>
3131					<li><a href="/pages/whole-group-read-alouds">Whole Group Read-Alouds</a></li>
3132				</ul>
3133			</div>
3134
3135			<!-- Sub-menu: Spanish -->
3136			<div class="st-submenu" id="st-sub-spanish">
3137				<div class="st-submenu__header">
3138					<button class="st-submenu__back" data-st-back aria-label="Back">
3139						<svg viewBox="0 0 24 24">
3140							<polyline points="15 18 9 12 15 6" /></svg>
3141					</button>
3142					<h3 class="st-submenu__title">Shop Spanish</h3>
3143				</div>
3144				<ul class="st-submenu__list">
3145					<li><a href="/pages/shop-spanish-by-grade-level">Shop Spanish by Grade</a></li>
3146					<li><a href="/pages/shop-spanish-by-reading-level">Shop Spanish by Level</a></li>
3147					<li><a href="/pages/shop-spanish-by-series">Shop Spanish by Series</a></li>
3148					<li><a href="/pages/shop-spanish-by-genre">Shop Spanish by Genre</a></li>
3149					<li><a href="/pages/shop-spanish-by-content-area">Shop Spanish by Topic, Subject, Content Area</a></li>
3150					<li><a href="/collections/spanish-big-books">Shop Spanish Whole Group Read-Alouds</a></li>
3151					<li><a href="/collections/dual-language">Shop Dual Language</a></li>
3152				</ul>
3153			</div>
3154
3155			<!-- Sub-menu: Resources -->
3156			<div class="st-submenu" id="st-sub-resources">
3157				<div class="st-submenu__header">
3158					<button class="st-submenu__back" data-st-back aria-label="Back">
3159						<svg viewBox="0 0 24 24">
3160							<polyline points="15 18 9 12 15 6" /></svg>
3161					</button>
3162					<h3 class="st-submenu__title">Teacher Resources</h3>
3163				</div>
3164				<ul class="st-submenu__list">
3165					<li><a href="/pages/teachers-guides">Teacher's Guides</a></li>
3166					<li><a href="/pages/worksheets">Worksheets</a></li>
3167					<li><a href="/blogs/all">Blog</a></li>
3168					<li><a href="/pages/catalogs-and-brochures">Catalogs & Brochures</a></li>
3169					<li><a href="/pages/sample-books">Sample Books</a></li>
3170					<li><a href="/pages/teacher-resources">Other Resources</a></li>
3171				</ul>
3172			</div>
3173
3174		</div>
3175
3176		<!-- Section 2: Account / Utility -->
3177		<div class="st-menu__account">
3178			<ul class="st-menu__account-list">
3179
3180				
3181				<li>
3182					<a href="/account/login">
3183						<svg viewBox="0 0 24 24">
3184							<path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2" />
3185							<circle cx="12" cy="7" r="4" /></svg>
3186						<span>Login</span>
3187					</a>
3188				</li>
3189				<li>
3190					<a href="/account/register">
3191						<svg viewBox="0 0 24 24">
3192							<path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" />
3193							<circle cx="8.5" cy="7" r="4" />
3194							<line x1="20" y1="8" x2="20" y2="14" />
3195							<line x1="23" y1="11" x2="17" y2="11" /></svg>
3196						<span>Create Account</span>
3197					</a>
3198				</li>
3199				
3200
3201				<li>
3202					<a href="/cart">
3203						<svg viewBox="0 0 24 24">
3204							<circle cx="9" cy="21" r="1" />
3205							<circle cx="20" cy="21" r="1" />
3206							<path d="M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6" /></svg>
3207						<span>Cart</span>
3208					</a>
3209				</li>
3210
3211				<li>
3212					<a href="/pages/wishlist">
3213						<svg viewBox="0 0 24 24">
3214							<path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z" /></svg>
3215						<span>Wishlist</span>
3216					</a>
3217				</li>
3218
3219				<li>
3220					<a href="/pages/get-help-choosing-books">
3221						<svg viewBox="0 0 24 24">
3222							<circle cx="12" cy="12" r="10" />
3223							<path d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3" />
3224							<line x1="12" y1="17" x2="12.01" y2="17" /></svg>
3225						<span>Get Help Choosing Books</span>
3226					</a>
3227				</li>
3228
3229				<li>
3230					<a href="/pages/contact-us">
3231						<svg viewBox="0 0 24 24">
3232							<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" />
3233							<polyline points="22,6 12,13 2,6" /></svg>
3234						<span>Contact Us</span>
3235					</a>
3236				</li>
3237
3238				<li>
3239					<a href="/pages/catalogs-and-brochures">
3240						<svg viewBox="0 0 24 24">
3241							<path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z" />
3242							<path d="M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z" /></svg>
3243						<span>Catalog</span>
3244					</a>
3245				</li>
3246
3247			</ul>
3248		</div>
3249
3250		<!-- Section 3: Contact Info -->
3251		<div class="st-menu__contact">
3252			<h4 class="st-menu__contact-heading">Contact Us</h4>
3253			<p>
3254				(866) 918-6173<br>
3255				Mon&ndash;Fri: 8am &ndash; 5pm Pacific<br>
3256				<a href="mailto:[email protected]">[email protected]</a>
3257			</p>
3258		</div>
3259
3260	</div>
3261</div>
3262
3263<!-- ── JavaScript ─────────────────────────────────────────────── -->
3264
3265<script>
3266
3267	(function() {
3268		'use strict';
3269		var hamburger = document.getElementById('stHamburger');
3270		var menu = document.getElementById('stMenu');
3271		var overlay = document.getElementById('stMenuOverlay');
3272		var searchBtn = document.getElementById('stSearchBtn');
3273		if (!hamburger || !menu || !overlay) return;
3274		var isOpen = false;
3275
3276		function positionMenu() {
3277			var header = document.querySelector('.st-mobile-header');
3278			if (header) {
3279				var rect = header.getBoundingClientRect();
3280				var top = rect.bottom + 'px';
3281				menu.style.top = top;
3282				menu.style.height = 'calc(100% - ' + top + ')';
3283			}
3284		}
3285
3286		function openMenu() {
3287			isOpen = true;
3288			positionMenu();
3289			menu.classList.add('is-open');
3290			overlay.classList.add('is-visible');
3291			hamburger.classList.add('is-active');
3292			hamburger.setAttribute('aria-label', 'Close menu');
3293			document.body.style.overflow = 'hidden';
3294			document.documentElement.style.overflow = 'hidden';
3295		}
3296
3297		function closeMenu() {
3298			isOpen = false;
3299			menu.classList.remove('is-open');
3300			overlay.classList.remove('is-visible');
3301			hamburger.classList.remove('is-active');
3302			hamburger.setAttribute('aria-label', 'Open menu');
3303			document.body.style.overflow = '';
3304			document.documentElement.style.overflow = '';
3305			setTimeout(function() {
3306				var openSubs = menu.querySelectorAll('.st-submenu.is-open');
3307				for (var i = 0; i < openSubs.length; i++) {
3308					openSubs[i].classList.remove('is-open');
3309				}
3310			}, 350);
3311		}
3312
3313		hamburger.addEventListener('click', function(e) {
3314			e.preventDefault();
3315			if (isOpen) { closeMenu(); } else { openMenu(); }
3316		});
3317
3318		overlay.addEventListener('click', function() { closeMenu(); });
3319
3320		var submenuTriggers = menu.querySelectorAll('[data-st-submenu]');
3321		for (var i = 0; i < submenuTriggers.length; i++) {
3322			submenuTriggers[i].addEventListener('click', function(e) {
3323				e.preventDefault();
3324				var targetId = 'st-sub-' + this.getAttribute('data-st-submenu');
3325				var target = document.getElementById(targetId);
3326				if (target) { target.classList.add('is-open'); }
3327			});
3328		}
3329
3330		var backButtons = menu.querySelectorAll('[data-st-back]');
3331		for (var j = 0; j < backButtons.length; j++) {
3332			backButtons[j].addEventListener('click', function(e) {
3333				e.preventDefault();
3334				var submenu = this.closest('.st-submenu');
3335				if (submenu) { submenu.classList.remove('is-open'); }
3336			});
3337		}
3338
3339		if (searchBtn) {
3340			searchBtn.addEventListener('click', function(e) {
3341				e.preventDefault();
3342				if (isOpen) closeMenu();
3343				var searchInput = document.getElementById('Search');
3344				if (searchInput) {
3345					searchInput.dispatchEvent(new Event('focus'));
3346				}
3347			});
3348		}
3349	})();
3350
3351</script>
3351
3352
3353
3354
3355
3356
3357
3358
3359
3360
3361
3362</div>
3363
3364
3365
3366
3367
3368<main role = 'main' id = "MainContent" class="add-margin">
3369
3370	<style>
3371
3372#MainContent {
3373    padding-top: 23px !important;
3374}
3375
3376.main-container {
3377    margin-top: -18px;
3378    margin-bottom: 50px;
3379    max-width: 1140px;
3380    margin: 0 auto;
3381}
3382
3383.header-image-container {
3384    margin: 0 auto;
3385    text-align: center;
3386    position: relative;
3387}
3388
3389.header-image-container img {
3390    border: 1px solid #e7f8fe;
3391    border-radius: 0 0 10px 10px;
3392    border-top: 0px;
3393}
3394
3395.group-description {
3396    text-align: center;
3397    margin-top: 50px;
3398    margin-bottom: 50px;
3399}
3400
3401.group-description p {
3402    color: #19657c;
3403    font-family: Lato, sans-serif;
3404    font-size: 1.8rem;
3405    line-height: 1.5;
3406    margin: 0 auto;
3407    max-width: 850px;
3408    padding-left: 50px;
3409    padding-right: 50px;
3410    margin-top: 25px;
3411    margin-bottom: 25px;
3412}
3413
3414.group-title-container {
3415    position: absolute;
3416    max-width: 400px;
3417    margin-left: 255px;
3418    top: 48%;
3419    transform: translateY(-50%);
3420    text-align: left;
3421}
3422
3423.group-title {
3424    color: #19657C !important;
3425    font-family: Superclarendon-Bold;
3426    font-size: 38px;
3427    padding-left: 25px;
3428    padding-right: 25px;
3429    letter-spacing: 2.5px;
3430}
3431
3432.group-subtitle {
3433color: #19657C !important;
3434    font-family: Montserrat;
3435    font-size: 18.7px;
3436    padding-left: 25px;
3437    padding-right: 25px;
3438    margin-left: -2px;
3439    margin-top: 30px;
3440    font-weight: 450;
3441    text-transform: uppercase;
3442}
3443
3444.shop-by-container {
3445    margin-top: 50px;
3446    background-color: rgb(243, 243, 243);
3447    border-radius: 10px;
3448    padding: 75px 50px;
3449    padding-bottom: 25px;
3450    display: flex;
3451    gap: 0px;
3452}
3453
3454.shop-by-title-section {
3455    flex: 0 0 25%;
3456    display: flex;
3457    flex-direction: column;
3458    justify-content: flex-start;
3459}
3460
3461.shop-by-main-title {
3462    font-size: 28px;
3463    font-weight: bold;
3464    color: #19657c;
3465    margin: 0px;
3466    margin-left: 25px;
3467    line-height: 1.55;
3468}
3469
3470.shop-by-cards-section {
3471    flex: 1;
3472}
3473
3474.resources-list {
3475	justify-content: left;
3476}
3477
3478.resource {
3479	width: calc(50% - 50px);
3480	margin-right: 25px;
3481	margin-left: 25px;
3482	margin-bottom: 50px;
3483	transition: background-color 0.3s ease;
3484	cursor: pointer;
3485    border-radius: 10px;
3486}
3487
3488.resource-img {
3489	display: flex;
3490    justify-content: center;
3491    align-items: center;
3492    position: relative;
3493}
3494
3495.resource img {
3496	border: 1px solid #e7f8fe;
3497	border-radius: 5px;
3498    width: 100%;
3499    border-radius: 10px;
3500}
3501
3502.resource h3 {
3503    text-align: center;
3504    color: #19657C;
3505    font-weight: 600;
3506    font-size: 22px;
3507    margin-top: 30px;
3508    margin-bottom: 0px;
3509}
3510
3511.view-now {
3512    text-align: center;
3513    margin-top: 2.5px;
3514    margin-bottom: 0px;
3515    margin-left: 15px;
3516    margin-right: 15px;
3517    font-family: 'Superclarendon';
3518    font-weight: bold;
3519    letter-spacing: normal;
3520    font-size: 18px;
3521    position: absolute;
3522    background-color: #FFF;
3523    border-radius: 10px;
3524    padding: 12.5px;
3525    padding-top: 12.5px;
3526    color: #19657c !important;
3527    border: 1px solid #e7f8fe;
3528    -webkit-font-smoothing: antialiased;
3529    -webkit-text-size-adjust: 100%;
3530}
3531
3532@media only screen and (max-width: 1140px) {
3533
3534    .header-image-container img {
3535        border-radius: 0px;
3536        border: 0px;
3537        border-bottom: 1px solid #e7f8fe;
3538    }
3539
3540    .shop-by-container {
3541        border-radius: 0px;
3542    }
3543
3544}
3545
3546@media only screen and (max-width: 1050px) {
3547
3548    .group-title-container {
3549        position: relative;
3550        max-width: 100%;
3551        margin-left: initial;
3552        top: initial;
3553        transform: initial;
3554        text-align: center;
3555        margin-bottom: 25px;
3556    }
3557
3558    .group-title {
3559        padding-top: 50px;
3560    }
3561
3562    .header-image-container img {
3563        display: none;
3564    }
3565
3566    .group-description {
3567        margin-top: 25px;
3568    }
3569
3570    .mobile-hide {
3571        display: none;
3572    }
3573
3574}
3575
3576
3577@media only screen and (max-width: 1024px) {
3578
3579    .shop-by-container {
3580        flex-direction: column;
3581        gap: 40px;
3582        padding: 50px 25px;
3583    }
3584
3585    .shop-by-title-section {
3586        flex: 0 0 auto;
3587        margin-left: 0px;
3588        text-align: center;
3589    }
3590
3591}
3592
3593@media only screen and (max-width: 850px) {
3594
3595    .group-title {
3596        padding-top: 0px;
3597    }
3598
3599}
3600
3601@media only screen and (max-width: 625px) {
3602
3603	.resource {
3604		width: calc(100% - 30px);
3605	}
3606
3607}
3608
3609
3610
3611@media only screen and (max-width: 500px) {
3612
3613    .group-description p {
3614        padding-left: 25px;
3615        padding-right: 25px;
3616    }
3617
3618}
3619
3620</style>
3621
3622
3623
3624
3625
3626
3627
3628
3629
3630
3631<div class = 'main-container'>
3632
3633
3634
3635
3636
3637
3638
3639
3640
3641
3642    <div class = 'header-image-container'>
3643
3644        <div class = 'group-title-container'>
3645
3646            
3647
3648            
3649                
3650                    <h1 class = 'group-title'>Shop <br>Hameray</h1>
3651                
3652            
3653
3654            
3655
3656            
3657                
3658                    <h2 class = 'group-subtitle'>Resources by teachers <br class = 'mobile-hide'>for teachers to supplement <br class = 'mobile-hide'>elementary reading programs</h2>
3659                
3660            
3661
3662        </div>
3663
3664        
3665
3666        
3667
3668            <img src = 'https://hameray-images.s3.us-west-1.amazonaws.com/header-shop-by.jpg' />
3669
3670        
3671
3672    </div>
3673
3674
3675
3676
3677
3678
3679
3680
3681
3682
3683    
3684
3685    
3686
3687
3688
3689
3690
3691
3692
3693
3694
3695
3696    
3697
3698    
3699    
3700
3701    
3702        <div class = 'shop-by-container'>
3703
3704	<div class = 'shop-by-title-section'>
3705
3706		<h1 class = 'shop-by-main-title'>Categories</h1>
3707
3708    </div>
3709
3710	<div class = 'shop-by-cards-section'>
3711
3712		<div class = 'resources-list flex wrap'>
3713
3714		
3715
3716			
3717
3718			
3719
3720			
3721
3722			<a class = 'resource flex column' href = 'https://www.hameraypublishing.com/pages/shop-by-grade'>
3723				<div class = 'resource-img'>
3724					<img src = 'https://hameray-images.s3.us-west-1.amazonaws.com/shop-by-grade.jpg'>
3725				    <p class = 'view-now'>Shop by Grade</p>
3726				</div>
3727			</a>
3728
3729		
3730
3731			
3732
3733			
3734
3735			
3736
3737			<a class = 'resource flex column' href = 'https://www.hameraypublishing.com/pages/shop-by-reading-level-2'>
3738				<div class = 'resource-img'>
3739					<img src = 'https://hameray-images.s3.us-west-1.amazonaws.com/shop-by-reading-level.jpg'>
3740				    <p class = 'view-now'>Shop by Level</p>
3741				</div>
3742			</a>
3743
3744		
3745
3746			
3747
3748			
3749
3750			
3751
3752			<a class = 'resource flex column' href = 'https://www.hameraypublishing.com/pages/shop-by-skill'>
3753				<div class = 'resource-img'>
3754					<img src = 'https://hameray-images.s3.us-west-1.amazonaws.com/shop-by-skill.jpg'>
3755				    <p class = 'view-now'>Shop by Skill</p>
3756				</div>
3757			</a>
3758
3759		
3760
3761			
3762
3763			
3764
3765			
3766
3767			<a class = 'resource flex column' href = 'https://www.hameraypublishing.com/pages/shop-by-series-2'>
3768				<div class = 'resource-img'>
3769					<img src = 'https://hameray-images.s3.us-west-1.amazonaws.com/shop-by-series.jpg'>
3770				    <p class = 'view-now'>Shop by Series</p>
3771				</div>
3772			</a>
3773
3774		
3775
3776			
3777
3778			
3779
3780			
3781
3782			<a class = 'resource flex column' href = 'https://www.hameraypublishing.com/pages/shop-by-genre'>
3783				<div class = 'resource-img'>
3784					<img src = 'https://hameray-images.s3.us-west-1.amazonaws.com/shop-by-genre.jpg'>
3785				    <p class = 'view-now'>Shop by Genre</p>
3786				</div>
3787			</a>
3788
3789		
3790
3791			
3792
3793			
3794
3795			
3796
3797			<a class = 'resource flex column' href = 'https://www.hameraypublishing.com/pages/shop-by-content-area-2'>
3798				<div class = 'resource-img'>
3799					<img src = 'https://hameray-images.s3.us-west-1.amazonaws.com/shop-by-content-area.jpg'>
3800				    <p class = 'view-now'>Shop by Content Area</p>
3801				</div>
3802			</a>
3803
3804		
3805
3806		</div>
3807
3808	</div>
3809
3810</div>
3811
3812    
3813
3814
3815
3816
3817
3818    
3819    
3820
3821    
3822
3823
3824
3825
3826
3827    
3828    
3829
3830    
3831
3832
3833
3834
3835
3836    
3837    
3838
3839    
3840
3841
3842
3843
3844
3845    
3846    
3847
3848    
3849
3850
3851
3852
3853
3854    
3855    
3856
3857    
3858
3859
3860
3861
3862
3863    
3864    
3865
3866    
3867
3868
3869
3870
3871
3872    
3873    
3874
3875    
3876
3877
3878
3879
3880
3881    
3882    
3883
3884    
3885
3886
3887
3888
3889
3890    
3891    
3892
3893    
3894
3895
3896
3897
3898
3899
3900
3901
3902
3903
3904    
3905
3906
3907
3908
3909
3910
3911
3912
3913
3914
3915    
3916
3917
3918
3919
3920
3921
3922
3923
3924
3925
3926</div>
3927
3928
3929
3930
3931
3932
3933
3934
3935
3936
3937
3938</main>
3939
3940
3941
3942
3943
3944<div id="shopify-section-footer" class="shopify-section"><footer>
3945  <div class="page-width">
3946    <div id = 'footer-address' class="flex space flex-start">
3947      <div class="logo">
3948        <a href="https://www.hameraypublishing.com"><img src="//www.hameraypublishing.com/cdn/shop/t/3/assets/brandmark.svg?v=98579313773125210591772
3948694707" alt="Hameray Publishing" /></a>
3949      </div>
3950      <div class="address">
3951        <h3>Hameray Publishing</h3>
3952        <p><span style="text-decoration:underline">Mailing Address</span><br/>10866 Washington Boulevard #808<br/>Culver City, CA 90232</p><p> </p><p><span style="text-decoration:underline">Physical Address</span><br/>5212 Venice Boulevard<br/>Los Angeles, CA 90019</p><p> </p><p><a href="tel:+18669186173" title="tel:+18669186173">866.918.6173</a></p><p><a href="mailto:[email protected]" title="mailto:[email protected]">[email protected]</a></p>
3953      </div>
3954      <div class="footer-nav">
3955        <h3>Shop</h3>
3956        <ul class="footer-nav-list">
3957          
3958            <li><a href="/pages/shop-by-category" title="">Shop by Category</a></li>
3959          
3960            <li><a href="/pages/shop-by-series" title="">Shop by Series</a></li>
3961          
3962            <li><a href="/pages/spanish-collections" title="">Shop Spanish</a></li>
3963          
3964            <li><a href="/collections/decodable-books" title="">Shop Decodable Books</a></li>
3965          
3966            <li><a href="/pages/shop-by-phonics" title="">Shop Phonics</a></li>
3967          
3968            <li><a href="/pages/all-collections" title="">Shop All</a></li>
3969          
3970        </ul>
3971      </div>
3972      <div class="footer-nav">
3973        <h3>Customer Care</h3>
3974        <ul class="footer-nav-list">
3975          
3976            <li><a href="/pages/about-us" title="">About Us</a></li>
3977          
3978            <li><a href="/pages/contact-us" title="">Contact Us</a></li>
3979          
3980            <li><a href="/pages/catalogs-and-brochures" title="">Catalog</a></li>
3981          
3982            <li><a href="/pages/order-form" title="">Order Form</a></li>
3983          
3984            <li><a href="/pages/wishlist" title="">Wishlist</a></li>
3985          
3986            <li><a href="/pages/get-help-choosing-books" title="">Get Help Choosing Books</a></li>
3987          
3988        </ul>
3989      </div>
3990      <div class="footer-nav">
3991        <h3>Resources</h3>
3992        <ul class="footer-nav-list">
3993          
3994            <li><a href="/pages/teacher-resources" title="">Teacher Resources</a></li>
3995          
3996            <li><a href="/pages/sample-books" title="">Book Samples</a></li>
3997          
3998            <li><a href="/pages/call-for-contributors" title="">Be a Contributor</a></li>
3999          
4000            <li><a href="/blogs/all" title="">Blog</a></li>
4001          
4002            <li><a href="/pages/faq" title="">FAQ</a></li>
4003          
4004        </ul>
4005      </div>
4006      
4007      <div class="newsletter-social"><ul style = 'margin-top: 0px !important;'>
4008          
4009
4010            
4011            
4012            
4013
4014            
4015              <li>
4016                <a href="https://www.facebook.com/hameray" target="_blank" title="Hameray Publishing on Facebook">
4017                  
4018                    <i class="fa fa-facebook-f"></i>
4019                                     
4020                  <span class="icon-fallback-text">Facebook</span>
4021                </a>
4022              </li>
4023            
4024
4025          
4026
4027            
4028            
4029            
4030
4031            
4032              <li>
4033                <a href="https://twitter.com/hameray" target="_blank" title="Hameray Publishing on Twitter">
4034                  
4035                    <i class="fa fa-twitter"></i>
4036                                     
4037                  <span class="icon-fallback-text">Twitter</span>
4038                </a>
4039              </li>
4040            
4041
4042          
4043
4044            
4045            
4046            
4047
4048            
4049              <li>
4050                <a href="https://pinterest.com/hameray" target="_blank" title="Hameray Publishing on Pinterest">
4051                  
4052                    <i class="fa fa-pinterest-p"></i>
4053                                     
4054                  <span class="icon-fallback-text">Pinterest</span>
4055                </a>
4056              </li>
4057            
4058
4059          
4060
4061            
4062            
4063            
4064
4065            
4066              <li>
4067                <a href="https://www.instagram.com/hameraypublishing" target="_blank" title="Hameray Publishing on Instagram">
4068                  
4069                    <i class="fa fa-instagram"></i>
4070                                     
4071                  <span class="icon-fallback-text">Instagram</span>
4072                </a>
4073              </li>
4074            
4075
4076          
4077
4078            
4079            
4080            
4081
4082            
4083
4084          
4085
4086            
4087            
4088            
4089
4090            
4091
4092          
4093
4094            
4095            
4096            
4097
4098            
4099
4100          
4101
4102            
4103            
4104            
4105
4106            
4107
4108          
4109        </ul>
4110      </div>
4111      
4112    </div>
4113  </div>
4114  <div class="credit">
4115    <div class="page-width text-center">
4116      &copy; 2026 <a href="/" title="">Hameray Publishing</a>
4117  </div>
4118</footer>
4119
4120</div>
4121
4122
4123
4124
4125
4126<script>
4127
4128	var cartjson = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
4129
4130</script>
4130
4131
4132
4133
4134
4135
4136<!-- Pop-Up -->
4137
4138
4139<link href="//www.hameraypublishing.com/cdn/shop/t/3/assets/popup.css?v=54841740989800051651777262788" rel="stylesheet" type="text/css" media="all" />
4140
4141    <div id = 'popup-overlay' class = 'popup-overlay'>
4142
4143        <div class = 'popup-modal'>
4144
4145            <button class = 'popup-close' id = 'popup-close'>&times;</button>
4146
4147            <div class = 'popup-content'>
4148
4149                <h2>Find the Right Books—Fast</h2>
4150
4151                <p class = 'popup-description'>Get help selecting resources to improve phonics, fluency, <br class = 'mobile-hide'>and bilingual literacy for K–5 students.</p>
4152
4153                <form class = 'popup-form' id = 'popup-form'>
4154                    <div class = 'popup-role-group' id = 'popup-role'>
4155                        <span class = 'popup-role-label'>Tell us who you are:</span>
4156                        <span class = 'popup-role-error' id = 'popup-role-error'>Please select a role</span>
4157                        <div class = 'popup-role-options'>
4158                            <label class = 'popup-role-option'>
4159                                <input type = 'checkbox' name = 'role' value = 'Teacher'>
4160                                <span><span class = 'popup-role-emoji'>👩‍🏫 </span>Teacher</span>
4161                            </label>
4162                            <label class = 'popup-role-option'>
4163                                <input type = 'checkbox' name = 'role' value = 'Administrator/Coach'>
4164                                <span><span class = 'popup-role-emoji'>🏫 </span>Admin<span class = 'popup-role-coach'> / Coach</span></span>
4165                            </label>
4166                            <label class = 'popup-role-option'>
4167                                <input type = 'checkbox' name = 'role' value = 'Other'>
4168                                <span><span class = 'popup-role-emoji'>👨‍👩‍👧 </span>Other</span>
4169                            </label>
4170                        </div>
4171                    </div>
4172                    <input type = 'email' name = 'email' class = 'popup-input' placeholder = 'Enter your email address'>
4173                    <span class = 'popup-role-error' id = 'popup-email-error'>Please enter a valid email address</span>
4174                    <button type = 'button' class = 'popup-submit' id = 'popup-submit-btn'>Help Me Find the Right Books</button>
4175                </form>
4176
4177
4178                <div class = 'popup-footer'>
4179                    <p><i>Takes a few seconds. Saves hours of searching.</i></p>
4180                    <p style = 'margin-bottom: 0px; font-weight: 700; color: #f58436; font-size: 16px; margin-top: 17.5px;'>Get 10% off your first order!</p>
4181                </div>
4182
4183                <div class = 'popup-success' id = 'popup-success'>
4184                    <p>Great—let's start with what you need most!</p>
4185                    <p>Pick your goal. We’ll show you where to start.</p>
4186                    <p style = 'font-size: 15px;'><i>(Your 10% off is ready to use—code: <strong>HAMERAY10</strong>)</i></p>
4187                    <div class = 'popup-success-buttons'>
4188                        <a href = '/pages/build-phonics' class = 'popup-success-btn'>Build Strong Phonics Foundations</a>
4189                        <a href = '/pages/boost-fluency' class = 'popup-success-btn'>Turn Choppy Reading into Smooth Fluency</a>
4190                        <a href = '/pages/shop-spanish' class = 'popup-success-btn'>Support Spanish & Bilingual Learners</a>
4191                        <a href = '/collections/classroom-libraries' class = 'popup-success-btn'>Fill Your Classroom Library (By Grade)</a>
4192                        <a href = '/pages/whole-group-read-alouds' class = 'popup-success-btn'>See Read-Alouds & Big Books</a>
4193                    </div>
4194                    <a href = '#' class = 'popup-continue-shopping' id = 'popup-continue-shopping'>Continue Browsing</a>
4195                </div>
4196
4197            </div>
4198
4199        </div>
4200
4201    </div>
4202
4203
4204    <div id = 'popup-tab' class = 'popup-tab'>
4205
4206        <span id = 'popup-tab-text'>Get 10% Off</span>
4207        <span id = 'popup-tab-close' class = 'popup-tab-close'>&times;</span>
4208
4209	</div>
4210
4211    
4211<script src = '//www.hameraypublishing.com/cdn/shop/t/3/assets/popup.js?v=127342988660773128281777262788' defer></script>
4211
4212
4213
4214
4215
4216
4217
4218
4219
4220<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4220
4221</body>
4222</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.