PageSourceSearch

https://www.nationalsewingcircle.com/products/sewing-classes

html nationalsewingcircle.com collected 2026-09-24 21:26:21 UTC 355,943 bytes, 5,372 lines download raw bytes

1<!doctype html>
2<html lang="en">
3<head data-cast-api-enabled="true">
4        
5    
5<script async type="text/javascript">
6        HTMLCollection.prototype.lastIndex = function () {
7            return this.length - 1;
8        };
9        document.getLastScript = function () {
10            return this.getElementsByTagName('script')[this.getElementsByTagName('script').lastIndex()];
11        };
12    </script>
12
13
14    <meta charset="utf-8" />
15    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
16
17    <title>Sewing Classes | National Sewing Circle</title>
18
19    <meta name="description" content="For a fun and comprehensive learning experience, take a Class in the National Sewing Circle Academy. You’ll get inspiring new ideas, learn in-depth sewing techniques, and create fun projects. In addition to your video instruction, you’ll get bonus material and enjoy exclusive benefits for class participants. You’ll never lose access to your Class; no strings attached! " />
20
21<link rel="canonical" href="https://www.nationalsewingcircle.com/products/sewing-classes" />
22
23    <meta name="robots" content="max-snippet:-1,max-image-preview:standard,max-video-preview:-1" />
24    <meta property="og:title" content="Sewing Classes" />
25    <meta property="og:type" content="website" />
26    <meta property="og:url" content="https://www.nationalsewingcircle.com/products/sewing-classes" />
27    <meta property="og:image" content="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/sew/2016/02/26130503/Dollarphotoclub_73951240.jpg" />
28    <meta property="og:locale" content="en_US" />
29    <meta property="og:description" content="For a fun and comprehensive learning experience, take a Class in the National Sewing Circle Academy. You’ll get inspiring new ideas, learn in-depth sewing techniques, and create fun projects. In addition to your video instruction, you’ll get bonus material and enjoy exclusive benefits for class participants. You’ll never lose access to your Class; no strings attached! " />
30    <meta property="og:sitename" content="National Sewing Circle" />
31    <meta name="twitter:card" content="summary_large_image" />
32<meta name="twitter:title" content="Sewing Classes" />
33
34    <meta name="twitter:description" content="For a fun and comprehensive learning experience, take a Class in the National Sewing Circle Academy. You’ll get inspiring new ideas, learn in-depth sewing techniques, and create fun projects. In addition to your video instruction, you’ll get bonus material and enjoy exclusive benefits for class participants. You’ll never lose access to your Class; no strings attached! " />
35
36    <meta name="twitter:image" content="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/sew/2016/02/26130503/Dollarphotoclub_73951240.jpg" />
37    
37<script type="application/ld+json">
38    {"@context":"http:\/\/schema.org","@type":"WebPage","name":"Sewing Classes","author":"National Sewing Circle","image":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/sew\/2016\/02\/26130503\/Dollarphotoclub_73951240.jpg","headline":"Sewing Classes"}</script>
38
39
40<meta name="google-site-verification" content="ubg48GlZgdKbG9duIsEr58TehzeVtHrgeT3safOYVN0" />
41<meta name="msvalidate.01" content="8E82025FC6707609F589EFD9D7A566A8" />
42
43    <meta name="HandheldFriendly" content="True" />
44    <meta name="MobileOptimized" content="320" />
45    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
46
47    
48    <link rel="stylesheet" href="https://www.nationalsewingcircle.com/css/normalize.min.css" type="text/css" media="all" />
49    <link rel="preload" as="font" type="font/woff2" crossorigin href="https://www.nationalsewingcircle.com/fonts/poppins/regular.woff2" />
50    <link rel="preload" as="font" type="font/woff2" crossorigin href="https://www.nationalsewingcircle.com/fonts/poppins/bold.woff2" />
51    <link rel="preload" as="font" type="font/woff2" crossorigin href="https://www.nationalsewingcircle.com/fonts/poppins/light.woff2" />
52    <link rel="preload" as="font" type="font/woff2" crossorigin href="https://www.nationalsewingcircle.com/fonts/poppins/black.woff2" />
53
54
55<style>
56            @font-face {
57            font-family: 'Poppins Regular';
58            src:
59                local('Poppins Regular'),
60                url('https://www.nationalsewingcircle.com/fonts/poppins/regular.woff2') format('woff2');
61            font-weight: normal;
62            font-style: normal;
63            font-display: swap;
64        }
65            @font-face {
66            font-family: 'Poppins Bold';
67            src:
68                local('Poppins Bold'),
69                url('https://www.nationalsewingcircle.com/fonts/poppins/bold.woff2') format('woff2');
70            font-weight: normal;
71            font-style: normal;
72            font-display: swap;
73        }
74            @font-face {
75            font-family: 'Poppins Light';
76            src:
77                local('Poppins Light'),
78                url('https://www.nationalsewingcircle.com/fonts/poppins/light.woff2') format('woff2');
79            font-weight: normal;
80            font-style: normal;
81            font-display: swap;
82        }
83            @font-face {
84            font-family: 'Poppins Black';
85            src:
86                local('Poppins Black'),
87                url('https://www.nationalsewingcircle.com/fonts/poppins/black.woff2') format('woff2');
88            font-weight: normal;
89            font-style: normal;
90            font-display: swap;
91        }
92    </style>
93    <style>
94    @media print {
95        #top-ad,
96        #wc-promo-banner,
97        #top-navigation-wrapper,
98        #main-footer,
99        #footer-newsletter,
100        .bottom-cta-bar,
101        .vs-demonstration .breadcrumb,
102        .vs-demonstration .message.warning,
103        .vs-demonstration #instructor,
104        .vs-demonstration .button-wrap,
105        .vs-demonstration #comments,
106        .vs-demonstration section.has-blur {
107            display: none !important;
108        }
109    }
110</style>
111    <link
112    rel="stylesheet"
113    href="https://www.nationalsewingcircle.com/css/sewing.css?ver=1790260983"
114    type="text/css"
115    media="all"
116/>
117    <link rel="icon" href="https://www.nationalsewingcircle.com/images/favicons/sewing.png" sizes="32x32" />
118<link rel="icon" href="https://www.nationalsewingcircle.com/images/favicons/sewing.png" sizes="192x192" />
119<link rel="apple-touch-icon" href="https://www.nationalsewingcircle.com/images/favicons/sewing.png" />
120
121    
122    
123    <link rel="stylesheet" href="https://www.nationalsewingcircle.com/wp/wp-includes/css/dashicons.min.css" type="text/css" media="all" />
124
125    <link rel="stylesheet" href="https://www.nationalsewingcircle.com/css/vidstore-brightcove.css" />
126
127    
127<script>
128    function sendGtmEvent(event, data = {}, clear = true) {
129        let pushObjs = [];
130
131        if (clear) {
132            pushObjs.push({ tn: { event_data: undefined } });
133        }
134
135        pushObjs.push({
136            event: event,
137            tn: {
138                event_data: data && Object.keys(data).length > 0 ? { ...data } : {},
139            },
140        });
141
142        window.dataLayer = window.dataLayer || [];
143
144        for (const pushObj of pushObjs) {
145            console.log('dataLayer.push()', pushObj);
146            window.dataLayer.push(pushObj);
147        }
148    }
149
150    window.dataLayer = window.dataLayer || [];
151
152    window.dataLayer.push({
153        event: 'tn.__site__',
154        tn: {"site":{"brand":"sewing","env":"production"},"user":{"logged_in":false,"email":"","wp_id":"","username":""},"page":{"full_url":"https:\/\/www.nationalsewingcircle.com\/products\/sewing-classes","hostname":"www.nationalsewingcircle.com","path":"products\/sewing-classes","query_string":null,"title":"Sewing Classes"}},
155    });
156
157    (function (w, d, s, l, i) {
158        w[l] = w[l] || [];
159        w[l].push({
160            'gtm.start': new Date().getTime(),
161            event: 'gtm.js',
162        });
163        var f = d.getElementsByTagName(s)[0],
164            j = d.createElement(s),
165            dl = l != 'dataLayer' ? '&l=' + l : '';
166        j.async = true;
167        j.src =
168            'https://www.googletagmanager.com/gtm.js?id=' +
169            i +
170            dl +
171            '&gtm_auth=L3HA_Co4914QuQjA1nxPCg&gtm_preview=env-1&gtm_cookies_win=x';
172        f.parentNode.insertBefore(j, f);
173    })(window, document, 'script', 'dataLayer', 'GTM-TB2JHJB');
174
175    const events = [];
176
177    for (const event of events) {
178        const eventName = event.name;
179        const eventData = event.data || {};
180        const clear = event.clear || true;
181
182        console.log('sendGtmEvent()', eventName, eventData, clear);
183
184        sendGtmEvent(eventName, eventData, clear);
185    }
186</script>
186
187
188
189    
189<script rel="preload" src="https://www.nationalsewingcircle.com/js/jquery/jquery.min.js?ver=1790260983"></script>
189
190    
190<script rel="preload" src="https://www.nationalsewingcircle.com/js/jquery/jquery-migrate.min.js?ver=1790260983"></script>
190
191
192    
192<script src="https://www.nationalsewingcircle.com/js/scripts.js?ver=1790260983" defer></script>
192
193
194    
194<script src="https://www.nationalsewingcircle.com/js/track-event.js?ver=1790260983" defer></script>
194
195
196    
197    
198        
198<script
199        type="text/javascript"
200        async
201        src="https://www.nationalsewingcircle.com/js/prebid/asc.tnmarketing.sewing.js"
202    ></script>
202
203
204    
204<script>
205        window.fpPromise = import('https://id.nationalsewingcircle.com/web/v3/vzeLgTSYE8BVd26eHn4M').then((FingerprintJS) =>
206        FingerprintJS.load({
207            endpoint: ['https://id.nationalsewingcircle.com', FingerprintJS.defaultEndpoint],
208        }),
209    );
210    </script>
210
211<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
212</head>
213
214<body data-cached="true"
215    class="is-full-bleed-page"
216    x-data="{
217        openPremiumAccessModal(location = null) {
218            this.openAccessModal('premium', location);
219        },
220
221        openGoldAccessModal(location = null) {
222            this.openAccessModal('gold', location);
223        },
224
225        openAccessModal(tier, location = null, campaign = null) {
226            $dispatch('open-access-modal', {
227                tier: tier,
228                location: location,
229                campaign: campaign,
230            });
231        },
232    }"
233>
234    <!-- Place immediately after <body data-cached="true"> tag. -->
235<noscript
236    ><iframe
237        src="https://www.googletagmanager.com/ns.html?id=GTM-TB2JHJB&gtm_auth=L3HA_Co4914QuQjA1nxPCg&gtm_preview=env-1&gtm_cookies_win=x"
238        title="Google Tag Manager"
239        height="0"
240        width="0"
241        style="display: none; visibility: hidden"
242    ></iframe
243></noscript>
244
245    
246            <div id="container" class="">
247                            <nav class="skip-links" aria-label="Skip links">
248            <a href="#content" target="_self" aria-label="Skip to main content" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase skip-link" role="button" tabindex="0" type="button">
249    Skip to main content
250</a>
251    </nav>
252            
253            
254                            
254<script>
255    /**
256     * Set CSS variables for viewport heights.
257     *
258     * Used to calculate height on _secondary-navigation.scss
259     * since notch, URL bars, etc differ across devices.
260     * This must be run before core styles are loaded.
261     */
262    function setViewportStyleVars() {
263        const styleElements = {
264            windowInnerHeight: window.innerHeight,
265            topNavOffset: document.querySelector('nav.vs-top-nav-wrap')?.offsetHeight || 0,
266        };
267
268                styleElements['topAdOffset'] = document.getElementById('top-ad')?.offsetHeight || 0;
269        
270                styleElements['secNavOffset'] = document.querySelector('nav.secondary-nav')?.offsetHeight || 0;
271        
272        for (let name in styleElements) {
273            document.documentElement.style.setProperty(`--${name}`, `${styleElements[name]}px`);
274        }
275    }
276    document.addEventListener('DOMContentLoaded', setViewportStyleVars);
277    window.addEventListener('resize', setViewportStyleVars);
278    window.addEventListener('orientationchange', setViewportStyleVars);
279</script>
279
280
281    <div class="vidstore_ad_block-wrap is-full-width is-flex is-align-items-center is-justify-content-center is-overflow-hidden has-background-grey-dark open-search-modal-hide is-hidden-mobile" id="top-ad">
282
283<div
284    data-aaad="true"
285    data-aa-adunit='/21718562853/sewing/desktop_leaderboard_sticky'
286    class="vidstore_ad_block mx-auto is-flex is-justify-content-center"
287></div>
288
289    </div>
290
291
292<div
293    x-data="{
294        atTop: document.documentElement.scrollTop <= 0,
295        mobileMenuOpen: false,
296        userNotification: '',
297    }"
298    x-init="
299        document.addEventListener('livewire:initialized', () => {
300            Livewire.on('password-reset-email-sent', (payload) => {
301                userNotification = payload?.message ?? '';
302            });
303        })
304    "
305    class="is-full-width"
306>
307    <nav
308        class="navbar vs-top-nav-wrap"
309        role="navigation"
310        aria-label="main navigation"
311        data-test-ref="main-navigation"
312        :class="{ 'is-fixed-top': !atTop }"
313        @scroll.window="
314            const adEl = document.querySelector('#top-ad');
315            let windowWidth = window.innerWidth;
316            let scrollPosition = document.documentElement.scrollTop;
317
318            if (!adEl || adEl.innerHTML.trim() == 0) {
319                if (scrollPosition === 0) {
320                    toggleStickyNav(false);
321                } else {
322                    toggleStickyNav(true);
323                }
324            } else {
325                if ((windowWidth < 1024 && scrollPosition <= 90) || (windowWidth >= 1024 && scrollPosition <= 120)) {
326                    toggleStickyNav(false);
327                } else {
328                    toggleStickyNav(true);
329                }
330            }
331
332            function toggleStickyNav(makeSticky) {
333                if (makeSticky) {
334                    atTop = false;
335                    document.body.classList.add('has-navbar-fixed-top');
336                } else {
337                    atTop = true;
338                    document.body.classList.remove('has-navbar-fixed-top');
339                }
340            }
341        "
342    >
343        <div class="vs-top-nav container is-fluid is-flex px-0">
344            <div class="navbar-menu vs-main-nav is-marginless px-3" x-cloak>
345                <div class="mobile-toggle is-hidden-desktop">
346                                            <button
347                    aria-label="Toggle mobile menu" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase button is-cursor-pointer is-link-look is-align-items-center" role="button" tabindex="0" type="button" aria-controls="primary-nav" data-test-ref="mobile-nav-toggle" x-bind:aria-expanded="mobileMenuOpen.toString()" x-on:click="mobileMenuOpen = !mobileMenuOpen;
348                                document.body.classList.toggle('has-open-modal');"
349>
350    <span
351    x-show="!mobileMenuOpen" x-cloak="x-cloak" class="svg-icon menu white small"
352>
353            <svg title="Menu Icon" role="img" viewBox="0 0 20 24" xmlns="http://www.w3.org/2000/svg"><title>Menu Icon</title><g clip-rule="evenodd"><path d="M0 21.1h20V24H0zM0 0h20v2.9H0zM0 10.6h15.2v2.9H0z"/></g></svg>    </span>
354                            <span
355    x-show="mobileMenuOpen" x-cloak="x-cloak" class="svg-icon close white small"
356>
357            <svg title="Close Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.8 16.8" xml:space="preserve"><title>Close Icon</title><path d="M15 13.6 9.8 8.4 15 3.2l-1.4-1.4L8.4 7 3.2 1.8 1.8 3.2 7 8.4l-5.2 5.2L3.2 15l5.2-5.2 5.2 5.2 1.4-1.4z"/></svg>    </span>
358</button>
359                                    </div>
360                <div class="navbar-brand pr-5-desktop is-flex is-align-items-center-desktop">
361                    <a href="/" target="_self" aria-label="Click to go to the National Sewing Circle home page" class="is-cursor-pointer is-primary  is-uppercase navbar-item top-nav-logo is-flex py-0 pl-0-desktop sewing" role="button" tabindex="0" type="button" data-test-ref="global-nav-clickable-logo">
362    <span aria-hidden="true" class="svg-logo is-flex is-align-items-center">
363        <svg title="National Sewing Circle Clickable Logo" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1513.96 786.03"><title>National Sewing Circle Clickable Logo</title>
363<path fill="#fff" d="M157.24 549.29c-7.34 0-14.34-.22-21.03-.65s-13.05-1.08-19.08-1.94c-34.51-5.61-59.31-14.46-74.4-26.53-15.1-12.07-22.64-25.45-22.64-40.11 0-12.94 5.06-25.98 15.2-39.14 10.13-13.15 23.94-25.23 41.41-36.23s37.63-19.83 60.49-26.53c22.86-6.68 47.23-10.03 73.11-10.03 6.9 0 14.88.55 23.94 1.62 9.06 1.08 14.88 2.26 17.47 3.56s3.88 3.03 3.88 5.18c0 3.03-2.59 4.53-7.77 4.53h-3.88c-4.32 0-8.85-.32-13.59-.97-4.75-.65-9.49-.97-14.23-.97-20.7 0-40.34 3.02-58.88 9.06-18.55 6.05-34.93 13.81-49.17 23.29-14.24 9.49-25.46 19.96-33.64 31.38-8.2 11.43-12.3 22.54-12.3 33.32 0 12.08 5.5 22.87 16.5 32.35 10.99 9.49 29 16.17 54.02 20.06 4.74.42 9.71.97 14.88 1.61 5.17.65 10.13.97 14.88.97 23.71 0 46.36-3.88 67.93-11.65 21.56-7.76 40.86-18 57.91-30.73 17.04-12.72 30.51-26.63 40.44-41.73 9.92-15.09 14.88-29.76 14.88-43.99 0-10.35-2.91-20.06-8.74-29.12-5.82-9.06-15.42-17.03-28.79-23.94-15.53-7.76-32.25-14.33-50.14-19.73-17.9-5.39-35.91-10.68-54.02-15.85-18.12-5.18-35.37-11-51.76-17.47-16.4-6.47-30.84-14.88-43.35-25.23-9.06-7.33-15.64-15.74-19.73-25.23-4.11-9.48-6.15-19.41-6.15-29.76 0-12.5 2.8-24.91 8.41-37.2s13.15-23.62 22.65-33.97c15.09-15.95 32.77-29 53.05-39.14 20.27-10.13 41.62-17.79 64.05-22.97 22.42-5.18 44.21-7.77 65.34-7.77h2.59c40.97 0 70.84 6.37 89.61 19.09 18.76 12.73 28.14 27.29 28.14 43.67 0 12.94-5.61 25.78-16.82 38.5-11.22 12.73-26.96 23.29-47.22 31.7-20.29 8.41-44.43 12.62-72.47 12.62h-2.59c-2.59 0-4.86-1.18-6.79-3.56q-2.91-3.555-2.91-6.15c0-2.15 1.07-3.24 3.23-3.24 18.98 0 36.98-4.31 54.02-12.94 17.03-8.62 30.83-19.3 41.4-32.03 10.57-12.72 15.86-24.91 15.86-36.55 0-9.92-5.08-18.65-15.21-26.2-10.14-7.54-27.28-11.32-51.44-11.32h-1.94c-20.7 0-41.73 3.46-63.08 10.35-21.35 6.9-41.09 15.96-59.2 27.17-18.11 11.22-32.78 23.62-43.99 37.2-11.22 13.59-16.82 27.29-16.82 41.08 0 8.2 2.36 16.18 7.11 23.94 4.75 7.77 12.51 14.88 23.3 21.35 13.8 8.63 30.73 15.75 50.78 21.35 20.06 5.61 40.98 11.32 62.76 17.15 21.77 5.82 42.15 12.84 61.14 21.03 18.97 8.2 34.39 18.87 46.26 32.03 11.86 13.16 17.79 30.08 17.79 50.79 0 4.32-.22 8.84-.64 13.59-.44 4.75-1.3 9.49-2.59 14.23-5.61 22.87-16.82 42.38-33.64 58.55-16.82 16.18-36.88 29.23-60.17 39.14q-34.935 14.88-72.78 21.99c-25.23 4.74-48.84 7.12-70.85 7.12ZM507.9 535.7c-20.7 0-37.42-6.37-50.14-19.08-12.73-12.72-21.99-28.47-27.82-47.23q-8.73-28.14-8.73-55.32c0-20.7 2.15-41.51 6.47-62.44 4.31-20.91 11.1-40 20.38-57.26 9.27-17.24 21.03-31.16 35.26-41.73 14.24-10.56 31.06-15.85 50.47-15.85 13.8 0 24.59 4.1 32.35 12.29 7.77 8.2 11.64 20.28 11.64 36.23 0 21.57-5.29 40.66-15.85 57.26-10.57 16.61-23.84 30.08-39.79 40.44-15.96 10.35-32.57 17.47-49.82 21.35v3.23c0 17.69 1.83 34.19 5.5 49.49 3.66 15.32 9.7 27.61 18.12 36.88 8.41 9.28 19.51 13.91 33.32 13.91q25.23 0 38.82-21.03c9.06-14.01 16.17-31.8 21.35-53.38.43-1.72 1.18-3.34 2.26-4.86 1.07-1.51 2.05-2.26 2.91-2.26 3.88 0 5.61 2.81 5.18 8.41-1.3 11.65-3.88 22.64-7.77 33-3.88 10.35-7.99 19.2-12.29 26.53-8.2 13.37-18.02 23.61-29.44 30.73-11.44 7.12-25.56 10.68-42.38 10.68Zm-34.93-146.22c13.8-3.45 25.88-10.24 36.23-20.38 10.35-10.13 18.44-22.1 24.26-35.91 5.82-13.8 8.73-27.82 8.73-42.05v-3.23c0-7.76-1.19-15.09-3.56-22-2.38-6.89-6.79-10.35-13.26-10.35-7.77 0-14.56 3.78-20.38 11.32-5.82 7.55-10.78 17.15-14.88 28.79-4.1 11.65-7.44 23.73-10.03 36.23-2.59 12.52-4.42 23.94-5.5 34.29s-1.61 17.9-1.61 22.64z"/><path fill="#fff" d="M630.82 526.64c-9.06 0-16.17-4.2-21.35-12.61s-8.96-18.44-11.32-30.08c-2.38-11.65-3.99-21.78-4.86-30.41-.86-9.48-1.51-18.98-1.94-28.47-.43-9.48-.65-18.33-.65-26.53v-16.5c0-4.95.22-8.94.65-11.97.86-11.21 2.26-23.39 4.21-36.55 1.94-13.15 5.39-25.56 10.35-37.2 4.95-11.65 11.86-21.13 20.7-28.47 8.84-7.33 20.38-11 34.62-11 1.3 0 2.59.11 3.88.32 1.3.22 2.59.32 3.88.32v5.82c-6.04 1.73-11.43 9.6-16.17 23.62-4.75 14.02-8.41 30.96-11 50.79-2.59 19.84-3.88 39.46-3.88 58.88 0 12.94.65 24.58 1.94 34.94 3.01 27.61 9.91 41.41 20.7 41.41 9.92 0 19.83-11.42 29.77-34.29 9.48-21.56 15.85-44.09 19.08-67.61 3.23-23.5 6.36-46.91 9.38-70.2.86-6.47 2.15-12.62 3.88-18.44 1.72-5.82 4.09-10.89 7.12-15.2q3.225-5.82 19.08-9.06c10.56-2.15 19.95-3.23 28.15-3.23 3.01 0 4.52 1.08 4.52 3.23 0 1.29-1.08 2.59-3.23 3.88q-4.53 2.595-7.44 19.41c-1.94 11.22-3.35 23.51-4.21 36.88-.44 6.9-.76 13.91-.97 21.03-.22 7.11-.32 14.34-.32 21.67 0 6.9.1 13.59.32 20.06.21 6.47.53 12.94.97 19.41.43 4.75 1.18 12.41 2.26 22.97 1.07 10.57 2.91 21.57 5.5 33s6.
36315 21.25 10.68 29.44c4.53 8.2 10.24 12.29 17.15 12.29 7.77 0 14.66-3.01 20.7-9.06 6.04-6.03 11.21-13.69 15.53-22.97 4.31-9.27 7.66-18.65 10.03-28.14 2.37-9.48 3.98-17.47 4.86-23.94.86-6.9 1.51-14.88 1.94-23.94s.65-18.97.65-29.76c0-22-1.61-44.74-4.85-68.26-3.23-23.5-9.82-42.16-19.73-55.97-1.73-2.15-2.59-4.74-2.59-7.76 0-4.74 2.15-8.74 6.47-11.97 4.31-3.23 9.27-4.85 14.88-4.85 3.88 0 7.87 1.08 11.97 3.23 4.1 2.16 7.66 6.04 10.68 11.65 3.88 6.9 6.69 16.61 8.41 29.12s2.59 26.75 2.59 42.7c0 25.02-2.16 51.98-6.47 80.87-4.32 28.9-10.78 54.78-19.41 77.64-3.46 9.06-8.64 19.08-15.53 30.08-6.9 11-15.2 20.38-24.91 28.14-9.7 7.77-20.82 11.65-33.32 11.65-1.73 0-3.35-.11-4.86-.32-1.52-.22-3.35-.55-5.5-.97-15.53-3.45-28.15-15.31-37.85-35.59-9.7-20.27-15.21-46.8-16.5-79.58-1.73 8.2-5.08 18.76-10.03 31.71q-7.44 19.41-19.08 38.82c-7.77 12.94-16.61 23.84-26.53 32.67-9.93 8.85-20.92 13.26-33 13.26ZM964.66 526.64c-15.53 0-27.71-6.57-36.55-19.73-8.85-13.15-15.1-29.97-18.76-50.47-3.67-20.48-5.5-41.94-5.5-64.38 0-18.54.97-36.55 2.91-54.02s4.3-32.77 7.12-45.93c2.8-13.15 5.5-22.53 8.08-28.15 2.59-5.17 6.79-10.03 12.61-14.56 5.83-4.53 13.69-6.79 23.62-6.79 5.61 0 11.21.65 16.82 1.94-4.32 15.1-9.49 36.02-15.53 62.76-6.04 26.75-9.06 56.29-9.06 88.64 0 11.22.21 23.19.64 35.91.43 12.73 1.51 24.58 3.24 35.58 1.72 11 4.42 19.96 8.08 26.85 3.66 6.9 8.52 10.35 14.56 10.35h.65c3.44 0 7.21-1.72 11.32-5.18 4.09-3.45 8.52-9.92 13.26-19.41 6.47-12.51 12.51-28.68 18.12-48.52.86-3.88 2.59-5.82 5.17-5.82 2.15 0 3.23 2.59 3.23 7.77v2.59c-.86 11.22-3.88 23.94-9.06 38.17-5.17 14.24-12.41 26.53-21.67 36.88-9.28 10.35-20.38 15.53-33.33 15.53Zm4.53-330.61c-8.2 0-15.42-3.01-21.67-9.06-6.26-6.03-9.39-13.36-9.39-22s3.13-15.95 9.39-21.99c6.25-6.04 13.47-9.06 21.67-9.06 8.62 0 15.95 3.02 22 9.06 6.03 6.04 9.06 13.37 9.06 21.99s-3.03 15.96-9.06 22c-6.05 6.05-13.38 9.06-22 9.06"/><path fill="#fff" d="M1039.06 528.58c-6.05 0-11.11-2.26-15.21-6.79-4.11-4.53-6.15-12.19-6.15-22.97v-5.5c0-1.94.21-3.98.65-6.15.86-7.77 1.83-18.54 2.91-32.35 1.07-13.8 1.94-29.33 2.59-46.58s.97-34.5.97-51.76c0-18.12-.55-35.26-1.62-51.43-1.08-16.17-2.91-29-5.5-38.5 3.44-.86 7.98-3.23 13.59-7.12 5.6-3.88 11.42-6.47 17.47-7.76 1.29-.43 3.01-.65 5.17-.65 7.33 0 11.97 3.88 13.91 11.65q2.91 11.655 2.91 28.47c0 7.77-.11 16.93-.32 27.5-.22 10.57-.76 19.73-1.61 27.5 4.74-13.8 9.91-25.77 15.53-35.91 5.6-10.13 11.65-19.95 18.12-29.44 6.47-9.92 13.36-19.73 20.7-29.44 7.33-9.7 17.24-14.56 29.76-14.56s21.35 4.32 25.23 12.94q5.82 
36312.945 5.82 28.47c0 5.61-.22 10.9-.64 15.85-.44 4.96-.87 9.6-1.3 13.91 0 3.03-.65 10.9-1.94 23.62-1.3 12.73-2.59 27.61-3.88 44.64-1.3 17.04-1.94 34.19-1.94 51.43 0 4.75.22 11.32.65 19.73s1.3 16.82 2.59 25.23c1.3 8.41 3.56 15.53 6.79 21.35s7.66 8.73 13.26 8.73c3.45 0 7.33-1.29 11.65-3.88 4.74-3.45 8.95-7.98 12.61-13.59 3.66-5.6 6.57-11.21 8.74-16.82 1.72-3.88 3.44-8.19 5.17-12.94q2.58-7.11 4.53-14.88c1.72-5.18 4.09-7.76 7.12-7.76 2.15 0 3.23 2.16 3.23 6.47v2.59c0 3.02-.55 6.9-1.62 11.65-1.08 4.75-2.48 9.49-4.21 14.23-5.17 15.96-12.84 29.87-22.97 41.73-10.14 11.86-24.26 17.79-42.38 17.79-12.08 0-21.46-4.63-28.15-13.91q-10.035-13.905-14.55-35.91c-1.73-8.19-2.92-16.39-3.56-24.58-.65-8.19-.97-16.39-.97-24.58 0-20.27 1.39-40.44 4.21-60.49 2.8-20.06 4.2-39.36 4.2-57.91 0-6.03-.76-11.75-2.26-17.15-1.52-5.39-4.86-8.09-10.03-8.09s-11.43 4.96-18.76 14.88c-7.34 9.49-14.88 23.4-22.65 41.73-7.76 18.34-14.23 39.04-19.41 62.11-5.17 23.08-7.77 46.7-7.77 70.85 0 14.67 1.3 29.55 3.88 44.65-3.02 2.16-6.9 4.31-11.64 6.47-4.75 2.15-9.06 3.23-12.94 3.23Z"/><path fill="#fff" d="M1297.85 761.5c-23.72 0-40.66-5.93-50.79-17.79-10.14-11.87-15.2-26.64-15.2-44.32 0-13.38 2.36-27.5 7.12-42.38 4.74-14.88 10.77-29.66 18.11-44.31 9.92-19.41 23.07-37.32 39.46-53.7 16.39-16.4 33.21-30.96 50.47-43.67 17.25-12.72 32.13-22.97 44.64-30.74v-4.53c0-7.77-.32-18.33-.97-31.7-.64-13.36-1.4-27.39-2.26-42.05-.87-14.66-1.73-27.6-2.59-38.82-.87 3.02-1.73 5.93-2.59 8.74-.87 2.81-1.73 5.5-2.59 8.09-3.88 14.67-8.41 30.41-13.59 47.23-5.17 16.82-11.22 32.46-18.11 46.91-6.91 14.45-14.78 26.31-23.62 35.59-8.85 9.28-18.66 13.9-29.44 13.9s-20.28-3.46-27.17-10.35c-6.91-6.9-12.08-15.63-15.53-26.21-3.46-10.57-5.82-21.45-7.12-32.67-1.29-11.21-1.94-21.35-1.94-30.41 0-34.5 3.98-67.29 11.97-98.34q11.97-46.575 41.73-74.4c8.62-8.19 17.57-14.01 26.85-17.47 9.27-3.45 18-5.18 26.2-5.18 9.92 0 19.09 2.05 27.5 6.15 8.41 4.11 15.2 9.38 20.38 15.85 5.17-6.03 11-9.81 17.47-11.32s12.29-2.27 17.47-2.27h7.76c6.47 0 9.7 1.29 9.7 3.88 0 .87-.86 2.16-2.59 3.88-4.32 3.88-7.66 11.44-10.03 22.65-2.38 11.22-3.99 24.48-4.85 39.79-.87 15.32-1.3 31.17-1.3 47.55 0 18.55.21 36.34.65 53.38.43 17.04.65 30.31.65 39.79v7.12c12.07-7.33 22.85-13.26 32.35-17.79 9.48-4.53 16.6-6.79 21.35-6.79.86 0 1.51.11 1.94.32.43.22.86.32 1.3.32 2.15.44 3.23 1.94 3.23 4.53 0 1.73-.44 3.35-1.3 4.85-.87 1.52-2.16 2.26-3.88 2.26-5.17.44-12.19 3.14-21.03 8.09-8.84 4.96-16.93 10.57-24.26 16.82-7.34 6.26-11 11.76-11 16.5v10.35c0 59.52-6.15 108.69-18.44 147.52-12.29 38.82-28.69 67.71-49.17 86.7-20.49 18.98-42.81 28.46-66.96 28.46Zm-7.12-13.59c21.13 0 38.82-10.14 53.05-30.41 14.24-20.28 25.34-48.84 33.32-85.73 7.98-36.87 13.04-80.54 15.21-131.01-6.91 3.88-17.47 11.87-31.71 23.94-14.23 12.07-29.01 27.06-44.31 44.96-15.32 17.9-28.15 38.28-38.5 61.14-5.61 12.51-9.93 24.68-12.94 36.55-3.03 11.86-4.53 22.75-4.53 32.68 0 14.23 2.69 25.76 8.09 34.61 5.39 8.83 12.82 13.26 22.32 13.26Zm22-272.38h1.94c8.19 0 15.63-5.39 22.32-16.18 6.69-10.77 12.72-24.47 18.12-41.08 5.39-16.6 10.13-33.86 14.24-51.76 4.09-17.89 7.44-34.07 10.03-48.52s4.52-24.91 5.82-31.38c1.72-10.35 4.74-18.98 9.06-25.88-4.75-6.03-11.43-9.06-20.06-9.06-12.94 0-24.05 4.1-33.32 12.29-9.28 8.2-17.04 18.99-23.29 32.35-6.26 13.37-11.22 27.5-14.88 42.38-3.67 14.88-6.37 29.12-8.09 42.7-1.73 13.58-2.59 24.91-2.59 33.96 0 3.03.1 7.77.32 14.24.21 6.47.97 13.26 2.26 20.38 1.3 7.11 3.34 13.16 6.15 18.12q4.2 7.44 11.97 7.44M599.51 110.34h-13.89l-41.81-63.26v63.26h-13.9V25.51h13.9l41.81 63.14V25.51h13.89zM668.86 93.03h-35.47l-6.09 17.31h-14.5l30.35-84.83h16.09l30.35 84.83h-14.62l-6.09-17.31Zm-3.9-11.33-13.77-39.37-13.9 39.37zM757.47 25.63v11.34h-22.55v73.38h-13.9V36.96h-22.67V25.62h59.11ZM785.39 25.63v84.71h-13.9V25.63zM820.55 105.65q-9.93-5.55-15.72-15.48c-3.86-6.62-5.79-14.08-5.79-22.37s1.93-15.73 5.79-22.31q5.79-9.87 15.72-15.42c6.62-3.7 13.87-5.54 21.75-5.54s15.26 1.85 21.88 5.54c6.62 3.7 11.85 8.84 15.67 15.42s5.73 14.02 5.73 22.31-1.91 15.74-5.73 22.37-9.04 11.78-15.67 15.48c-6.62 3.7-13.92 5.55-21.88 5.55s-15.13-1.85-21.75-5.55m36.75-10.36c4.38-2.56 7.82-6.22 10.3-10.97s3.72-10.26 3.72-16.51-1.24-11.74-3.72-16.46c-2.48-4.71-5.91-8.33-10.3-10.85q-6.585-3.78-15-3.78c-8.415 0-10.6 1.26-14.99 3.78-4.38 2.52-7.82 6.14-10.3 10.85-2.48 4.72-3.72 10.2-3.72 16.46s1.23 11.76 3.72 16.51c2.48 4.75 5.91 8.41 10.3 10.97s9.39 3.84 14.99 3.84 10.61-1.28 15-3.84M968.82 110.34h-13.89l-41.81-63.26v63.26h-13.9V25.51h13.9l41.81 63.14V25.51h13.89zM1038.17 93.03h-35.47l-6.09 17.31h-14.5l30.35-84.83h16.09l30.35 84.83h-14.62l-6.09-17.31Zm-3.9-11.33-13.77-39.37-13.9 39.37zM1085.95 99.13h28.64v11.21h-42.54V25.63h13.9zM531.8 630.97c5.24-8.92 12.35-15.9 21.34-20.92s18.83-7.52 29.53-7.52c12.24 0 23.13 3 32.66 9.01q14.31 9.015 20.76 25.56h-22.66c-2.97-6.06-7.11-10.59-12.41-13.56-5.29-2.99-11.41-4.47-18.36-4.47-7.61 0-14.39 1.72-20.35 5.13-5.95 3.42-10.61 8.33-13.98 14.72-3.36 6.39-5.04 13.84-5.04 22.33s1.68 15.94 5.04 22.33c3.37 6.39 8.03 11.34 13.98 14.81s12.74 5.21 20.35 5.21q10.425 0 18.36-4.47c5.29-2.97 9.43-7.49 12.41-13.56h22.66c-4.3 11.03-11.22 19.52-20.76 25.48-9.54 5.95-20.43 8.92-32.66 8.92-10.81 0-20.68-2.5-29.61-7.52s-16.02-11.99-21.26-20.92c-5.24-8.94-7.85-19.03-7.85-30.28s2.62-21.34 7.85-30.28M676.96 604.02v114.96H658.1V604.02zM761.48 718.98l-26.47-45.99h-14.39v45.99h-18.86V604.02h39.7c8.82 0 16.29 1.55 22.41 4.63 6.12 3.09 10.7 7.23 13.73 12.42 3.03 5.17 4.55 10.97 4.55 17.36q0 11.25-6.54 20.43c-4.35 6.13-11.05 10.3-20.09 12.49l28.45 47.64h-22.5Zm-40.86-61.04h20.84c7.06 0 12.38-1.77 15.96-5.3 3.58-3.52 5.38-8.26 5.38-14.22s-1.77-10.61-5.29-13.98c-3.53-3.36-8.88-5.05-16.05-5.05h-20.84zM807.88 630.97c5.24-8.92 12.35-15.9 21.34-20.92s18.83-7.52 29.53-7.52c12.24 0 23.13 3 32.66 9.01q14.31 9.015 20.76 25.56h-22.66c-2.97-6.06-7.11-10.59-12.41-13.56-5.29-2.99-11.41-4.47-18.36-4.47-7.61 0-14.39 1.72-20.35 5.13s-10.61 8.33-13.98 14.72c-3.36 6.39-5.04 13.84-5.04 22.33s1.68 15.94 5.04 22.33c3.37 6.39 8.03 11.34 13.98 14.81s12.74 5.21 20.35 5.21q10.425 0 18.36-4.47c5.29-2.97 9.43-7.49 12.41-13.56h22.66c-4.3 11.03-11.22 19.52-20.76 25.48-9.54 5.95-20.43 8.92-32.66 8.92-10.81 0-20.68-2.5-29.61-7.52s-16.02-11.99-21.26-20.92c-5.24-8.94-7.85-19.03-7.85-30.28s2.62-21.34 7.85-30.28M953.04 703.76h38.87v15.21h-57.74V604.01h18.86v99.75ZM1026.48 619.23v33.75h39.7v15.39h-39.7v35.23h44.66v15.38h-63.53V603.85h63.53v15.38zM1108.89 594.41c2.33 1.32 4.15 3.15 5.45 5.49s1.95 4.97 1.95 7.92-.65 5.59-1.95 7.92c-1.3 2.34-3.12 4.17-5.45 5.49s-4.98 2-7.92 2-5.59-.67-7.92-2-4.16-3.15-5.48-5.49c-1.33-2.33-1.99-4.97-1.99-7.92s.66-5.58 1.99-7.92c1.32-2.34 3.15-4.17 5.48-5.49s4.98-1.98 7.92-1.98 5.59.66 7.92 1.98m.59 22.1c2.14-2.21 3.2-5.11 3.2-8.69s-1.07-6.48-3.2-8.69c-2.14-2.21-4.98-3.32-8.51-3.32s-6.44 1.11-8.55 3.32c-2.12 2.21-3.17 5.11-3.17 8.69
363s1.05 6.48 3.17 8.69c2.11 2.21 4.96 3.32 8.55 3.32s6.37-1.11 8.51-3.32m-2.54-8.81a4.8 4.8 0 0 1-2.21 1.8l3.9 6.05h-5.6l-3.24-5.53h-.51v5.53h-4.64V599.7h7.44c1.72 0 3.09.48 4.12 1.45 1.03.95 1.54 2.2 1.54 3.71 0 1.08-.27 2.03-.81 2.83Zm-7.66-1.43h2.5c.39 0 .72-.1 1-.33.27-.22.4-.52.4-.92s-.13-.69-.4-.89c-.27-.19-.6-.29-1-.29h-2.5z"/></svg>    </span>
364</a>
365                </div>
366                <div
367                    id="primary-nav"
368                    class="navbar-start is-full-width"
369                    data-test-ref="global-header-primary-menu"
370                    
371                    x-bind:class="'is-' + (!mobileMenuOpen ? 'hidden' : 'flex') + '-touch'"
372                >
373                                            <div
374    class="is-full-width is-flex is-flex-direction-column-touch is-flex-direction-row-desktop is-justify-content-center-desktop"
375>
376    <div class="mobile-nav-search is-flex-touch is-hidden-desktop">
377        <div wire:snapshot="{&quot;data&quot;:{&quot;enabled&quot;:true,&quot;currentFilter&quot;:null,&quot;isProd&quot;:true,&quot;lastPage&quot;:0,&quot;query&quot;:&quot;&quot;,&quot;sitesWithSearchEnabled&quot;:[{&quot;1&quot;:&quot;Artist&#039;s Academy&quot;,&quot;2&quot;:&quot;National Bowling Academy&quot;,&quot;3&quot;:&quot;Creative Cake Design&quot;,&quot;4&quot;:&quot;Classic Car Restoration Club&quot;,&quot;5&quot;:&quot;Creative Crochet Corner&quot;,&quot;6&quot;:&quot;Craftsy&quot;,&quot;7&quot;:&quot;Craftsy Espanol&quot;,&quot;8&quot;:&quot;Fix My Hog&quot;,&quot;9&quot;:&quot;Get Healthy U TV&quot;,&quot;10&quot;:&quot;Craft And Hobby&quot;,&quot;11&quot;:&quot;The Knitting Circle&quot;,&quot;12&quot;:&quot;Model Railroad Academy&quot;,&quot;13&quot;:&quot;Personal Defense Network&quot;,&quot;14&quot;:&quot;Outdoor Photography Guide&quot;,&quot;15&quot;:&quot;National Quilters Circle&quot;,&quot;16&quot;:&quot;RV Lifestyle &amp; Repair&quot;,&quot;17&quot;:&quot;National Sewing Circle&quot;,&quot;18&quot;:&quot;Skill Shack&quot;,&quot;19&quot;:&quot;WoodWorkers Guild of America&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;results&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;filters&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;page&quot;:1,&quot;total&quot;:0,&quot;flippedDesiredSearchFilterOptionsOrder&quot;:[{&quot;class&quot;:0,&quot;video&quot;:1,&quot;article&quot;:2,&quot;purchase-to-own&quot;:3},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;oB9sums3bC3YZY8TKcN3&quot;,&quot;name&quot;:&quot;search.search-results&quot;,&quot;path&quot;:&quot;products\/sewing-classes&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;68f43594ac01afeb9575b08b76176026e6b808f6a85d49b1e24ebe80ffbfc441&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="oB9sums3bC3YZY8TKcN3" class="global-search is-full-width pt-4-touch ">
378    <div>
379        <form
380    role="search"
381    method="get"
382    id="search-form-e56b3c85-37d6-4b8b-b43e-5323fa784fab"
383    class="search-form has-border-radius-50 is-full-width px-2 is-jumbo-search"
384    action="https://www.nationalsewingcircle.com/search"
385    data-test-ref="search-form"
386            x-ref="searchForm"
387        x-on:submit.prevent="submitForm()"
388        x-data="searchFormData"
389        wire:search="search(searchTerm)"
390        x-bind:class="{ 'default-focused-input': focused }"
391        x-init="searchTerm = ''"
392    >
393    <label id="search-form-label-e56b3c85-37d6-4b8b-b43e-5323fa784fab" for="search-form-input-e56b3c85-37d6-4b8b-b43e-5323fa784fab" class="is-sr-only">
394        Site Search
395    </label>
396    <div class="field has-addons is-flex">
397        <div class="input-wrap is-full-width is-relative order-1">
398            <input
399                id="search-form-input-e56b3c85-37d6-4b8b-b43e-5323fa784fab"
400                class="input is-borderless is-shadowless is-full-width font-main-light font-color-child-black is-line-height-font-size pl-0"
401                type="text"
402                name="s"
403                placeholder="What can I help you find?"
404                aria-labelledby="search-form-label-e56b3c85-37d6-4b8b-b43e-5323fa784fab"
405                aria-describedby="site-search-input-field-description-e56b3c85-37d6-4b8b-b43e-5323fa784fab"
406                                    x-model="searchTerm"
407                    x-ref="searchInput"
408                    x-on:focusin="focused = true"
409                    x-on:focusout="focused = false"
410                    x-on:input.debounce.1000ms="
411                        if (!submitting) {
412                            sendGtmEvent();
413                            $dispatch('search');
414                        }
415                    "
416                            />
417            <span id="site-search-input-field-description-e56b3c85-37d6-4b8b-b43e-5323fa784fab" class="is-sr-only">
418                Enter your search term here and press the Search button.
419            </span>
420            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
421        <div class="input-wrap is-flex is-align-items-center">
422            <button
423                    aria-label="Submit search" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase button submit-button is-flex is-align-items-center is-borderless transparent is-transparent" role="button" tabindex="0" type="submit" value="Search" id="search-form-submit-e56b3c85-37d6-4b8b-b43e-5323fa784fab"
424>
425    <span
426    class="svg-icon search black"
427>
428    <!--[if BLOCK]><![endif]-->        <svg title="Search Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" xml:space="preserve"><title>Search Icon</title><path d="m23.7 22.2-6.5-6.5c1.4-1.7 2.1-3.8 2.1-6C19.3 4.3 15 0 9.6 0 4.2 0 0 4.2 0 9.6c0 5.3 4.4 9.7 9.7 9.7 2.2 0 4.4-.8 6-2.1l6.5 6.5c.2.2.5.3.7.3.3 0 .6-.2.7-.3a1 1 0 0 0 .1-1.5zM17.3 9.6a7.6 7.6 0 1 1-15.2 0 7.6 7.6 0 0 1 15.2 0z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
429</button>
430        </div>
431    </div>
432</form>
433
434    
434<script>
435        document.addEventListener('alpine:init', () => {
436            Alpine.data('searchFormData', () => ({
437                focused: false,
438
439                submitting: false,
440
441                searchTerm: '',
442
443                clearSearchAndInput() {
444                    this.$refs.searchInput.focus();
445                    this.searchTerm = '';
446                },
447
448                submitForm() {
449                    this.submitting = true;
450
451                    if (typeof trackEvent === 'function') {
452                        trackEvent('search', { term: this.searchTerm });
453                    }
454
455                    this.$refs.searchForm.submit();
456                },
457            }));
458        });
459    </script>
459
460        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
461    <div class="is-relative">
462        <div wire:loading.class="loading" class="loader-overlay align-top light mt-6">
463            <div class="bulma-loader large"></div>
464        </div>
465        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
466</div>
467    </div>
468
469    <div
470        class="primary-link is-flex is-hidden-touch mx-3 "
471        data-test-ref="primary-links"
472    >
473        <a
474            href="/videos/all"
475            class="is-flex is-align-items-center is-uppercase is-text-decoration-none has-text-white-desktop font-primary-bold has-white-space-nowrap is relative"
476            data-test-ref="primary-link-anchor"
477        >
478            Videos
479        </a>
480    </div>
481    <div
482        class="primary-link is-flex is-hidden-touch mx-3 "
483        data-test-ref="primary-links"
484    >
485        <a
486            href="/classes"
487            class="is-flex is-align-items-center is-uppercase is-text-decoration-none has-text-white-desktop font-primary-bold has-white-space-nowrap is relative"
488            data-test-ref="primary-link-anchor"
489        >
490            Master Courses
491        </a>
492    </div>
493    <div
494        class="primary-link is-flex is-hidden-touch mx-3 "
495        data-test-ref="primary-links"
496    >
497        <a
498            href="/patterns"
499            class="is-flex is-align-items-center is-uppercase is-text-decoration-none has-text-white-desktop font-primary-bold has-white-space-nowrap is relative"
500            data-test-ref="primary-link-anchor"
501        >
502            Patterns
503        </a>
504    </div>
505    <div
506        class="primary-link is-flex is-hidden-touch mx-3 "
507        data-test-ref="primary-links"
508    >
509        <a
510            href="/live-events"
511            class="is-flex is-align-items-center is-uppercase is-text-decoration-none has-text-white-desktop font-primary-bold has-white-space-nowrap is relative"
512            data-test-ref="primary-link-anchor"
513        >
514            Live
515        </a>
516    </div>
517    <div
518        class="primary-link is-flex is-hidden-touch mx-3 "
519        data-test-ref="primary-links"
520    >
521        <a
522            href="/resources"
523            class="is-flex is-align-items-center is-uppercase is-text-decoration-none has-text-white-desktop font-primary-bold has-white-space-nowrap is relative"
524            data-test-ref="primary-link-anchor"
525        >
526            Resources
527        </a>
528    </div>
529    <div
530        class="primary-link is-flex is-hidden-touch mx-3 "
531        data-test-ref="primary-links"
532    >
533        <a
534            href="/shop"
535            class="is-flex is-align-items-center is-uppercase is-text-decoration-none has-text-white-desktop font-primary-bold has-white-space-nowrap is relative"
536            data-test-ref="primary-link-anchor"
537        >
538            Shop
539        </a>
540    </div>
541
542    <div
543    class="mobile-nav is-hidden-desktop"
544    data-test-ref="mobile-nav"
545    x-data="{ activeSection: null, searching: false }"
546    x-on:global-search-state.window="searching = $event.detail.searching"
547    x-show="!searching"
548>
549    <div class="mobile-nav-track" x-bind:class="{ 'is-drilled-in': activeSection !== null }">
550        
551        <div class="mobile-nav-panel" x-bind:inert="activeSection !== null">
552                                                <button
553                        type="button"
554                        id="mobile-nav-section-0"
555                        class="mobile-nav-section "
556                        data-test-ref="mobile-nav-section"
557                        aria-controls="mobile-nav-sub-panel-0"
558                        
559                                                x-on:click="activeSection = 0; $nextTick(() => $refs.back0?.focus({ preventScroll: true }))"
560                        x-bind:aria-expanded="(activeSection === 0).toString()"
561                    >
562                        <span class="mobile-nav-section-title font-primary-bold">Videos</span>
563                        <span
564    aria-hidden="true" class="svg-icon carrot-forward mobile-nav-chevron"
565>
566            <svg focusable="false" viewBox="0 0 12 24" xmlns="http://www.w3.org/2000/svg"><path d="M1.6 23.7c-.4.4-.9.4-1.3.1s-.4-.9-.1-1.3l9.3-10.6L.2 1.5C-.1 1.2-.1.6.3.2c.4-.3 1-.3 1.3.1L12 12z"/></svg>    </span>
567                    </button>
568                                                                <a
569                        href="/classes"
570                        class="mobile-nav-section "
571                        data-test-ref="mobile-nav-section"
572                                            >
573                        <span class="mobile-nav-section-title font-primary-bold">Master Courses</span>
574                    </a>
575                                                                <button
576                        type="button"
577                        id="mobile-nav-section-2"
578                        class="mobile-nav-section "
579                        data-test-ref="mobile-nav-section"
580                        aria-controls="mobile-nav-sub-panel-2"
581                        
582                                                x-on:click="activeSection = 2; $nextTick(() => $refs.back2?.focus({ preventScroll: true }))"
583                        x-bind:aria-expanded="(activeSection === 2).toString()"
584                    >
585                        <span class="mobile-nav-section-title font-primary-bold">Patterns</span>
586                        <span
587    aria-hidden="true" class="svg-icon carrot-forward mobile-nav-chevron"
588>
589            <svg focusable="false" viewBox="0 0 12 24" xmlns="http://www.w3.org/2000/svg"><path d="M1.6 23.7c-.4.4-.9.4-1.3.1s-.4-.9-.1-1.3l9.3-10.6L.2 1.5C-.1 1.2-.1.6.3.2c.4-.3 1-.3 1.3.1L12 12z"/></svg>    </span>
590                    </button>
591                                                                <button
592                        type="button"
593                        id="mobile-nav-section-3"
594                        class="mobile-nav-section "
595                        data-test-ref="mobile-nav-section"
596                        aria-controls="mobile-nav-sub-panel-3"
597                        
598                                                x-on:click="activeSection = 3; $nextTick(() => $refs.back3?.focus({ preventScroll: true }))"
599                        x-bind:aria-expanded="(activeSection === 3).toString()"
600                    >
601                        <span class="mobile-nav-section-title font-primary-bold">Live</span>
602                        <span
603    aria-hidden="true" class="svg-icon carrot-forward mobile-nav-chevron"
604>
605            <svg focusable="false" viewBox="0 0 12 24" xmlns="http://www.w3.org/2000/svg"><path d="M1.6 23.7c-.4.4-.9.4-1.3.1s-.4-.9-.1-1.3l9.3-10.6L.2 1.5C-.1 1.2-.1.6.3.2c.4-.3 1-.3 1.3.1L12 12z"/></svg>    </span>
606                    </button>
607                                                                <button
608                        type="button"
609                        id="mobile-nav-section-4"
610                        class="mobile-nav-section "
611                        data-test-ref="mobile-nav-section"
612                        aria-controls="mobile-nav-sub-panel-4"
613                        
614                                                x-on:click="activeSection = 4; $nextTick(() => $refs.back4?.focus({ preventScroll: true }))"
615                        x-bind:aria-expanded="(activeSection === 4).toString()"
616                    >
617                        <span class="mobile-nav-section-title font-primary-bold">Resources</span>
618                        <span
619    aria-hidden="true" class="svg-icon carrot-forward mobile-nav-chevron"
620>
621            <svg focusable="false" viewBox="0 0 12 24" xmlns="http://www.w3.org/2000/svg"><path d="M1.6 23.7c-.4.4-.9.4-1.3.1s-.4-.9-.1-1.3l9.3-10.6L.2 1.5C-.1 1.2-.1.6.3.2c.4-.3 1-.3 1.3.1L12 12z"/></svg>    </span>
622                    </button>
623                                                                <a
624                        href="/shop"
625                        class="mobile-nav-section "
626                        data-test-ref="mobile-nav-section"
627                                            >
628                        <span class="mobile-nav-section-title font-primary-bold">Shop</span>
629                    </a>
630                                    </div>
631
632        <div class="mobile-nav-panel" x-bind:inert="activeSection === null">
633                            <div id="mobile-nav-sub-panel-0" x-show="activeSection === 0" x-cloak>
634                    <button
635                        type="button"
636                        class="mobile-nav-back"
637                        data-test-ref="mobile-nav-back"
638                        x-ref="back0"
639                        x-on:click="activeSection = null; $nextTick(() => document.getElementById('mobile-nav-section-0')?.focus({ preventScroll: true }))"
640                    >
641                        <span
642    aria-hidden="true" class="svg-icon carrot-back mobile-nav-chevron"
643>
644            <svg focusable="false" viewBox="0 0 12 24" xmlns="http://www.w3.org/2000/svg"><path d="M0 12 10.4.3c.3-.4.9-.4 1.3-.1.4.4.4 1 .1 1.3L2.5 11.9l9.3 10.6c.3.4.3 1-.1 1.3s-.9.3-1.3-.1z"/></svg>    </span>
645                        <span class="mobile-nav-section-title font-primary-bold">Videos</span>
646                    </button>
647
648                                            <a
649                            href="/videos/core-skills"
650                            class="mobile-nav-sub-link "
651                            data-test-ref="mobile-nav-sub-link"
652                                                    >
653                            Core Skills
654                        </a>
655                                            <a
656                            href="/videos/design-elements"
657                            class="mobile-nav-sub-link "
658                            data-test-ref="mobile-nav-sub-link"
659                                                    >
660                            Design Elements
661                        </a>
662                                            <a
663                            href="/videos/finishing-touches"
664                            class="mobile-nav-sub-link "
665                            data-test-ref="mobile-nav-sub-link"
666                                                    >
667                            Finishing Touches
668                        </a>
669                                            <a
670                            href="/videos/tips-and-techniques"
671                            class="mobile-nav-sub-link "
672                            data-test-ref="mobile-nav-sub-link"
673                                                    >
674                            Tips &amp; Techniques
675                        </a>
676                                            <a
677                            href="/videos/all"
678                            class="mobile-nav-sub-link "
679                            data-test-ref="mobile-nav-sub-link"
680                                                    >
681                            All Videos
682                        </a>
683                                            <a
684                            href="/videos/all?filters=access-type%3Afree"
685                            class="mobile-nav-sub-link "
686                            data-test-ref="mobile-nav-sub-link"
687                                                    >
688                            Free Videos
689                        </a>
690                                            <a
691                            href="/videos/all?filters=access-type%3A530251"
692                            class="mobile-nav-sub-link "
693                            data-test-ref="mobile-nav-sub-link"
694                                                    >
695                            Premium Videos
696                        </a>
697                                    </div>
698                            <div id="mobile-nav-sub-panel-2" x-show="activeSection === 2" x-cloak>
699                    <button
700                        type="button"
701                        class="mobile-nav-back"
702                        data-test-ref="mobile-nav-back"
703                        x-ref="back2"
704                        x-on:click="activeSection = null; $nextTick(() => document.getElementById('mobile-nav-section-2')?.focus({ preventScroll: true }))"
705                    >
706                        <span
707    aria-hidden="true" class="svg-icon carrot-back mobile-nav-chevron"
708>
709            <svg focusable="false" viewBox="0 0 12 24" xmlns="http://www.w3.org/2000/svg"><path d="M0 12 10.4.3c.3-.4.9-.4 1.3-.1.4.4.4 1 .1 1.3L2.5 11.9l9.3 10.6c.3.4.3 1-.1 1.3s-.9.3-1.3-.1z"/></svg>    </span>
710                        <span class="mobile-nav-section-title font-primary-bold">Patterns</span>
711                    </button>
712
713                                            <a
714                            href="/patterns/apparel"
715                            class="mobile-nav-sub-link "
716                            data-test-ref="mobile-nav-sub-link"
717                                                    >
718                            Apparel
719                        </a>
720                                            <a
721                            href="/patterns/accessories-home"
722                            class="mobile-nav-sub-link "
723                            data-test-ref="mobile-nav-sub-link"
724                                                    >
725                            Accessories &amp; Home
726                        </a>
727                                    </div>
728                            <div id="mobile-nav-sub-panel-3" x-show="activeSection === 3" x-cloak>
729                    <button
730                        type="button"
731                        class="mobile-nav-back"
732                        data-test-ref="mobile-nav-back"
733                        x-ref="back3"
734                        x-on:click="activeSection = null; $nextTick(() => document.getElementById('mobile-nav-section-3')?.focus({ preventScroll: true }))"
735                    >
736                        <span
737    aria-hidden="true" class="svg-icon carrot-back mobile-nav-chevron"
738>
739            <svg focusable="false" viewBox="0 0 12 24" xmlns="http://www.w3.org/2000/svg"><path d="M0 12 10.4.3c.3-.4.9-.4 1.3-.1.4.4.4 1 .1 1.3L2.5 11.9l9.3 10.6c.3.4.3 1-.1 1.3s-.9.3-1.3-.1z"/></svg>    </span>
740                        <span class="mobile-nav-section-title font-primary-bold">Live</span>
741                    </button>
742
743                                            <a
744                            href="/videos/all-live-events"
745                            class="mobile-nav-sub-link "
746                            data-test-ref="mobile-nav-sub-link"
747                                                    >
748                            All Live
749                        </a>
750                                            <a
751                            href="/videos/nsc-live"
752                            class="mobile-nav-sub-link "
753                            data-test-ref="mobile-nav-sub-link"
754                                                    >
755                            Live Q&amp;A
756                        </a>
757                                            <a
758                            href="/videos/nsc-gold-live"
759                            class="mobile-nav-sub-link "
760                            data-test-ref="mobile-nav-sub-link"
761                                                    >
762                            NSC GOLD Live
763                        </a>
764                                    </div>
765                            <div id="mobile-nav-sub-panel-4" x-show="activeSection === 4" x-cloak>
766                    <button
767                        type="button"
768                        class="mobile-nav-back"
769                        data-test-ref="mobile-nav-back"
770                        x-ref="back4"
771                        x-on:click="activeSection = null; $nextTick(() => document.getElementById('mobile-nav-section-4')?.focus({ preventScroll: true }))"
772                    >
773                        <span
774    aria-hidden="true" class="svg-icon carrot-back mobile-nav-chevron"
775>
776            <svg focusable="false" viewBox="0 0 12 24" xmlns="http://www.w3.org/2000/svg"><path d="M0 12 10.4.3c.3-.4.9-.4 1.3-.1.4.4.4 1 .1 1.3L2.5 11.9l9.3 10.6c.3.4.3 1-.1 1.3s-.9.3-1.3-.1z"/></svg>    </span>
777                        <span class="mobile-nav-section-title font-primary-bold">Resources</span>
778                    </button>
779
780                                            <a
781                            href="/articles/blog"
782                            class="mobile-nav-sub-link "
783                            data-test-ref="mobile-nav-sub-link"
784                                                    >
785                            All Articles
786                        </a>
787                                            <a
788                            href="/free-sewing-patterns"
789                            class="mobile-nav-sub-link "
790                            data-test-ref="mobile-nav-sub-link"
791                                                    >
792                            Free Patterns
793                        </a>
794                                            <a
795                            href="/articles/tips-and-ideas"
796                            class="mobile-nav-sub-link "
797                            data-test-ref="mobile-nav-sub-link"
798                                                    >
799                            Tips &amp; Ideas
800                        </a>
801                                            <a
802                            href="/articles/sewing-supplies"
803                            class="mobile-nav-sub-link "
804                            data-test-ref="mobile-nav-sub-link"
805                                                    >
806                            Sewing Supplies
807                        </a>
808                                            <a
809                            href="/post/show-us-your-project"
810                            class="mobile-nav-sub-link "
811                            data-test-ref="mobile-nav-sub-link"
812                                                    >
813                            Project Gallery
814                        </a>
815                                            <a
816                            href="/how-to-stream-to-your-tv"
817                            class="mobile-nav-sub-link "
818                            data-test-ref="mobile-nav-sub-link"
819                                                    >
820                            Stream to Your TV
821                        </a>
822                                    </div>
823                    </div>
824    </div>
825
826    <div class="mobile-nav-footer" data-test-ref="mobile-nav-footer">
827        <a class="mobile-nav-promo" href="https://www.nationalsewingcircle.com?vscid=A68048&amp;add-to-cart-multi=1&amp;products=611&amp;skipcart=1" data-test-ref="mobile-nav-promo">
828    <span class="mobile-nav-promo-copy">
829        <span class="mobile-nav-promo-headline font-primary-bold">Unlock hundreds of sewing videos &amp; patterns</span>
830        <span class="mobile-nav-promo-price">Just $1.76 for a whole year</span>
831    </span>
832    <span
833    aria-hidden="true" class="svg-icon arrow-forward mobile-nav-promo-arrow"
834>
835            <svg focusable="false" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><path d="M18 .4c-.5-.5-1.4-.5-1.9 0s-.5 1.4 0 1.9l8.2 8h-23c-.7 0-1.3.6-1.3 1.3s.6 1.3 1.3 1.3h23.9l-9.1 8.8c-.5.5-.5 1.4 0 1.9.3.3.6.4 1 .4.3 0 .7-.1.9-.4L30 12z"/></svg>    </span>
836</a>
837
838        
839        <div class="mobile-nav-account">
840                            <button
841                    aria-label="Sign In" class="is-cursor-pointer is-transparent is-borderless has-text-primary font-main is-shadowless p-0 is-height-auto is-inherit button account-login-trigger is-size-6" role="button" tabindex="0" type="button" aria-controls="login-modal" @click.prevent="$store.showLoginModal = true" x-bind:aria-expanded="$store.showLoginModal.toString()" data-test-ref="mobile-nav-account-button"
842>
843    Sign In
844</button>
845                    </div>
846    </div>
847</div>
848</div>
849                                    </div>
850
851                <div class="navbar-end is-flex is-align-items-center is-justify-content-end">
852                                            <div class="navbar-item is-flex is-justify-content-end is-hidden-touch">
853                            <div
854    class="is-flex is-align-items-center"
855    x-data="{
856        show: false,
857        toggleSearch: function () {
858            this.show = !this.show;
859            document.body.classList.toggle('has-open-search-modal');
860        },
861        closeSearch: function () {
862            this.show = false;
863            document.body.classList.remove('has-open-search-modal');
864        },
865    }"
866>
867    <button
868                    aria-label="Open Search Modal" class="is-cursor-pointer is-transparent is-borderless py-2 is-height-auto is-uppercase button search-dropdown-toggle" role="button" tabindex="0" type="button" @click="toggleSearch()" @keyup.escape.window="closeSearch()" aria-controls="global-search-dialog" x-bind:aria-expanded="show" data-test-ref="global-nav-desktop-search-icon"
869>
870    <span
871    class="svg-icon search white is-flex is-align-items-center"
872>
873            <svg title="Search Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" xml:space="preserve"><title>Search Icon</title><path d="m23.7 22.2-6.5-6.5c1.4-1.7 2.1-3.8 2.1-6C19.3 4.3 15 0 9.6 0 4.2 0 0 4.2 0 9.6c0 5.3 4.4 9.7 9.7 9.7 2.2 0 4.4-.8 6-2.1l6.5 6.5c.2.2.5.3.7.3.3 0 .6-.2.7-.3a1 1 0 0 0 .1-1.5zM17.3 9.6a7.6 7.6 0 1 1-15.2 0 7.6 7.6 0 0 1 15.2 0z"/></svg>    </span>
874</button>
875    <div
876        x-cloak
877        x-show="show"
878        x-trap="show"
879        role="dialog"
880        aria-modal="true"
881        id="global-search-dialog"
882        aria-label="Search Modal"
883        class="search-dropdown container is-fluid"
884        data-test-ref="global-nav-desktop-search-modal"
885    >
886        <div class="is-relative pt-7">
887            <button
888                    aria-label="Close Search Modal" class="is-cursor-pointer is-transparent is-borderless py-2 is-height-auto is-uppercase button search-dropdown-toggle close" role="button" tabindex="0" type="button" @click="closeSearch()" data-test-ref="global-nav-desktop-search-modal-close"
889>
890    <span
891    class="svg-icon close-thin small-plus"
892>
893            <svg title="Close Thin Icon" role="img" id="icon-close-thin" version="1.1" viewBox="0 0 185.20832 185.20832" xmlns="http://www.w3.org/2000/svg"  xmlns:svg="http://www.w3.org/2000/svg"><title>Close Thin Icon</title><g id="layer1" transform="translate(244.17261,202.68451)"><g id="g2246" transform="translate(1239.703,-165.92092)"><path d="m -1479.1986,143.76773 175.8543,-175.854357" id="path1419" style="fill:none;stroke:#666;stroke-width:9.26041603;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"></path><path d="m -1479.1986,-32.086627 175.8543,175.854387" id="path1421" style="fill:none;stroke:#666;stroke-width:9.26041603;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"></path></g></g></svg>    </span>
894</button>
895            <div class="pt-4">
896                <div wire:snapshot="{&quot;data&quot;:{&quot;enabled&quot;:true,&quot;currentFilter&quot;:null,&quot;isProd&quot;:true,&quot;lastPage&quot;:0,&quot;query&quot;:&quot;&quot;,&quot;sitesWithSearchEnabled&quot;:[{&quot;1&quot;:&quot;Artist&#039;s Academy&quot;,&quot;2&quot;:&quot;National Bowling Academy&quot;,&quot;3&quot;:&quot;Creative Cake Design&quot;,&quot;4&quot;:&quot;Classic Car Restoration Club&quot;,&quot;5&quot;:&quot;Creative Crochet Corner&quot;,&quot;6&quot;:&quot;Craftsy&quot;,&quot;7&quot;:&quot;Craftsy Espanol&quot;,&quot;8&quot;:&quot;Fix My Hog&quot;,&quot;9&quot;:&quot;Get Healthy U TV&quot;,&quot;10&quot;:&quot;Craft And Hobby&quot;,&quot;11&quot;:&quot;The Knitting Circle&quot;,&quot;12&quot;:&quot;Model Railroad Academy&quot;,&quot;13&quot;:&quot;Personal Defense Network&quot;,&quot;14&quot;:&quot;Outdoor Photography Guide&quot;,&quot;15&quot;:&quot;National Quilters Circle&quot;,&quot;16&quot;:&quot;RV Lifestyle &amp; Repair&quot;,&quot;17&quot;:&quot;National Sewing Circle&quot;,&quot;18&quot;:&quot;Skill Shack&quot;,&quot;19&quot;:&quot;WoodWorkers Guild of America&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;results&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;filters&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;page&quot;:1,&quot;total&quot;:0,&quot;flippedDesiredSearchFilterOptionsOrder&quot;:[{&quot;class&quot;:0,&quot;video&quot;:1,&quot;article&quot;:2,&quot;purchase-to-own&quot;:3},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;CV97dw8l1AmHyJvv4HNV&quot;,&quot;name&quot;:&quot;search.search-results&quot;,&quot;path&quot;:&quot;products\/sewing-classes&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;3758db699321f51762599e0190bd7e5baa0559e451718ff671ba29492b8fda2b&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="CV97dw8l1AmHyJvv4HNV" class="global-search is-full-width pt-4-touch ">
897    <div>
898        <form
899    role="search"
900    method="get"
901    id="search-form-ed7ccc20-1b59-4a89-b626-4f6512d998c7"
902    class="search-form has-border-radius-50 is-full-width px-2 is-jumbo-search"
903    action="https://www.nationalsewingcircle.com/search"
904    data-test-ref="search-form"
905            x-ref="searchForm"
906        x-on:submit.prevent="submitForm()"
907        x-data="searchFormData"
908        wire:search="search(searchTerm)"
909        x-bind:class="{ 'default-focused-input': focused }"
910        x-init="searchTerm = ''"
911    >
912    <label id="search-form-label-ed7ccc20-1b59-4a89-b626-4f6512d998c7" for="search-form-input-ed7ccc20-1b59-4a89-b626-4f6512d998c7" class="is-sr-only">
913        Site Search
914    </label>
915    <div class="field has-addons is-flex">
916        <div class="input-wrap is-full-width is-relative order-1">
917            <input
918                id="search-form-input-ed7ccc20-1b59-4a89-b626-4f6512d998c7"
919                class="input is-borderless is-shadowless is-full-width font-main-light font-color-child-black is-line-height-font-size pl-0"
920                type="text"
921                name="s"
922                placeholder="What can I help you find?"
923                aria-labelledby="search-form-label-ed7ccc20-1b59-4a89-b626-4f6512d998c7"
924                aria-describedby="site-search-input-field-description-ed7ccc20-1b59-4a89-b626-4f6512d998c7"
925                                    x-model="searchTerm"
926                    x-ref="searchInput"
927                    x-on:focusin="focused = true"
928                    x-on:focusout="focused = false"
929                    x-on:input.debounce.1000ms="
930                        if (!submitting) {
931                            sendGtmEvent();
932                            $dispatch('search');
933                        }
934                    "
935                            />
936            <span id="site-search-input-field-description-ed7ccc20-1b59-4a89-b626-4f6512d998c7" class="is-sr-only">
937                Enter your search term here and press the Search button.
938            </span>
939            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
940        <div class="input-wrap is-flex is-align-items-center">
941            <button
942                    aria-label="Submit search" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase button submit-button is-flex is-align-items-center is-borderless transparent is-transparent" role="button" tabindex="0" type="submit" value="Search" id="search-form-submit-ed7ccc20-1b59-4a89-b626-4f6512d998c7"
943>
944    <span
945    class="svg-icon search black"
946>
947    <!--[if BLOCK]><![endif]-->        <svg title="Search Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" xml:space="preserve"><title>Search Icon</title><path d="m23.7 22.2-6.5-6.5c1.4-1.7 2.1-3.8 2.1-6C19.3 4.3 15 0 9.6 0 4.2 0 0 4.2 0 9.6c0 5.3 4.4 9.7 9.7 9.7 2.2 0 4.4-.8 6-2.1l6.5 6.5c.2.2.5.3.7.3.3 0 .6-.2.7-.3a1 1 0 0 0 .1-1.5zM17.3 9.6a7.6 7.6 0 1 1-15.2 0 7.6 7.6 0 0 1 15.2 0z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
948</button>
949        </div>
950    </div>
951</form>
952
953        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
954    <div class="is-relative">
955        <div wire:loading.class="loading" class="loader-overlay align-top light mt-6">
956            <div class="bulma-loader large"></div>
957        </div>
958        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
959</div>
960            </div>
961        </div>
962    </div>
963</div>
964                        </div>
965                    
966                                            <div class="navbar-item is-flex is-justify-content-end pr-5-widescreen">
967                            <div wire:snapshot="{&quot;data&quot;:{&quot;cartCount&quot;:0},&quot;memo&quot;:{&quot;id&quot;:&quot;G6bXQ8VeZR1BEfLfEF7O&quot;,&quot;name&quot;:&quot;global-header.cart&quot;,&quot;path&quot;:&quot;products\/sewing-classes&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;6562c22d215690b1e07df64f8643d61852f65aa8166c4920c6b412806ee6959a&quot;}" wire:effects="{&quot;partials&quot;:[],&quot;listeners&quot;:[&quot;cart-updated&quot;]}" wire:id="G6bXQ8VeZR1BEfLfEF7O" wire:init="updateCartCount" class="is-relative is-flex is-align-items-center">
968    <a href="https://www.nationalsewingcircle.com/cart" data-test-ref="global-nav-cart-icon">
969        <span
970    data-test-ref="top-nav-cart-icon" aria-hidden="true" class="svg-icon cart white is-flex is-align-items-center"
971>
972    <!--[if BLOCK]><![endif]-->        <svg title="Cart Icon" role="img" title="Cart Icon SVG" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.1 26"><title>Cart Icon</title><path d="M20.2 6.4h-4.7V5c0-2.8-2.2-5-5-5s-5 2.2-5 5v1.4H.9L0 26h21.1l-.9-19.6zM7.6 5c0-1.7 1.3-3 3-3s3 1.3 3 3v1.4h-6V5zM2.1 24l.7-15.6h2.8v2.2c0 .6.4 1 1 1s1-.4 1-1V8.4h5.9v2.2c0 .6.4 1 1 1s1-.4 1-1V8.4h2.8L19 24H2.1z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
973        <span class="is-sr-only">Cart</span>
974        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </a>
975</div>
976                        </div>
977                    
978                                            <div class="navbar-item is-flex is-justify-content-end">
979                            <div
980    class="account-nav-wrap has-white-space-nowrap is-flex is-align-items-stretch"
981    x-data="{ accountNavOpen: false }"
982    @scroll.window="accountNavOpen = false"
983    data-test-ref="account-dropdown-toggle"
984>
985            <button
986                    aria-label="SIGN IN" class="is-cursor-pointer is-transparent is-borderless has-text-primary font-main is-shadowless p-0 is-height-auto is-inherit button account-login-trigger is-size-6 is-line-height-font-size font-main-bold has-text-white" role="button" tabindex="0" type="button" aria-controls="login-modal" @click.prevent="$store.showLoginModal = true" x-bind:aria-expanded="$store.showLoginModal.toString()" id="login-link-my-account" data-test-ref="global-nav-logged-out-account-icon"
987>
988    <span>SIGN IN</span>
989</button>
990    </div>
991                        </div>
992                    
993                    
994                </div>
995            </div>
996        </div>
997    </nav>
998    <div
999        role="status"
1000        aria-live="polite"
1001        x-cloak
1002        x-show="userNotification"
1003        data-test-ref="user-notification-bar"
1004        class="has-text-white has-background-black py-4 is-relative"
1005    >
1006        <span class="is-flex is-justify-content-center is-align-items-center">
1007            <span
1008    class="svg-icon info-filled pref-center-icon white small"
1009>
1010            <svg title="Info Filled Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 -8 528 528"><title>Info Filled Icon</title><path d="M264 456q-54 0-100-27t-73-73q-27-46-27-100t27-100q27-46 73-73t100-27q54 0 100 27t73 73q27 46 27 100t-27 100q-27 46-73 73t-100 27Zm32-248v-64h-64v64h64Zm0 160V240h-64v128h64Z"/></svg>    </span>
1011            <span x-text="userNotification"></span>
1012        </span>
1013    </div>
1014</div>
1015
1016    
1017                
1018                    
1019                <main id="content" tabindex="-1">
1020        <div class="container is-fluid">
1021            
1022                            <header class="article-header mt-6">
1023                    <h1 data-test-ref="page-title" class="page-title">Sewing Classes</h1>
1024                </header>
1025            
1026            <section>
1027                    <div wire:snapshot="{&quot;data&quot;:{&quot;category&quot;:&quot;sewing-classes&quot;,&quot;tag&quot;:null,&quot;productTypes&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;postIn&quot;:null,&quot;showPrices&quot;:true,&quot;orderBy&quot;:&quot;post_date-desc&quot;,&quot;filters&quot;:[{&quot;tag&quot;:[{&quot;title&quot;:&quot;Content Topic&quot;,&quot;options&quot;:[{&quot;alterations&quot;:[&quot;Alterations&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;baby-projects&quot;:[&quot;Baby Projects&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;bags&quot;:[&quot;Bags&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;dresses&quot;:[&quot;Dresses&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;embroidery&quot;:[&quot;Embroidery&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;fabric-know-how&quot;:[&quot;Fabric Know-How&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;gift-ideas&quot;:[&quot;Gift Ideas&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;home-decor&quot;:[&quot;Home Decor&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;jackets-coats&quot;:[&quot;Jackets &amp; Coats&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;needles-thread&quot;:[&quot;Needles &amp; Thread&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;other-notions-tools&quot;:[&quot;Other Notions &amp; Tools&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;patternmaking&quot;:[&quot;Patternmaking&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;serging&quot;:[&quot;Serging&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;sewing-machine-basics&quot;:[&quot;Sewing Machine Basics&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;sewing-tips&quot;:[&quot;Sewing Tips&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;sewing-with-knits&quot;:[&quot;Sewing With Knits&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;shirts-tops&quot;:[&quot;Shirts &amp; Tops&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;skirts-pants&quot;:[&quot;Skirts &amp; Pants&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;specialty-fabrics&quot;:[&quot;Specialty Fabrics&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;zippers&quot;:[&quot;Zippers&quot;,{&quot;s&quot;:&quot;str&quot;}]},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}],&quot;instructor&quot;:[{&quot;title&quot;:&quot;Instructor&quot;,&quot;options&quot;:[{&quot;30129&quot;:&quot;Ashley Hough&quot;,&quot;36975&quot;:&quot;Aurora Sisneros&quot;,&quot;222368&quot;:&quot;Candie Cooper and Katie Hacker&quot;,&quot;14508&quot;:&quot;Jessica Giardino&quot;,&quot;220160&quot;:&quot;Linda Lee&quot;,&quot;252711&quot;:&quot;Mary Beth Temple&quot;,&quot;42935&quot;:&quot;Nicki LaFoille&quot;,&quot;220176&quot;:&quot;Suzy Furrer&quot;,&quot;31743&quot;:&quot;ZJ Humbach&quot;},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}],&quot;price&quot;:[{&quot;title&quot;:&quot;Price to Own&quot;,&quot;options&quot;:[{&quot;.01-9.99&quot;:&quot;Under $9.99&quot;,&quot;10.00-19.99&quot;:&quot;$10.00 - $19.99&quot;},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}],&quot;selectedFilterList&quot;:null,&quot;selectedFilters&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;itemCount&quot;:24,&quot;page&quot;:1,&quot;perPage&quot;:24,&quot;results&quot;:[{&quot;23&quot;:[{&quot;ID&quot;:952633,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Sew a Sporty Racerback Tank&quot;,&quot;slug&quot;:&quot;sew-a-sporty-racerback-tank&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/sew-a-sporty-racerback-tank&quot;,&quot;excerpt_filtered&quot;:&quot;Learn how to cut and stitch a racerback tank top with a built-in shelf bra, which provides comfort and support, with the convenience of being part of the garment. Using...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Nicki LaFoille&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2026\/04\/01115213\/Sew-a-Sporty-Racerback-Tank_notext-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2026-08-26 08:11:17&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/sew-a-sporty-racerback-tank&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;22&quot;:[{&quot;ID&quot;:951585,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Beyond the Basics: Advanced Fanny Pack Design and Assembly&quot;,&quot;slug&quot;:&quot;beyond-the-basics-advanced-fanny-pack-design-and-assembly&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/beyond-the-basics-advanced-fanny-pack-design-and-assembly&quot;,&quot;excerpt_filtered&quot;:&quot;Learn how to create a custom fanny pack with decorative elements on the front zippered pocket. The bag finishes at 8\u201dx5\u201dx2\u201d and features a mesh inside pocket. Using the pattern...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Nicki LaFoille&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2026\/02\/17090806\/Beyond-the-Basics-Advanced-Fanny-Pack-Design-and-Assembly_notext-1-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2026-08-26 08:12:27&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/beyond-the-basics-advanced-fanny-pack-design-and-assembly&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;21&quot;:[{&quot;ID&quot;:946986,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Sew Skirts Without a Pattern: A Step-by-Step Class&quot;,&quot;slug&quot;:&quot;sew-skirts-without-a-pattern-a-step-by-step-class&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/sew-skirts-without-a-pattern-a-step-by-step-class&quot;,&quot;excerpt_filtered&quot;:&quot;A lot of folks get into sewing because they want to make clothes for themselves, but sometimes it can be a little overwhelming to find and prep a paper pattern....&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Mary Beth Temple&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/12\/04100635\/Sew_Skirts_Without_a_Pattern_A_Step-by-Step_Class_notext-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2026-08-26 08:13:13&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/sew-skirts-without-a-pattern-a-step-by-step-class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;20&quot;:[{&quot;ID&quot;:942681,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Sew a Dual-Duty Weekend Tote &amp;amp; Machine Carrier&quot;,&quot;slug&quot;:&quot;sew-a-dual-duty-weekend-tote-machine-carrier&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/sew-a-dual-duty-weekend-tote-machine-carrier&quot;,&quot;excerpt_filtered&quot;:&quot;Learn how to make a duffel-type travel bag that can also double as a sewing machine bag. The bag measures 19\u201dx13 \u00bd\u201dx8\u201d when finished, which fits most home sewing machines,...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Nicki LaFoille&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141221\/Sew-a-Dual-Duty-Weekend-Tote-Machine-Carrier_notext-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2026-08-26 08:14:00&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/sew-a-dual-duty-weekend-tote-machine-carrier&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;19&quot;:[{&quot;ID&quot;:942041,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Sew a Stylish Cross-Body Bag&quot;,&quot;slug&quot;:&quot;sew-a-stylish-cross-body-bag&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/sew-a-stylish-cross-body-bag&quot;,&quot;excerpt_filtered&quot;:&quot;Learn how to make a trendy cross-body sling style bag in this class with Nicki LaFoille. Download the pattern for the bag, which measures approximately 13\u201d tall by 8\u201d wide...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Nicki LaFoille&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141218\/SEW_Sew_a_Stylish_Cross-Body_Bag_LaFoille_notext-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2026-08-26 08:14:46&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/sew-a-stylish-cross-body-bag&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;18&quot;:[{&quot;ID&quot;:939263,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Make a Memory Bear from a Quilt: Learn Sewing Techniques for a Sentimental Keepsake&quot;,&quot;slug&quot;:&quot;make-a-memory-bear-from-a-quilt&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/make-a-memory-bear-from-a-quilt&quot;,&quot;excerpt_filtered&quot;:&quot;While this pattern will work with any sort of heavy fabric, it is exceptional in quilted fabric, whether something you made from scratch or something you salvaged from the thrift...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Mary Beth Temple&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141214\/SEW_Make_a_Memory_Bear_From_a_Quilt_Temple_notext-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2025-10-23 14:17:10&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/make-a-memory-bear-from-a-quilt&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;17&quot;:[{&quot;ID&quot;:939085,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Textile Art: Create One-of-a-Kind Fabric
1027 with Markers, Paint, Acid Dyes &amp;amp; Cyanotype&quot;,&quot;slug&quot;:&quot;textile-art&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/textile-art&quot;,&quot;excerpt_filtered&quot;:&quot;Sometimes we have a vision in our heads of the perfect fabric for our quilts, art piece, cosplay or garment and we just can\u2019t find it! In this class we...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Mary Beth Temple&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141211\/SEW_Textile_Art_Temple_Titlecard_notext-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2025-10-23 14:17:27&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/textile-art&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;16&quot;:[{&quot;ID&quot;:937556,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Sashiko Embroidery Masterclass: Traditional Japanese Techniques for Modern Sewing&quot;,&quot;slug&quot;:&quot;sashiko-embroidery-masterclass&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/sashiko-embroidery-masterclass&quot;,&quot;excerpt_filtered&quot;:&quot;Welcome to this class on Sashiko and Boro embroidery techniques. In this course, we\u2019ll dive into the beautiful artistry behind these traditional Japanese stitching methods. Sashiko, meaning \&quot;little stabs,\&quot; involves...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Mary Beth Temple&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141207\/SEW_Sashiko_Embroidery_Masterclass_Temple_titlecard_notext-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2025-10-23 14:17:39&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/sashiko-embroidery-masterclass&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;15&quot;:[{&quot;ID&quot;:934737,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Make a Cozy Coat from Thrifted Quilts: Draft Your Own Pattern and Add Creative Closures&quot;,&quot;slug&quot;:&quot;make-a-cozy-coat-from-thrifted-quilts-draft-your-own-pattern-and-add-creative-closures&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/make-a-cozy-coat-from-thrifted-quilts-draft-your-own-pattern-and-add-creative-closures&quot;,&quot;excerpt_filtered&quot;:&quot;Learn to make quilt coat without a commercial pattern \u2013 ensuring a custom fit and making each quilt coat you make as unique as you are!&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Mary Beth Temple&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141204\/SEW_Make_a_Cozy_Coat_from_Thrifted_Quilts_Temple_titlecard_notext-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2025-10-23 14:17:54&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/make-a-cozy-coat-from-thrifted-quilts-draft-your-own-pattern-and-add-creative-closures&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;14&quot;:[{&quot;ID&quot;:934715,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Thrift Flipping: How to Upcycle Fashion Finds&quot;,&quot;slug&quot;:&quot;thrift-flipping-how-to-upcycle-fashion-finds&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/thrift-flipping-how-to-upcycle-fashion-finds&quot;,&quot;excerpt_filtered&quot;:&quot;If you are looking for unique ways to add to your wardrobe without breaking the bank, upcycling thrifted clothing items and following along with some of our best tips and...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Mary Beth Temple&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141201\/SEW_Thrift-Flipping-How-to-Upcycle-Fashion-Finds_Temple_notext-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2025-10-23 14:18:06&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/thrift-flipping-how-to-upcycle-fashion-finds&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;13&quot;:[{&quot;ID&quot;:934707,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Leather &amp;amp; Vinyl Sewing for Beginners&quot;,&quot;slug&quot;:&quot;leather-vinyl-sewing-for-beginners&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/leather-vinyl-sewing-for-beginners&quot;,&quot;excerpt_filtered&quot;:&quot;Learn the art of sewing with leather and vinyl in this hands-on class designed for all skill levels. Whether you&#039;re looking to add stunning embellishments to your projects or create...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Mary Beth Temple&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141158\/SEW_Leather_and_Vinyl_Sewing_for_Beginners_Temple_titlecard_notext-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2025-10-23 14:18:16&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/leather-vinyl-sewing-for-beginners&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;12&quot;:[{&quot;ID&quot;:930928,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Altering Commercial Patterns for a Custom Designed Look&quot;,&quot;slug&quot;:&quot;altering-commercial-patterns-for-a-custom-designed-look&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/altering-commercial-patterns-for-a-custom-designed-look&quot;,&quot;excerpt_filtered&quot;:&quot;In this class, Nicki LaFoille teaches you how to alter commercial patterns to achieve different design styles. Learn how to alter a skirt pattern to change the silhouette, plus add...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Nicki LaFoille&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141154\/Altering-Commercials-Patterns-for-a-Custom-Designed-Look_notext-1-1-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2025-10-23 14:18:32&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/altering-commercial-patterns-for-a-custom-designed-look&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;11&quot;:[{&quot;ID&quot;:930421,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Pattern Free Garments&quot;,&quot;slug&quot;:&quot;pattern-free-garments&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/pattern-free-garments&quot;,&quot;excerpt_filtered&quot;:&quot;In this class, you will learn how to skip the traditional pattern and create two garments using simple measurements from your body. You will learn how to make a knit...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Nicki LaFoille&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141151\/Pattern-Free-Garments_notext-1-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2025-10-23 14:18:47&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/pattern-free-garments&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;10&quot;:[{&quot;ID&quot;:929490,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Divider Tote&quot;,&quot;slug&quot;:&quot;divider-tote&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/divider-tote&quot;,&quot;excerpt_filtered&quot;:&quot;Making purses, totes and handbags is a great way to practice your sewing skills, use fun fabrics, and create something beautiful and functional.&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Nicki LaFoille&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141117\/Divider-Tote_notext-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2025-10-23 14:19:02&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/divider-tote&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;9&quot;:[{&quot;ID&quot;:925864,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Copying Ready to Wear: The Cutting Method&quot;,&quot;slug&quot;:&quot;
1027copying-ready-to-wear-the-cutting-method&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/copying-ready-to-wear-the-cutting-method&quot;,&quot;excerpt_filtered&quot;:&quot;The most accurate way to copy ready to wear is to cut up a garment and create a pattern from those cut pieces. Join me while I show you how...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Suzy Furrer&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141115\/Copying-Ready-to-Wear-The-Cutting-Method-1-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2025-10-23 14:19:13&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/copying-ready-to-wear-the-cutting-method&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;8&quot;:[{&quot;ID&quot;:925741,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Pressing Tools&quot;,&quot;slug&quot;:&quot;pressing-tools&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/pressing-tools&quot;,&quot;excerpt_filtered&quot;:&quot;Having the right pressing tools, and learning to press properly, are the most productive and inexpensive ways to elevate the look of your sewn garments to the professional level.&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Suzy Furrer&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141111\/Pressing-Tools-2-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2025-10-23 14:19:34&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/pressing-tools&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;7&quot;:[{&quot;ID&quot;:900439,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Knit Know-How + Cowl Neck Sweatshirt&quot;,&quot;slug&quot;:&quot;knit-know-how-cowl-neck-sweatshirt&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/knit-know-how-cowl-neck-sweatshirt&quot;,&quot;excerpt_filtered&quot;:&quot;A cozy sweatshirt is a must-have for chilly weather, and this unique pattern combines function and style with pockets and professional details, such as grommets, a cowl neck, and topstitching.&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Nicki LaFoille&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141023\/Knit-Know-How-Cowl-Neck-Sweatshirt-1-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2025-10-23 14:25:51&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/knit-know-how-cowl-neck-sweatshirt&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;6&quot;:[{&quot;ID&quot;:896952,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Combining Knit and Woven Fabric&quot;,&quot;slug&quot;:&quot;combining-knit-and-woven-fabric&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/combining-knit-and-woven-fabric&quot;,&quot;excerpt_filtered&quot;:&quot;Lounge pants are a staple in any wardrobe, whether they\u2019re for rainy days at home, a stroll around the block, or a quick trip to the grocery store. With the...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Nicki LaFoille&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141013\/Combining-Knit-and-Woven-Fabr
1027ic_titlecard-1-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2025-10-23 14:26:10&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/combining-knit-and-woven-fabric&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;5&quot;:[{&quot;ID&quot;:892518,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Hands On Crafts for Kids: The Artist in You!&quot;,&quot;slug&quot;:&quot;hands-on-crafts-for-kids-the-artist-in-you&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/hands-on-crafts-for-kids-the-artist-in-you&quot;,&quot;excerpt_filtered&quot;:&quot;Join us this season as we celebrate the artist in you! Along with all of our great craft projects we\u2019re also adding art and design techniques. Candie Cooper and Katie...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Candie Cooper and Katie Hacker&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141005\/HOC1600_The_Artist_in_You_16x9-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2025-10-23 14:33:56&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:7,&quot;regular_price&quot;:29.99,&quot;sale_price&quot;:7,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/hands-on-crafts-for-kids-the-artist-in-you&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;4&quot;:[{&quot;ID&quot;:891279,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Backpack Basics: Construct &amp;amp; Customize&quot;,&quot;slug&quot;:&quot;backpack-basics-construct-customize&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/backpack-basics-construct-customize&quot;,&quot;excerpt_filtered&quot;:&quot;In this class you\u2019ll learn about many types of bag hardware, including tension locks, sliders, D rings, clasps, magnetic snaps and eyelets.&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Nicki LaFoille&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141002\/Title-card-5-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2026-04-17 11:33:24&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/backpack-basics-construct-customize&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;3&quot;:[{&quot;ID&quot;:887049,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Hands On Crafts for Kids: Be Creative&quot;,&quot;slug&quot;:&quot;hands-on-crafts-for-kids-be-creative&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/hands-on-crafts-for-kids-be-creative&quot;,&quot;excerpt_filtered&quot;:&quot;Let\u2019s get creative. We just have to look around us each day to get great ideas for fun family crafts.&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Candie Cooper and Katie Hacker&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23140955\/HOC1800_Be_Creative_16x9-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2025-10-23 14:34:54&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:7,&quot;regular_price&quot;:29.99,&quot;sale_price&quot;:7,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/hands-on-crafts-for-kids-be-creative&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;2&quot;:[{&quot;ID&quot;:886944,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Hands On Crafts for Kids: A Fresh Look&quot;,&quot;slug&quot;:&quot;hands-on-crafts-for-kids-a-fresh-look&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/hands-on-crafts-for-kids-a-fresh-look&quot;,&quot;excerpt_filtered&quot;:&quot;Let&#039;s take a fresh look at our world. Join Jenny Barnett Rohrs, Franz Spohn and Candie Cooper as they show how to create crafts from a fresh perspective using clay,...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Candie Cooper and Katie Hacker&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23140951\/HOC1900_A_Fresh_Look_16x9-768x432.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2025-10-23 14:35:26&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:7,&quot;regular_price&quot;:29.99,&quot;sale_price&quot;:7,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/hands-on-crafts-for-kids-a-fresh-look&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;1&quot;:[{&quot;ID&quot;:883023,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Patternmaking + Design: The Pants Sloper&quot;,&quot;slug&quot;:&quot;patternmaking-design-the-pants-sloper&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/patternmaking-design-the-pants-sloper&quot;,&quot;excerpt_filtered&quot;:&quot;
1027You Get with this Class: In-depth Instruction; over 3 hours On-demand video access anytime Indefinite access. Pay once, view forever Downloadable and printable bonus materials&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Suzy Furrer&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23140947\/image-683-768x436.jpeg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2025-10-23 14:26:35&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/patternmaking-design-the-pants-sloper&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;0&quot;:[{&quot;ID&quot;:883003,&quot;post_type&quot;:&quot;product&quot;,&quot;type&quot;:&quot;class&quot;,&quot;title&quot;:&quot;Patternmaking Basics: The Bodice Sloper&quot;,&quot;slug&quot;:&quot;patternmaking-basics-the-bodice-sloper&quot;,&quot;url&quot;:&quot;https:\/\/www.nationalsewingcircle.com\/class\/patternmaking-basics-the-bodice-sloper&quot;,&quot;excerpt_filtered&quot;:&quot;You Get with this Class: In-depth Instruction; over 5 hours On-demand video access anytime Indefinite access. Pay once, view forever Downloadable and printable bonus materials&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;class&quot;,&quot;name&quot;:&quot;Class&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Suzy Furrer&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23140944\/image-281-768x432.jpeg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Products\\ClassProduct&quot;,&quot;updated_date&quot;:&quot;2026-06-08 13:27:03&quot;,&quot;product_type&quot;:&quot;class&quot;,&quot;price&quot;:10,&quot;regular_price&quot;:39.99,&quot;sale_price&quot;:10,&quot;on_sale&quot;:true,&quot;has_discount&quot;:true,&quot;is_free&quot;:false,&quot;is_purchasable&quot;:true,&quot;purchase_url&quot;:&quot;\/product\/patternmaking-basics-the-bodice-sloper&quot;},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}],&quot;sortOptions&quot;:[{&quot;post_date-desc&quot;:&quot;Date: New to Old&quot;,&quot;post_date-asc&quot;:&quot;Date: Old to New&quot;,&quot;post_title-asc&quot;:&quot;Alphabetical: A-Z&quot;,&quot;post_title-desc&quot;:&quot;Alphabetical: Z-A&quot;,&quot;author_lastname-desc&quot;:&quot;Instructor Last Name: Z-A&quot;,&quot;author_lastname-asc&quot;:&quot;Instructor Last Name: A-Z&quot;,&quot;price-asc&quot;:&quot;Price: Low to High&quot;,&quot;price-desc&quot;:&quot;Price: High to Low &quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;totalItemCount&quot;:58,&quot;totalPages&quot;:3,&quot;search&quot;:null,&quot;filtersFromUrl&quot;:null,&quot;sortFromUrl&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;U7pSSkFFsORePND76AGD&quot;,&quot;name&quot;:&quot;listings.product-listing&quot;,&quot;path&quot;:&quot;products\/sewing-classes&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;51e04b075a6c3ddbd407be83d53f8eb25ee2349d6700e36e5519a5d7efd5f20a&quot;}" wire:effects="{&quot;partials&quot;:[],&quot;url&quot;:{&quot;search&quot;:{&quot;as&quot;:&quot;search&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;filtersFromUrl&quot;:{&quot;as&quot;:&quot;filters&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;sortFromUrl&quot;:{&quot;as&quot;:&quot;orderby&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}}}" wire:id="U7pSSkFFsORePND76AGD" class="listing-container mt-0-touch mt-4-desktop" data-test-ref="listing">
1028    <form method="get" wire:submit.prevent="resetResults">
1029        <div class="vs-listing columns is-multiline mb-4">
1030            <div
1031    class="listing-filter-bar column is-full is-hidden-desktop"
1032    data-filter-mode="faceted"
1033    x-data="{ open: null, overlay: false, sub: null, sortOpen: false, optionSearch: '' }"
1034>
1035    <div class="filter-bar-panel">
1036        <div class="filter-bar-search">
1037            <div class="search-form has-border-radius-50 is-full-width px-2">
1038    <label class="is-sr-only" for="listingSearchBar">Search</label>
1039    <div class="field has-addons">
1040        <div class="input-wrap is-full-width is-relative">
1041            <input
1042                class="input is-borderless is-shadowless is-full-width font-main-light font-color-child-black is-line-height-font-size pl-2"
1043                id="listingSearchBar"
1044                type="text"
1045                placeholder="Search"
1046                aria-label="Search"
1047                wire:model.live.debounce="search"
1048            />
1049            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1050        <div class="input-wrap is-flex is-align-items-center">
1051            <button
1052                    aria-label="Search" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase button submit-button is-flex is-align-items-center is-borderless transparent is-transparent" role="button" tabindex="0" type="submit" value="Search"
1053>
1054    <span
1055    class="svg-icon search black is-flex is-align-items-center"
1056>
1057    <!--[if BLOCK]><![endif]-->        <svg title="Search Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" xml:space="preserve"><title>Search Icon</title><path d="m23.7 22.2-6.5-6.5c1.4-1.7 2.1-3.8 2.1-6C19.3 4.3 15 0 9.6 0 4.2 0 0 4.2 0 9.6c0 5.3 4.4 9.7 9.7 9.7 2.2 0 4.4-.8 6-2.1l6.5 6.5c.2.2.5.3.7.3.3 0 .6-.2.7-.3a1 1 0 0 0 .1-1.5zM17.3 9.6a7.6 7.6 0 1 1-15.2 0 7.6 7.6 0 0 1 15.2 0z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
1058</button>
1059        </div>
1060    </div>
1061</div>
1062
1063            <button
1064                type="button"
1065                class="filter-sort-trigger"
1066                aria-label="Sort by"
1067                aria-haspopup="dialog"
1068                x-bind:aria-expanded="sortOpen"
1069                x-on:click="sortOpen = true"
1070            >
1071                <span
1072    class="svg-icon sort small"
1073>
1074    <!--[if BLOCK]><![endif]-->        <svg title="Sort Icon" role="img" viewBox="0 0 21 24" xmlns="http://www.w3.org/2000/svg"><title>Sort Icon</title><g><path d="M10.3 5.1 5.3 0l-5 5.1c-.3.4-.3.9 0 1.3.2.2.4.3.6.3s.5-.1.7-.3l2.8-2.8V15c0 .5.4.9.9.9s.9-.4.9-.9V3.5L9 6.3c.4.4.9.4 1.3 0 .3-.3.3-.9 0-1.2zM20.7 17.7c-.4-.3-.9-.3-1.3 0l-2.8 2.8V9.7c0-.5-.4-.9-.9-.9s-.9.4-.9.9v10.9L12 17.7c-.4-.4-.9-.4-1.3 0-.4.3-.4.9 0 1.3l5 5.1 5-5.1c.4-.4.4-1 0-1.3z"/></g></svg>    <!--[if ENDBLOCK]><![endif]--></span>
1075            </button>
1076        </div>
1077
1078        <!--[if BLOCK]><![endif]-->            <div
1079    class="filter-bar-scroller"
1080    x-data="{
1081        atStart: true,
1082        atEnd: true,
1083        sync() {
1084            const row = this.$refs.row;
1085            this.atStart = row.scrollLeft <= 1;
1086            this.atEnd = Math.ceil(row.scrollLeft + row.clientWidth) >= row.scrollWidth - 1;
1087        },
1088        page(direction) {
1089            this.$refs.row.scrollBy({ left: direction * this.$refs.row.clientWidth * 0.8, behavior: 'smooth' });
1090        },
1091    }"
1092    x-init="$nextTick(() => sync())"
1093    x-on:resize.window.debounce.100ms="sync()"
1094>
1095    <button
1096        type="button"
1097        class="filter-bar-arrow filter-bar-arrow-prev"
1098        tabindex="-1"
1099        aria-hidden="true"
1100        data-test-ref="pill-scroll-prev"
1101        x-show="!atStart"
1102        x-cloak
1103        x-on:click="page(-1)"
1104    >
1105        <span
1106    class="svg-icon carrot-back small"
1107>
1108    <!--[if BLOCK]><![endif]-->        <svg title="Carrot Back Icon" role="img" viewBox="0 0 12 24" xmlns="http://www.w3.org/2000/svg"><title>Carrot Back Icon</title><path d="M0 12 10.4.3c.3-.4.9-.4 1.3-.1.4.4.4 1 .1 1.3L2.5 11.9l9.3 10.6c.3.4.3 1-.1 1.3s-.9.3-1.3-.1z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
1109    </button>
1110
1111    <div class="filter-bar-row" x-ref="row" x-on:scroll.passive="sync()"><!--[if BLOCK]><![endif]-->        <button
1112            type="button"
1113            class="filter-pill"
1114            data-filter-pill="tag"
1115                        aria-haspopup="dialog"
1116            x-bind:aria-expanded="open === 'tag'"
1117            x-on:click="open = (open === 'tag' ? null : 'tag'); optionSearch = ''"
1118        >
1119            <span>Content Topic</span>
1120            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <span
1121    class="svg-icon carrot-down tiny"
1122>
1123    <!--[if BLOCK]><![endif]-->        <svg title="Carrot Down Icon" role="img" viewBox="0 0 24 12" xmlns="http://www.w3.org/2000/svg"><title>Carrot Down Icon</title><path d="M12 12 .3 1.6C-.1 1.3-.1.7.2.3c.4-.4 1-.4 1.3-.1l10.4 9.3L22.5.2c.4-.3 1-.3 1.3.1s.3.9-.1 1.3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
1124        </button>
1125            <button
1126            type="button"
1127            class="filter-pill"
1128            data-filter-pill="instructor"
1129                        aria-haspopup="dialog"
1130            x-bind:aria-expanded="open === 'instructor'"
1131            x-on:click="open = (open === 'instructor' ? null : 'instructor'); optionSearch = ''"
1132        >
1133            <span>Instructor</span>
1134            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <span
1135    class="svg-icon carrot-down tiny"
1136>
1137    <!--[if BLOCK]><![endif]-->        <svg title="Carrot Down Icon" role="img" viewBox="0 0 24 12" xmlns="http://www.w3.org/2000/svg"><title>Carrot Down Icon</title><path d="M12 12 .3 1.6C-.1 1.3-.1.7.2.3c.4-.4 1-.4 1.3-.1l10.4 9.3L22.5.2c.4-.3 1-.3 1.3.1s.3.9-.1 1.3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
1138        </button>
1139            <button
1140            type="button"
1141            class="filter-pill"
1142            data-filter-pill="price"
1143                        aria-haspopup="dialog"
1144            x-bind:aria-expanded="open === 'price'"
1145            x-on:click="open = (open === 'price' ? null : 'price'); optionSearch = ''"
1146        >
1147            <span>Price to Own</span>
1148            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <span
1149    class="svg-icon carrot-down tiny"
1150>
1151    <!--[if BLOCK]><![endif]-->        <svg title="Carrot Down Icon" role="img" viewBox="0 0 24 12" xmlns="http://www.w3.org/2000/svg"><title>Carrot Down Icon</title><path d="M12 12 .3 1.6C-.1 1.3-.1.7.2.3c.4-.4 1-.4 1.3-.1l10.4 9.3L22.5.2c.4-.3 1-.3 1.3.1s.3.9-.1 1.3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
1152        </button>
1153    <!--[if ENDBLOCK]><![endif]--></div>
1154
1155    <button
1156        type="button"
1157        class="filter-bar-arrow filter-bar-arrow-next"
1158        tabindex="-1"
1159        aria-hidden="true"
1160        data-test-ref="pill-scroll-next"
1161        x-show="!atEnd"
1162        x-cloak
1163        x-on:click="page(1)"
1164    >
1165        <span
1166    class="svg-icon carrot-forward small"
1167>
1168    <!--[if BLOCK]><![endif]-->        <svg title="Carrot Forward Icon" role="img" viewBox="0 0 12 24" xmlns="http://www.w3.org/2000/svg"><title>Carrot Forward Icon</title><path d="M1.6 23.7c-.4.4-.9.4-1.3.1s-.4-.9-.1-1.3l9.3-10.6L.2 1.5C-.1 1.2-.1.6.3.2c.4-.3 1-.3 1.3.1L12 12z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
1169    </button>
1170</div>
1171
1172<div class="filter-chips is-hidden">
1173    <!--[if BLOCK]><![endif]-->        <button type="button" wire:click.prevent="resetFilters" class="filter-chips-clear">
1174            Clear all
1175        </button>
1176    <!--[if ENDBLOCK]><![endif]-->
1177    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1178
1179<!--[if BLOCK]><![endif]-->    <div
1180        class="filter-overlay"
1181        data-filter-panel="tag"
1182        x-show="open === 'tag'"
1183        x-cloak
1184        x-trap.noscroll="open === 'tag'"
1185        x-on:keydown.escape.window="if (open === 'tag') { open = null }"
1186        x-transition:enter-start="is-offscreen"
1187        x-transition:leave-end="is-offscreen"
1188        role="dialog"
1189        aria-modal="true"
1190        aria-label="Content Topic"
1191    >
1192        <div class="filter-overlay-header">
1193            <button type="button" class="filter-overlay-close" aria-label="Close" x-on:click="open = null">
1194                <span
1195    class="svg-icon close small"
1196>
1197    <!--[if BLOCK]><![endif]-->        <svg title="Close Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.8 16.8" xml:space="preserve"><title>Close Icon</title><path d="M15 13.6 9.8 8.4 15 3.2l-1.4-1.4L8.4 7 3.2 1.8 1.8 3.2 7 8.4l-5.2 5.2L3.2 15l5.2-5.2 5.2 5.2 1.4-1.4z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
1198            </button>
1199            <span class="filter-sheet-title">Content Topic</span>
1200            <button
1201                type="button"
1202                class="filter-sheet-clear"
1203                wire:click.prevent="$set('selectedFilters', [])"
1204            >
1205                Clear
1206            </button>
1207        </div>
1208
1209        <div class="filter-overlay-body">
1210            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1211<div class="filter-options">
1212    <!--[if BLOCK]><![endif]-->        <label
1213            class="checkbox has-text-black filter-option"
1214                    >
1215            <input
1216                type="checkbox"
1217                autocomplete="off"
1218                value="tag:alterations"
1219                data-label="Alterations"
1220                data-filter-id="tag:alterations"
1221                wire:model.live="selectedFilters"
1222                wire:key="bar-tag:alterations"
1223            />
1224            <span class="ml-2">Alterations</span>
1225        </label>
1226            <label
1227            class="checkbox has-text-black filter-option"
1228                    >
1229            <input
1230                type="checkbox"
1231                autocomplete="off"
1232                value="tag:baby-projects"
1233                data-label="Baby Projects"
1234                data-filter-id="tag:baby-projects"
1235                wire:model.live="selectedFilters"
1236                wire:key="bar-tag:baby-projects"
1237            />
1238            <span class="ml-2">Baby Projects</span>
1239        </label>
1240            <label
1241            class="checkbox has-text-black filter-option"
1242                    >
1243            <input
1244                type="checkbox"
1245                autocomplete="off"
1246                value="tag:bags"
1247                data-label="Bags"
1248                data-filter-id="tag:bags"
1249                wire:model.live="selectedFilters"
1250                wire:key="bar-tag:bags"
1251            />
1252            <span class="ml-2">Bags</span>
1253        </label>
1254            <label
1255            class="checkbox has-text-black filter-option"
1256                    >
1257            <input
1258                type="checkbox"
1259                autocomplete="off"
1260                value="tag:dresses"
1261                data-label="Dresses"
1262                data-filter-id="tag:dresses"
1263                wire:model.live="selectedFilters"
1264                wire:key="bar-tag:dresses"
1265            />
1266            <span class="ml-2">Dresses</span>
1267        </label>
1268            <label
1269            class="checkbox has-text-black filter-option"
1270                    >
1271            <input
1272                type="checkbox"
1273                autocomplete="off"
1274                value="tag:embroidery"
1275                data-label="Embroidery"
1276                data-filter-id="tag:embroidery"
1277                wire:model.live="selectedFilters"
1278                wire:key="bar-tag:embroidery"
1279            />
1280            <span class="ml-2">Embroidery</span>
1281        </label>
1282            <label
1283            class="checkbox has-text-black filter-option"
1284                    >
1285            <input
1286                type="checkbox"
1287                autocomplete="off"
1288                value="tag:fabric-know-how"
1289                data-label="Fabric Know-How"
1290                data-filter-id="tag:fabric-know-how"
1291                wire:model.live="selectedFilters"
1292                wire:key="bar-tag:fabric-know-how"
1293            />
1294            <span class="ml-2">Fabric Know-How</span>
1295        </label>
1296            <label
1297            class="checkbox has-text-black filter-option"
1298                    >
1299            <input
1300                type="checkbox"
1301                autocomplete="off"
1302                value="tag:gift-ideas"
1303                data-label="Gift Ideas"
1304                data-filter-id="tag:gift-ideas"
1305                wire:model.live="selectedFilters"
1306                wire:key="bar-tag:gift-ideas"
1307            />
1308            <span class="ml-2">Gift Ideas</span>
1309        </label>
1310            <label
1311            class="checkbox has-text-black filter-option"
1312                    >
1313            <input
1314                type="checkbox"
1315                autocomplete="off"
1316                value="tag:home-decor"
1317                data-label="Home Decor"
1318                data-filter-id="tag:home-decor"
1319                wire:model.live="selectedFilters"
1320                wire:key="bar-tag:home-decor"
1321            />
1322            <span class="ml-2">Home Decor</span>
1323        </label>
1324            <label
1325            class="checkbox has-text-black filter-option"
1326                    >
1327            <input
1328                type="checkbox"
1329                autocomplete="off"
1330                value="tag:jackets-coats"
1331                data-label="Jackets &amp; Coats"
1332                data-filter-id="tag:jackets-coats"
1333                wire:model.live="selectedFilters"
1334                wire:key="bar-tag:jackets-coats"
1335            />
1336            <span class="ml-2">Jackets & Coats</span>
1337        </label>
1338            <label
1339            class="checkbox has-text-black filter-option"
1340                    >
1341            <input
1342                type="checkbox"
1343                autocomplete="off"
1344                value="tag:needles-thread"
1345                data-label="Needles &amp; Thread"
1346                data-filter-id="tag:needles-thread"
1347                wire:model.live="selectedFilters"
1348                wire:key="bar-tag:needles-thread"
1349            />
1350            <span class="ml-2">Needles & Thread</span>
1351        </label>
1352            <label
1353            class="checkbox has-text-black filter-option"
1354                    >
1355            <input
1356                type="checkbox"
1357                autocomplete="off"
1358                value="tag:other-notions-tools"
1359                data-label="Other Notions &amp; Tools"
1360                data-filter-id="tag:other-notions-tools"
1361                wire:model.live="selectedFilters"
1362                wire:key="bar-tag:other-notions-tools"
1363            />
1364            <span class="ml-2">Other Notions & Tools</span>
1365        </label>
1366            <label
1367            class="checkbox has-text-black filter-option"
1368                    >
1369            <input
1370                type="checkbox"
1371                autocomplete="off"
1372                value="tag:patternmaking"
1373                data-label="Patternmaking"
1374                data-filter-id="tag:patternmaking"
1375                wire:model.live="selectedFilters"
1376                wire:key="bar-tag:patternmaking"
1377            />
1378            <span class="ml-2">Patternmaking</span>
1379        </label>
1380            <label
1381            class="checkbox has-text-black filter-option"
1382                    >
1383            <input
1384                type="checkbox"
1385                autocomplete="off"
1386                value="tag:serging"
1387                data-label="Serging"
1388                data-filter-id="tag:serging"
1389                wire:model.live="selectedFilters"
1390                wire:key="bar-tag:serging"
1391            />
1392            <span class="ml-2">Serging</span>
1393        </label>
1394            <label
1395            class="checkbox has-text-black filter-option"
1396                    >
1397            <input
1398                type="checkbox"
1399                autocomplete="off"
1400                value="tag:sewing-machine-basics"
1401                data-label="Sewing Machine Basics"
1402                data-filter-id="tag:sewing-machine-basics"
1403                wire:model.live="selectedFilters"
1404                wire:key="bar-tag:sewing-machine-basics"
1405            />
1406            <span class="ml-2">Sewing Machine Basics</span>
1407        </label>
1408            <label
1409            class="checkbox has-text-black filter-option"
1410                    >
1411            <input
1412                type="checkbox"
1413                autocomplete="off"
1414                value="tag:sewing-tips"
1415                data-label="Sewing Tips"
1416                data-filter-id="tag:sewing-tips"
1417                wire:model.live="selectedFilters"
1418                wire:key="bar-tag:sewing-tips"
1419            />
1420            <span class="ml-2">Sewing Tips</span>
1421        </label>
1422            <label
1423            class="checkbox has-text-black filter-option"
1424                    >
1425            <input
1426                type="checkbox"
1427                autocomplete="off"
1428                value="tag:sewing-with-knits"
1429                data-label="Sewing With Knits"
1430                data-filter-id="tag:sewing-with-knits"
1431                wire:model.live="selectedFilters"
1432                wire:key="bar-tag:sewing-with-knits"
1433            />
1434            <span class="ml-2">Sewing With Knits</span>
1435        </label>
1436            <label
1437            class="checkbox has-text-black filter-option"
1438                    >
1439            <input
1440                type="checkbox"
1441                autocomplete="off"
1442                value="tag:shirts-tops"
1443                data-label="Shirts &amp; Tops"
1444                data-filter-id="tag:shirts-tops"
1445                wire:model.live="selectedFilters"
1446                wire:key="bar-tag:shirts-tops"
1447            />
1448            <span class="ml-2">Shirts & Tops</span>
1449        </label>
1450            <label
1451            class="checkbox has-text-black filter-option"
1452                    >
1453            <input
1454                type="checkbox"
1455                autocomplete="off"
1456                value="tag:skirts-pants"
1457                data-label="Skirts &amp; Pants"
1458                data-filter-id="tag:skirts-pants"
1459                wire:model.live="selectedFilters"
1460                wire:key="bar-tag:skirts-pants"
1461            />
1462            <span class="ml-2">Skirts & Pants</span>
1463        </label>
1464            <label
1465            class="checkbox has-text-black filter-option"
1466                    >
1467            <input
1468                type="checkbox"
1469                autocomplete="off"
1470                value="tag:specialty-fabrics"
1471                data-label="Specialty Fabrics"
1472                data-filter-id="tag:specialty-fabrics"
1473                wire:model.live="selectedFilters"
1474                wire:key="bar-tag:specialty-fabrics"
1475            />
1476            <span class="ml-2">Specialty Fabrics</span>
1477        </label>
1478            <label
1479            class="checkbox has-text-black filter-option"
1480                    >
1481            <input
1482                type="checkbox"
1483                autocomplete="off"
1484                value="tag:zippers"
1485                data-label="Zippers"
1486                data-filter-id="tag:zippers"
1487                wire:model.live="selectedFilters"
1488                wire:key="bar-tag:zippers"
1489            />
1490            <span class="ml-2">Zippers</span>
1491        </label>
1492    <!--[if ENDBLOCK]><![endif]--></div>
1493        </div>
1494
1495        <div class="filter-sheet-footer">
1496            <button
1497                    class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase button is-full-width" role="button" tabindex="0" type="button" x-on:click="open = null"
1498>
1499    Show results
1500</button>
1501        </div>
1502    </div>
1503    <div
1504        class="filter-overlay"
1505        data-filter-panel="instructor"
1506        x-show="open === 'instructor'"
1507        x-cloak
1508        x-trap.noscroll="open === 'instructor'"
1509        x-on:keydown.escape.window="if (open === 'instructor') { open = null }"
1510        x-transition:enter-start="is-offscreen"
1511        x-transition:leave-end="is-offscreen"
1512        role="dialog"
1513        aria-modal="true"
1514        aria-label="Instructor"
1515    >
1516        <div class="filter-overlay-header">
1517            <button type="button" class="filter-overlay-close" aria-label="Close" x-on:click="open = null">
1518                <span
1519    class="svg-icon close small"
1520>
1521    <!--[if BLOCK]><![endif]-->        <svg title="Close Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.8 16.8" xml:space="preserve"><title>Close Icon</title><path d="M15 13.6 9.8 8.4 15 3.2l-1.4-1.4L8.4 7 3.2 1.8 1.8 3.2 7 8.4l-5.2 5.2L3.2 15l5.2-5.2 5.2 5.2 1.4-1.4z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
1522            </button>
1523            <span class="filter-sheet-title">Instructor</span>
1524            <button
1525                type="button"
1526                class="filter-sheet-clear"
1527                wire:click.prevent="$set('selectedFilters', [])"
1528            >
1529                Clear
1530            </button>
1531        </div>
1532
1533        <div class="filter-overlay-body">
1534            <!--[if BLOCK]><![endif]-->    <div class="filter-option-search">
1535        <label class="is-sr-only" for="filter-search-bar-instructor">
1536            Search options
1537        </label>
1538        <input
1539            id="filter-search-bar-instructor"
1540            type="text"
1541            class="input"
1542            autocomplete="off"
1543            placeholder="Search"
1544            x-model="optionSearch"
1545        />
1546    </div>
1547<!--[if ENDBLOCK]><![endif]-->
1548<div class="filter-options">
1549    <!--[if BLOCK]><![endif]-->        <label
1550            class="checkbox has-text-black filter-option"
1551                            x-show="! optionSearch || 'ashley hough'.includes(optionSearch.toLowerCase())"
1552                    >
1553            <input
1554                type="checkbox"
1555                autocomplete="off"
1556                value="instructor:30129"
1557                data-label="Ashley Hough"
1558                data-filter-id="instructor:30129"
1559                wire:model.live="selectedFilters"
1560                wire:key="bar-instructor:30129"
1561            />
1562            <span class="ml-2">Ashley Hough</span>
1563        </label>
1564            <label
1565            class="checkbox has-text-black filter-option"
1566                            x-show="! optionSearch || 'aurora sisneros'.includes(optionSearch.toLowerCase())"
1567                    >
1568            <input
1569                type="checkbox"
1570                autocomplete="off"
1571                value="instructor:36975"
1572                data-label="Aurora Sisneros"
1573                data-filter-id="instructor:36975"
1574                wire:model.live="selectedFilters"
1575                wire:key="bar-instructor:36975"
1576            />
1577            <span class="ml-2">Aurora Sisneros</span>
1578        </label>
1579            <label
1580            class="checkbox has-text-black filter-option"
1581                            x-show="! optionSearch || 'candie cooper and katie hacker'.includes(optionSearch.toLowerCase())"
1582                    >
1583            <input
1584                type="checkbox"
1585                autocomplete="off"
1586                value="instructor:222368"
1587                data-label="Candie Cooper and Katie Hacker"
1588                data-filter-id="instructor:222368"
1589                wire:model.live="selectedFilters"
1590                wire:key="bar-instructor:222368"
1591            />
1592            <span class="ml-2">Candie Cooper and Katie Hacker</span>
1593        </label>
1594            <label
1595            class="checkbox has-text-black filter-option"
1596                            x-show="! optionSearch || 'jessica giardino'.includes(optionSearch.toLowerCase())"
1597                    >
1598            <input
1599                type="checkbox"
1600                autocomplete="off"
1601                value="instructor:14508"
1602                data-label="Jessica Giardino"
1603                data-filter-id="instructor:14508"
1604                wire:model.live="selectedFilters"
1605                wire:key="bar-instructor:14508"
1606            />
1607            <span class="ml-2">Jessica Giardino</span>
1608        </label>
1609            <label
1610            class="checkbox has-text-black filter-option"
1611                            x-show="! optionSearch || 'linda lee'.includes(optionSearch.toLowerCase())"
1612                    >
1613            <input
1614                type="checkbox"
1615                autocomplete="off"
1616                value="instructor:220160"
1617                data-label="Linda Lee"
1618                data-filter-id="instructor:220160"
1619                wire:model.live="selectedFilters"
1620                wire:key="bar-instructor:220160"
1621            />
1622            <span class="ml-2">Linda Lee</span>
1623        </label>
1624            <label
1625            class="checkbox has-text-black filter-option"
1626                            x-show="! optionSearch || 'mary beth temple'.includes(optionSearch.toLowerCase())"
1627                    >
1628            <input
1629                type="checkbox"
1630                autocomplete="off"
1631                value="instructor:252711"
1632                data-label="Mary Beth Temple"
1633                data-filter-id="instructor:252711"
1634                wire:model.live="selectedFilters"
1635                wire:key="bar-instructor:252711"
1636            />
1637            <span class="ml-2">Mary Beth Temple</span>
1638        </label>
1639            <label
1640            class="checkbox has-text-black filter-option"
1641                            x-show="! optionSearch || 'nicki lafoille'.includes(optionSearch.toLowerCase())"
1642                    >
1643            <input
1644                type="checkbox"
1645                autocomplete="off"
1646                value="instructor:42935"
1647                data-label="Nicki LaFoille"
1648                data-filter-id="instructor:42935"
1649                wire:model.live="selectedFilters"
1650                wire:key="bar-instructor:42935"
1651            />
1652            <span class="ml-2">Nicki LaFoille</span>
1653        </label>
1654            <label
1655            class="checkbox has-text-black filter-option"
1656                            x-show="! optionSearch || 'suzy furrer'.includes(optionSearch.toLowerCase())"
1657                    >
1658            <input
1659                type="checkbox"
1660                autocomplete="off"
1661                value="instructor:220176"
1662                data-label="Suzy Furrer"
1663                data-filter-id="instructor:220176"
1664                wire:model.live="selectedFilters"
1665                wire:key="bar-instructor:220176"
1666            />
1667            <span class="ml-2">Suzy Furrer</span>
1668        </label>
1669            <label
1670            class="checkbox has-text-black filter-option"
1671                            x-show="! optionSearch || 'zj humbach'.includes(optionSearch.toLowerCase())"
1672                    >
1673            <input
1674                type="checkbox"
1675                autocomplete="off"
1676                value="instructor:31743"
1677                data-label="ZJ Humbach"
1678                data-filter-id="instructor:31743"
1679                wire:model.live="selectedFilters"
1680                wire:key="bar-instructor:31743"
1681            />
1682            <span class="ml-2">ZJ Humbach</span>
1683        </label>
1684    <!--[if ENDBLOCK]><![endif]--></div>
1685        </div>
1686
1687        <div class="filter-sheet-footer">
1688            <button
1689                    class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase button is-full-width" role="button" tabindex="0" type="button" x-on:click="open = null"
1690>
1691    Show results
1692</button>
1693        </div>
1694    </div>
1695    <div
1696        class="filter-overlay"
1697        data-filter-panel="price"
1698        x-show="open === 'price'"
1699        x-cloak
1700        x-trap.noscroll="open === 'price'"
1701        x-on:keydown.escape.window="if (open === 'price') { open = null }"
1702        x-transition:enter-start="is-offscreen"
1703        x-transition:leave-end="is-offscreen"
1704        role="dialog"
1705        aria-modal="true"
1706        aria-label="Price to Own"
1707    >
1708        <div class="filter-overlay-header">
1709            <button type="button" class="filter-overlay-close" aria-label="Close" x-on:click="open = null">
1710                <span
1711    class="svg-icon close small"
1712>
1713    <!--[if BLOCK]><![endif]-->        <svg title="Close Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.8 16.8" xml:space="preserve"><title>Close Icon</title><path d="M15 13.6 9.8 8.4 15 3.2l-1.4-1.4L8.4 7 3.2 1.8 1.8 3.2 7 8.4l-5.2 5.2L3.2 15l5.2-5.2 5.2 5.2 1.4-1.4z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
1714            </button>
1715            <span class="filter-sheet-title">Price to Own</span>
1716            <button
1717                type="button"
1718                class="filter-sheet-clear"
1719                wire:click.prevent="$set('selectedFilters', [])"
1720            >
1721                Clear
1722            </button>
1723        </div>
1724
1725        <div class="filter-overlay-body">
1726            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1727<div class="filter-options">
1728    <!--[if BLOCK]><![endif]-->        <label
1729            class="checkbox has-text-black filter-option"
1730                    >
1731            <input
1732                type="checkbox"
1733                autocomplete="off"
1734                value="price:.01-9.99"
1735                data-label="Under $9.99"
1736                data-filter-id="price:.01-9.99"
1737                wire:model.live="selectedFilters"
1738                wire:key="bar-price:.01-9.99"
1739            />
1740            <span class="ml-2">Under $9.99</span>
1741        </label>
1742            <label
1743            class="checkbox has-text-black filter-option"
1744                    >
1745            <input
1746                type="checkbox"
1747                autocomplete="off"
1748                value="price:10.00-19.99"
1749                data-label="$10.00 - $19.99"
1750                data-filter-id="price:10.00-19.99"
1751                wire:model.live="selectedFilters"
1752                wire:key="bar-price:10.00-19.99"
1753            />
1754            <span class="ml-2">$10.00 - $19.99</span>
1755        </label>
1756    <!--[if ENDBLOCK]><![endif]--></div>
1757        </div>
1758
1759        <div class="filter-sheet-footer">
1760            <button
1761                    class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase button is-full-width" role="button" tabindex="0" type="button" x-on:click="open = null"
1762>
1763    Show results
1764</button>
1765        </div>
1766    </div>
1767<!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->    </div>
1768
1769    <div class="filter-bar-count">
1770        <span>
1771            <!--[if BLOCK]><![endif]-->                <strong>1 - 24</strong>
1772                of
1773                <strong>58</strong>
1774            <!--[if ENDBLOCK]><![endif]-->        </span>
1775
1776        <!--[if BLOCK]><![endif]-->
1776            <span class="filter-bar-sort-label">Date: New to Old</span>
1777        <!--[if ENDBLOCK]><![endif]-->    </div>
1778
1779    <div class="filter-sheet-backdrop" x-show="sortOpen" x-cloak x-on:click="sortOpen = false" x-transition.opacity></div>
1780
1781<div
1782    class="filter-sheet"
1783    x-show="sortOpen"
1784    x-cloak
1785    x-trap.noscroll="sortOpen"
1786    x-on:keydown.escape.window="
1787        if (sortOpen) {
1788            sortOpen = false;
1789        }
1790    "
1791    x-transition:enter-start="is-offscreen"
1792    x-transition:leave-end="is-offscreen"
1793    role="dialog"
1794    aria-modal="true"
1795    aria-label="Sort by"
1796>
1797    <div class="filter-sheet-header">
1798        <span class="filter-sheet-title">Sort by</span>
1799    </div>
1800
1801    <div class="filter-sheet-body">
1802        <!--[if BLOCK]><![endif]-->            <button
1803                type="button"
1804                class="sort-option"
1805                data-sort-option="post_date-desc"
1806                wire:click="$set('orderBy', 'post_date-desc')"
1807                x-on:click="sortOpen = false"
1808            >
1809                <span>Date: New to Old</span>
1810                <!--[if BLOCK]><![endif]-->                    <span
1811    class="svg-icon checkmark small"
1812>
1813    <!--[if BLOCK]><![endif]-->        <svg title="Checkmark Icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Checkmark Icon</title><g><path d="M12 24c-3.1 0-6.1-1.2-8.5-3.5-4.7-4.7-4.7-12.3 0-17s12.3-4.7 17 0 4.7 12.3 0 17C18.1 22.8 15.1 24 12 24zm0-22.2c-2.6 0-5.2 1-7.2 3-4 4-4 10.4 0 14.4s10.4 4 14.4 
18130 4-10.4 0-14.4c-2-2-4.6-3-7.2-3z"/><path d="m11.3 16.6-4-4c-.4-.4-.4-.9 0-1.3s.9-.4 1.3 0l2.7 2.7 5.2-5.2c.4-.4.9-.4 1.3 0s.4.9 0 1.3z"/></g></svg>    <!--[if ENDBLOCK]><![endif]--></span>
1814                <!--[if ENDBLOCK]><![endif]-->            </button>
1815                    <button
1816                type="button"
1817                class="sort-option"
1818                data-sort-option="post_date-asc"
1819                wire:click="$set('orderBy', 'post_date-asc')"
1820                x-on:click="sortOpen = false"
1821            >
1822                <span>Date: Old to New</span>
1823                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </button>
1824                    <button
1825                type="button"
1826                class="sort-option"
1827                data-sort-option="post_title-asc"
1828                wire:click="$set('orderBy', 'post_title-asc')"
1829                x-on:click="sortOpen = false"
1830            >
1831                <span>Alphabetical: A-Z</span>
1832                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </button>
1833                    <button
1834                type="button"
1835                class="sort-option"
1836                data-sort-option="post_title-desc"
1837                wire:click="$set('orderBy', 'post_title-desc')"
1838                x-on:click="sortOpen = false"
1839            >
1840                <span>Alphabetical: Z-A</span>
1841                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </button>
1842                    <button
1843                type="button"
1844                class="sort-option"
1845                data-sort-option="author_lastname-desc"
1846                wire:click="$set('orderBy', 'author_lastname-desc')"
1847                x-on:click="sortOpen = false"
1848            >
1849                <span>Instructor Last Name: Z-A</span>
1850                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </button>
1851                    <button
1852                type="button"
1853                class="sort-option"
1854                data-sort-option="author_lastname-asc"
1855                wire:click="$set('orderBy', 'author_lastname-asc')"
1856                x-on:click="sortOpen = false"
1857            >
1858                <span>Instructor Last Name: A-Z</span>
1859                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </button>
1860                    <button
1861                type="button"
1862                class="sort-option"
1863                data-sort-option="price-asc"
1864                wire:click="$set('orderBy', 'price-asc')"
1865                x-on:click="sortOpen = false"
1866            >
1867                <span>Price: Low to High</span>
1868                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </button>
1869                    <button
1870                type="button"
1871                class="sort-option"
1872                data-sort-option="price-desc"
1873                wire:click="$set('orderBy', 'price-desc')"
1874                x-on:click="sortOpen = false"
1875            >
1876                <span>Price: High to Low </span>
1877                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </button>
1878        <!--[if ENDBLOCK]><![endif]-->    </div>
1879</div>
1880</div>
1881            <div class="sidebar listing-sidebar is-clearfix column is-3 is-2-widescreen-fullbleed is-hidden-touch">
1882    <div class="count pb-5 pt-2">
1883        <!--[if BLOCK]><![endif]-->            <strong class="page_total">1 - 24</strong>
1884            of
1885            <strong><span class="total_items">58</span></strong>
1886        <!--[if ENDBLOCK]><![endif]-->    </div>
1887
1888    <div class="search-form has-border-radius-50 is-full-width px-2">
1889    <label class="is-sr-only" for="listingSearch">Search</label>
1890    <div class="field has-addons">
1891        <div class="input-wrap is-full-width is-relative">
1892            <input
1893                class="input is-borderless is-shadowless is-full-width font-main-light font-color-child-black is-line-height-font-size pl-2"
1894                id="listingSearch"
1895                type="text"
1896                placeholder="Search"
1897                aria-label="Search"
1898                wire:model.live.debounce="search"
1899            />
1900            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1901        <div class="input-wrap is-flex is-align-items-center">
1902            <button
1903                    aria-label="Search" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase button submit-button is-flex is-align-items-center is-borderless transparent is-transparent" role="button" tabindex="0" type="submit" value="Search"
1904>
1905    <span
1906    class="svg-icon search black is-flex is-align-items-center"
1907>
1908    <!--[if BLOCK]><![endif]-->        <svg title="Search Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" xml:space="preserve"><title>Search Icon</title><path d="m23.7 22.2-6.5-6.5c1.4-1.7 2.1-3.8 2.1-6C19.3 4.3 15 0 9.6 0 4.2 0 0 4.2 0 9.6c0 5.3 4.4 9.7 9.7 9.7 2.2 0 4.4-.8 6-2.1l6.5 6.5c.2.2.5.3.7.3.3 0 .6-.2.7-.3a1 1 0 0 0 .1-1.5zM17.3 9.6a7.6 7.6 0 1 1-15.2 0 7.6 7.6 0 0 1 15.2 0z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
1909</button>
1910        </div>
1911    </div>
1912</div>
1913
1914    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1915    <!--[if BLOCK]><![endif]-->        <!--[if BLOCK]><![endif]-->            <fieldset class="filter-group is-borderless mt-4" data-id="tag" x-data="{ expanded: true }">
1916                <legend class="is-size-5-half mb-2">
1917                    <button
1918                        type="button"
1919                        x-bind:aria-expanded="expanded"
1920                        x-on:click="expanded = !expanded"
1921                        aria-controls="filters-content_access_filter-tag"
1922                        class="title has-text-black is-full-width is-flex is-align-items-center is-justify-content-space-between p-0"
1923                    >
1924                        <span>Content Topic</span>
1925                        <span
1926                            class="dashicons"
1927                            aria-hidden="true"
1928                            x-bind:class="'dashicons-' + (expanded ? 'minus' : 'plus-alt2')"
1929                        ></span>
1930                    </button>
1931                </legend>
1932                <div id="filters-content_access_filter-tag" class="filters pb-2" x-show="expanded">
1933                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1934<div class="filter-options">
1935    <!--[if BLOCK]><![endif]-->        <label
1936            class="checkbox has-text-black filter-option"
1937                    >
1938            <input
1939                type="checkbox"
1940                autocomplete="off"
1941                value="tag:alterations"
1942                data-label="Alterations"
1943                data-filter-id="tag:alterations"
1944                wire:model.live="selectedFilters"
1945                wire:key="tag:alterations"
1946            />
1947            <span class="ml-2">Alterations</span>
1948        </label>
1949            <label
1950            class="checkbox has-text-black filter-option"
1951                    >
1952            <input
1953                type="checkbox"
1954                autocomplete="off"
1955                value="tag:baby-projects"
1956                data-label="Baby Projects"
1957                data-filter-id="tag:baby-projects"
1958                wire:model.live="selectedFilters"
1959                wire:key="tag:baby-projects"
1960            />
1961            <span class="ml-2">Baby Projects</span>
1962        </label>
1963            <label
1964            class="checkbox has-text-black filter-option"
1965                    >
1966            <input
1967                type="checkbox"
1968                autocomplete="off"
1969                value="tag:bags"
1970                data-label="Bags"
1971                data-filter-id="tag:bags"
1972                wire:model.live="selectedFilters"
1973                wire:key="tag:bags"
1974            />
1975            <span class="ml-2">Bags</span>
1976        </label>
1977            <label
1978            class="checkbox has-text-black filter-option"
1979                    >
1980            <input
1981                type="checkbox"
1982                autocomplete="off"
1983                value="tag:dresses"
1984                data-label="Dresses"
1985                data-filter-id="tag:dresses"
1986                wire:model.live="selectedFilters"
1987                wire:key="tag:dresses"
1988            />
1989            <span class="ml-2">Dresses</span>
1990        </label>
1991            <label
1992            class="checkbox has-text-black filter-option"
1993                    >
1994            <input
1995                type="checkbox"
1996                autocomplete="off"
1997                value="tag:embroidery"
1998                data-label="Embroidery"
1999                data-filter-id="tag:embroidery"
2000                wire:model.live="selectedFilters"
2001                wire:key="tag:embroidery"
2002            />
2003            <span class="ml-2">Embroidery</span>
2004        </label>
2005            <label
2006            class="checkbox has-text-black filter-option"
2007                    >
2008            <input
2009                type="checkbox"
2010                autocomplete="off"
2011                value="tag:fabric-know-how"
2012                data-label="Fabric Know-How"
2013                data-filter-id="tag:fabric-know-how"
2014                wire:model.live="selectedFilters"
2015                wire:key="tag:fabric-know-how"
2016            />
2017            <span class="ml-2">Fabric Know-How</span>
2018        </label>
2019            <label
2020            class="checkbox has-text-black filter-option"
2021                    >
2022            <input
2023                type="checkbox"
2024                autocomplete="off"
2025                value="tag:gift-ideas"
2026                data-label="Gift Ideas"
2027                data-filter-id="tag:gift-ideas"
2028                wire:model.live="selectedFilters"
2029                wire:key="tag:gift-ideas"
2030            />
2031            <span class="ml-2">Gift Ideas</span>
2032        </label>
2033            <label
2034            class="checkbox has-text-black filter-option"
2035                    >
2036            <input
2037                type="checkbox"
2038                autocomplete="off"
2039                value="tag:home-decor"
2040                data-label="Home Decor"
2041                data-filter-id="tag:home-decor"
2042                wire:model.live="selectedFilters"
2043                wire:key="tag:home-decor"
2044            />
2045            <span class="ml-2">Home Decor</span>
2046        </label>
2047            <label
2048            class="checkbox has-text-black filter-option"
2049                    >
2050            <input
2051                type="checkbox"
2052                autocomplete="off"
2053                value="tag:jackets-coats"
2054                data-label="Jackets &amp; Coats"
2055                data-filter-id="tag:jackets-coats"
2056                wire:model.live="selectedFilters"
2057                wire:key="tag:jackets-coats"
2058            />
2059            <span class="ml-2">Jackets & Coats</span>
2060        </label>
2061            <label
2062            class="checkbox has-text-black filter-option"
2063                    >
2064            <input
2065                type="checkbox"
2066                autocomplete="off"
2067                value="tag:needles-thread"
2068                data-label="Needles &amp; Thread"
2069                data-filter-id="tag:needles-thread"
2070                wire:model.live="selectedFilters"
2071                wire:key="tag:needles-thread"
2072            />
2073            <span class="ml-2">Needles & Thread</span>
2074        </label>
2075            <label
2076            class="checkbox has-text-black filter-option"
2077                    >
2078            <input
2079                type="checkbox"
2080                autocomplete="off"
2081                value="tag:other-notions-tools"
2082                data-label="Other Notions &amp; Tools"
2083                data-filter-id="tag:other-notions-tools"
2084                wire:model.live="selectedFilters"
2085                wire:key="tag:other-notions-tools"
2086            />
2087            <span class="ml-2">Other Notions & Tools</span>
2088        </label>
2089            <label
2090            class="checkbox has-text-black filter-option"
2091                    >
2092            <input
2093                type="checkbox"
2094                autocomplete="off"
2095                value="tag:patternmaking"
2096                data-label="Patternmaking"
2097                data-filter-id="tag:patternmaking"
2098                wire:model.live="selectedFilters"
2099                wire:key="tag:patternmaking"
2100            />
2101            <span class="ml-2">Patternmaking</span>
2102        </label>
2103            <label
2104            class="checkbox has-text-black filter-option"
2105                    >
2106            <input
2107                type="checkbox"
2108                autocomplete="off"
2109                value="tag:serging"
2110                data-label="Serging"
2111                data-filter-id="tag:serging"
2112                wire:model.live="selectedFilters"
2113                wire:key="tag:serging"
2114            />
2115            <span class="ml-2">Serging</span>
2116        </label>
2117            <label
2118            class="checkbox has-text-black filter-option"
2119                    >
2120            <input
2121                type="checkbox"
2122                autocomplete="off"
2123                value="tag:sewing-machine-basics"
2124                data-label="Sewing Machine Basics"
2125                data-filter-id="tag:sewing-machine-basics"
2126                wire:model.live="selectedFilters"
2127                wire:key="tag:sewing-machine-basics"
2128            />
2129            <span class="ml-2">Sewing Machine Basics</span>
2130        </label>
2131            <label
2132            class="checkbox has-text-black filter-option"
2133                    >
2134            <input
2135                type="checkbox"
2136                autocomplete="off"
2137                value="tag:sewing-tips"
2138                data-label="Sewing Tips"
2139                data-filter-id="tag:sewing-tips"
2140                wire:model.live="selectedFilters"
2141                wire:key="tag:sewing-tips"
2142            />
2143            <span class="ml-2">Sewing Tips</span>
2144        </label>
2145            <label
2146            class="checkbox has-text-black filter-option"
2147                    >
2148            <input
2149                type="checkbox"
2150                autocomplete="off"
2151                value="tag:sewing-with-knits"
2152                data-label="Sewing With Knits"
2153                data-filter-id="tag:sewing-with-knits"
2154                wire:model.live="selectedFilters"
2155                wire:key="tag:sewing-with-knits"
2156            />
2157            <span class="ml-2">Sewing With Knits</span>
2158        </label>
2159            <label
2160            class="checkbox has-text-black filter-option"
2161                    >
2162            <input
2163                type="checkbox"
2164                autocomplete="off"
2165                value="tag:shirts-tops"
2166                data-label="Shirts &amp; Tops"
2167                data-filter-id="tag:shirts-tops"
2168                wire:model.live="selectedFilters"
2169                wire:key="tag:shirts-tops"
2170            />
2171            <span class="ml-2">Shirts & Tops</span>
2172        </label>
2173            <label
2174            class="checkbox has-text-black filter-option"
2175                    >
2176            <input
2177                type="checkbox"
2178                autocomplete="off"
2179                value="tag:skirts-pants"
2180                data-label="Skirts &amp; Pants"
2181                data-filter-id="tag:skirts-pants"
2182                wire:model.live="selectedFilters"
2183                wire:key="tag:skirts-pants"
2184            />
2185            <span class="ml-2">Skirts & Pants</span>
2186        </label>
2187            <label
2188            class="checkbox has-text-black filter-option"
2189                    >
2190            <input
2191                type="checkbox"
2192                autocomplete="off"
2193                value="tag:specialty-fabrics"
2194                data-label="Specialty Fabrics"
2195                data-filter-id="tag:specialty-fabrics"
2196                wire:model.live="selectedFilters"
2197                wire:key="tag:specialty-fabrics"
2198            />
2199            <span class="ml-2">Specialty Fabrics</span>
2200        </label>
2201            <label
2202            class="checkbox has-text-black filter-option"
2203                    >
2204            <input
2205                type="checkbox"
2206                autocomplete="off"
2207                value="tag:zippers"
2208                data-label="Zippers"
2209                data-filter-id="tag:zippers"
2210                wire:model.live="selectedFilters"
2211                wire:key="tag:zippers"
2212            />
2213            <span class="ml-2">Zippers</span>
2214        </label>
2215    <!--[if ENDBLOCK]><![endif]--></div>
2216                </div>
2217            </fieldset>
2218                    <fieldset class="filter-group is-borderless mt-4" data-id="instructor" x-data="{ expanded: true }">
2219                <legend class="is-size-5-half mb-2">
2220                    <button
2221                        type="button"
2222                        x-bind:aria-expanded="expanded"
2223                        x-on:click="expanded = !expanded"
2224                        aria-controls="filters-content_access_filter-instructor"
2225                        class="title has-text-black is-full-width is-flex is-align-items-center is-justify-content-space-between p-0"
2226                    >
2227                        <span>Instructor</span>
2228                        <span
2229                            class="dashicons"
2230                            aria-hidden="true"
2231                            x-bind:class="'dashicons-' + (expanded ? 'minus' : 'plus-alt2')"
2232                        ></span>
2233                    </button>
2234                </legend>
2235                <div id="filters-content_access_filter-instructor" class="filters pb-2" x-show="expanded">
2236                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2237<div class="filter-options">
2238    <!--[if BLOCK]><![endif]-->        <label
2239            class="checkbox has-text-black filter-option"
2240                    >
2241            <input
2242                type="checkbox"
2243                autocomplete="off"
2244                value="instructor:30129"
2245                data-label="Ashley Hough"
2246                data-filter-id="instructor:30129"
2247                wire:model.live="selectedFilters"
2248                wire:key="instructor:30129"
2249            />
2250            <span class="ml-2">Ashley Hough</span>
2251        </label>
2252            <label
2253            class="checkbox has-text-black filter-option"
2254                    >
2255            <input
2256                type="checkbox"
2257                autocomplete="off"
2258                value="instructor:36975"
2259                data-label="Aurora Sisneros"
2260                data-filter-id="instructor:36975"
2261                wire:model.live="selectedFilters"
2262                wire:key="instructor:36975"
2263            />
2264            <span class="ml-2">Aurora Sisneros</span>
2265        </label>
2266            <label
2267            class="checkbox has-text-black filter-option"
2268                    >
2269            <input
2270                type="checkbox"
2271                autocomplete="off"
2272                value="instructor:222368"
2273                data-label="Candie Cooper and Katie Hacker"
2274                data-filter-id="instructor:222368"
2275                wire:model.live="selectedFilters"
2276                wire:key="instructor:222368"
2277            />
2278            <span class="ml-2">Candie Cooper and Katie Hacker</span>
2279        </label>
2280            <label
2281            class="checkbox has-text-black filter-option"
2282                    >
2283            <input
2284                type="checkbox"
2285                autocomplete="off"
2286                value="instructor:14508"
2287                data-label="Jessica Giardino"
2288                data-filter-id="instructor:14508"
2289                wire:model.live="selectedFilters"
2290                wire:key="instructor:14508"
2291            />
2292            <span class="ml-2">Jessica Giardino</span>
2293        </label>
2294            <label
2295            class="checkbox has-text-black filter-option"
2296                    >
2297            <input
2298                type="checkbox"
2299                autocomplete="off"
2300                value="instructor:220160"
2301                data-label="Linda Lee"
2302                data-filter-id="instructor:220160"
2303                wire:model.live="selectedFilters"
2304                wire:key="instructor:220160"
2305            />
2306            <span class="ml-2">Linda Lee</span>
2307        </label>
2308            <label
2309            class="checkbox has-text-black filter-option"
2310                    >
2311            <input
2312                type="checkbox"
2313                autocomplete="off"
2314                value="instructor:252711"
2315                data-label="Mary Beth Temple"
2316                data-filter-id="instructor:252711"
2317                wire:model.live="selectedFilters"
2318                wire:key="instructor:252711"
2319            />
2320            <span class="ml-2">Mary Beth Temple</span>
2321        </label>
2322            <label
2323            class="checkbox has-text-black filter-option"
2324                    >
2325            <input
2326                type="checkbox"
2327                autocomplete="off"
2328                value="instructor:42935"
2329                data-label="Nicki LaFoille"
2330                data-filter-id="instructor:42935"
2331                wire:model.live="selectedFilters"
2332                wire:key="instructor:42935"
2333            />
2334            <span class="ml-2">Nicki LaFoille</span>
2335        </label>
2336            <label
2337            class="checkbox has-text-black filter-option"
2338                    >
2339            <input
2340                type="checkbox"
2341                autocomplete="off"
2342                value="instructor:220176"
2343                data-label="Suzy Furrer"
2344                data-filter-id="instructor:220176"
2345                wire:model.live="selectedFilters"
2346                wire:key="instructor:220176"
2347            />
2348            <span class="ml-2">Suzy Furrer</span>
2349        </label>
2350            <label
2351            class="checkbox has-text-black filter-option"
2352                    >
2353            <input
2354                type="checkbox"
2355                autocomplete="off"
2356                value="instructor:31743"
2357                data-label="ZJ Humbach"
2358                data-filter-id="instructor:31743"
2359                wire:model.live="selectedFilters"
2360                wire:key="instructor:31743"
2361            />
2362            <span class="ml-2">ZJ Humbach</span>
2363        </label>
2364    <!--[if ENDBLOCK]><![endif]--></div>
2365                </div>
2366            </fieldset>
2367                    <fieldset class="filter-group is-borderless mt-4" data-id="price" x-data="{ expanded: true }">
2368                <legend class="is-size-5-half mb-2">
2369                    <button
2370                        type="button"
2371                        x-bind:aria-expanded="expanded"
2372                        x-on:click="expanded = !expanded"
2373                        aria-controls="filters-content_access_filter-price"
2374                        class="title has-text-black is-full-width is-flex is-align-items-center is-justify-content-space-between p-0"
2375                    >
2376                        <span>Price to Own</span>
2377                        <span
2378                            class="dashicons"
2379                            aria-hidden="true"
2380                            x-bind:class="'dashicons-' + (expanded ? 'minus' : 'plus-alt2')"
2381                        ></span>
2382                    </button>
2383                </legend>
2384                <div id="filters-content_access_filter-price" class="filters pb-2" x-show="expanded">
2385                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2386<div class="filter-options">
2387    <!--[if BLOCK]><![endif]-->        <label
2388            class="checkbox has-text-black filter-option"
2389                    >
2390            <input
2391                type="checkbox"
2392                autocomplete="off"
2393                value="price:.01-9.99"
2394                data-label="Under $9.99"
2395                data-filter-id="price:.01-9.99"
2396                wire:model.live="selectedFilters"
2397                wire:key="price:.01-9.99"
2398            />
2399            <span class="ml-2">Under $9.99</span>
2400        </label>
2401            <label
2402            class="checkbox has-text-black filter-option"
2403                    >
2404            <input
2405                type="checkbox"
2406                autocomplete="off"
2407                value="price:10.00-19.99"
2408                data-label="$10.00 - $19.99"
2409                data-filter-id="price:10.00-19.99"
2410                wire:model.live="selectedFilters"
2411                wire:key="price:10.00-19.99"
2412            />
2413            <span class="ml-2">$10.00 - $19.99</span>
2414        </label>
2415    <!--[if ENDBLOCK]><![endif]--></div>
2416                </div>
2417            </fieldset>
2418        <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></div>
2419            
2420            <div
2421                class="listing-main column is-9 is-full-touch is-10-widescreen-fullbleed"
2422                wire:loading.class="is-opacity-50"
2423            >
2424                <!--[if BLOCK]><![endif]-->                    <header class="is-clearfix pb-3 is-hidden-touch">
2425                        <div class="select is-pulled-right is-flex is-align-items-center">
2426    <label class="orderby-label pr-2" for="listingOrderBy">
2427        <strong>Sort by: </strong>
2428    </label>
2429    <select
2430        id="listingOrderBy"
2431        name="orderby"
2432        class="orderby has-text-black is-borderless font-main-light pl-0"
2433        wire:model.live="orderBy"
2434        wire:loading.attr="disabled"
2435    >
2436        <!--[if BLOCK]><![endif]-->            <option value="post_date-desc">Date: New to Old</option>
2437                    <option value="post_date-asc">Date: Old to New</option>
2438                    <option value="post_title-asc">Alphabetical: A-Z</option>
2439                    <option value="post_title-desc">Alphabetical: Z-A</option>
2440                    <option value="author_lastname-desc">Instructor Last Name: Z-A</option>
2441                    <option value="author_lastname-asc">Instructor Last Name: A-Z</option>
2442                    <option value="price-asc">Price: Low to High</option>
2443                    <option value="price-desc">Price: High to Low </option>
2444        <!--[if ENDBLOCK]><![endif]-->    </select>
2445</div>
2446                    </header>
2447                    <p class="no-results-text column is-full has-text-centered is-size-4 is-hidden">
2448                        Sorry, there were no results
2449                    </p>
2450                    <div class="columns is-multiline items"><!--[if BLOCK]><![endif]-->            <div data-test-ref="list-article" class="list-article column is-flex">
2451    <div class="list-article-inner is-full-width">
2452        <article class="card sale">
2453            <!--[if BLOCK]><![endif]-->                <div
2454    data-test-ref="overlay-flag"
2455    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
2456>
2457    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
2458        Sale
2459    </span>
2460</div>
2461            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/sew-a-sporty-racerback-tank" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
2462    <figure
2463                        data-test-ref="card-image"
2464                        class="is-relative is-full-width"
2465                    >
2466                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2467        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2026/04/01115213/Sew-a-Sporty-Racerback-Tank_notext-768x432.jpg" alt="" loading="lazy" />
2468    </picture>
2469<!--[if ENDBLOCK]><![endif]-->
2470        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2471                    </figure>
2472                    <div
2473            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2474        >
2475            <header class="is-full-width">
2476                
2477
2478                <div class="is-flex is-flex-direction-column-reverse">
2479                    <div
2480                        data-test-ref="card-title"
2481                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2482                    >
2483                        Sew a Sporty Racerback Tank
2484                    </div>
2485
2486                    <div
2487                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2488                    >
2489                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2490    <span
2491    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
2492>
2493    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2494    <div
2495        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
2496    >
2497        Class
2498    </div>
2499</div>
2500                        <!--[if ENDBLOCK]><![endif]-->
2501                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
2502                </div>
2503
2504                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
2505                        Nicki LaFoille
2506                    </cite>
2507                <!--[if ENDBLOCK]><![endif]-->            </header>
2508
2509            <!--[if BLOCK]><![endif]-->                <footer
2510    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
2511>
2512    <!--[if BLOCK]><![endif]-->
2512                        <span>
2513                            <span
2514                                
2515                                class="is-strike-through"
2516                            >
2517                                $39.99
2518                            </span>
2519                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
2520                            <!--[if ENDBLOCK]><![endif]-->                        </span>
2521                    <!--[if ENDBLOCK]><![endif]-->
2522</footer>
2523            <!--[if ENDBLOCK]><![endif]-->        </div>
2524</a>
2525            <!--[if ENDBLOCK]><![endif]-->        </article>
2526    </div>
2527</div>
2528
2529                    <div data-test-ref="list-article" class="list-article column is-flex">
2530    <div class="list-article-inner is-full-width">
2531        <article class="card sale">
2532            <!--[if BLOCK]><![endif]-->                <div
2533    data-test-ref="overlay-flag"
2534    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
2535>
2536    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
2537        Sale
2538    </span>
2539</div>
2540            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/beyond-the-basics-advanced-fanny-pack-design-and-assembly" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
2541    <figure
2542                        data-test-ref="card-image"
2543                        class="is-relative is-full-width"
2544                    >
2545                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2546        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2026/02/17090806/Beyond-the-Basics-Advanced-Fanny-Pack-Design-and-Assembly_notext-1-768x432.jpg" alt="" loading="lazy" />
2547    </picture>
2548<!--[if ENDBLOCK]><![endif]-->
2549        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2550                    </figure>
2551                    <div
2552            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2553        >
2554            <header class="is-full-width">
2555                
2556
2557                <div class="is-flex is-flex-direction-column-reverse">
2558                    <div
2559                        data-test-ref="card-title"
2560                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2561                    >
2562                        Beyond the Basics: Advanced Fanny Pack Design and Assembly
2563                    </div>
2564
2565                    <div
2566                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2567                    >
2568                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2569    <span
2570    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
2571>
2572    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2573    <div
2574        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
2575    >
2576        Class
2577    </div>
2578</div>
2579                        <!--[if ENDBLOCK]><![endif]-->
2580                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
2581                </div>
2582
2583                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
2584                        Nicki LaFoille
2585                    </cite>
2586                <!--[if ENDBLOCK]><![endif]-->            </header>
2587
2588            <!--[if BLOCK]><![endif]-->                <footer
2589    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
2590>
2591    <!--[if BLOCK]><![endif]-->
2591                        <span>
2592                            <span
2593                                
2594                                class="is-strike-through"
2595                            >
2596                                $39.99
2597                            </span>
2598                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
2599                            <!--[if ENDBLOCK]><![endif]-->                        </span>
2600                    <!--[if ENDBLOCK]><![endif]-->
2601</footer>
2602            <!--[if ENDBLOCK]><![endif]-->        </div>
2603</a>
2604            <!--[if ENDBLOCK]><![endif]-->        </article>
2605    </div>
2606</div>
2607
2608                    <div data-test-ref="list-article" class="list-article column is-flex">
2609    <div class="list-article-inner is-full-width">
2610        <article class="card sale">
2611            <!--[if BLOCK]><![endif]-->                <div
2612    data-test-ref="overlay-flag"
2613    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
2614>
2615    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
2616        Sale
2617    </span>
2618</div>
2619            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/sew-skirts-without-a-pattern-a-step-by-step-class" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
2620    <figure
2621                        data-test-ref="card-image"
2622                        class="is-relative is-full-width"
2623                    >
2624                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2625        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/12/04100635/Sew_Skirts_Without_a_Pattern_A_Step-by-Step_Class_notext-768x432.jpg" alt="" loading="lazy" />
2626    </picture>
2627<!--[if ENDBLOCK]><![endif]-->
2628        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2629                    </figure>
2630                    <div
2631            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2632        >
2633            <header class="is-full-width">
2634                
2635
2636                <div class="is-flex is-flex-direction-column-reverse">
2637                    <div
2638                        data-test-ref="card-title"
2639                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2640                    >
2641                        Sew Skirts Without a Pattern: A Step-by-Step Class
2642                    </div>
2643
2644                    <div
2645                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2646                    >
2647                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2648    <span
2649    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
2650>
2651    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2652    <div
2653        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
2654    >
2655        Class
2656    </div>
2657</div>
2658                        <!--[if ENDBLOCK]><![endif]-->
2659                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
2660                </div>
2661
2662                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
2663                        Mary Beth Temple
2664                    </cite>
2665                <!--[if ENDBLOCK]><![endif]-->            </header>
2666
2667            <!--[if BLOCK]><![endif]-->                <footer
2668    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
2669>
2670    <!--[if BLOCK]><![endif]-->
2670                        <span>
2671                            <span
2672                                
2673                                class="is-strike-through"
2674                            >
2675                                $39.99
2676                            </span>
2677                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
2678                            <!--[if ENDBLOCK]><![endif]-->                        </span>
2679                    <!--[if ENDBLOCK]><![endif]-->
2680</footer>
2681            <!--[if ENDBLOCK]><![endif]-->        </div>
2682</a>
2683            <!--[if ENDBLOCK]><![endif]-->        </article>
2684    </div>
2685</div>
2686
2687                    <div data-test-ref="list-article" class="list-article column is-flex">
2688    <div class="list-article-inner is-full-width">
2689        <article class="card sale">
2690            <!--[if BLOCK]><![endif]-->                <div
2691    data-test-ref="overlay-flag"
2692    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
2693>
2694    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
2695        Sale
2696    </span>
2697</div>
2698            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/sew-a-dual-duty-weekend-tote-machine-carrier" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
2699    <figure
2700                        data-test-ref="card-image"
2701                        class="is-relative is-full-width"
2702                    >
2703                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2704        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23141221/Sew-a-Dual-Duty-Weekend-Tote-Machine-Carrier_notext-768x432.jpg" alt="" loading="lazy" />
2705    </picture>
2706<!--[if ENDBLOCK]><![endif]-->
2707        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2708                    </figure>
2709                    <div
2710            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2711        >
2712            <header class="is-full-width">
2713                
2714
2715                <div class="is-flex is-flex-direction-column-reverse">
2716                    <div
2717                        data-test-ref="card-title"
2718                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2719                    >
2720                        Sew a Dual-Duty Weekend Tote &amp; Machine Carrier
2721                    </div>
2722
2723                    <div
2724                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2725                    >
2726                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2727    <span
2728    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
2729>
2730    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2731    <div
2732        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
2733    >
2734        Class
2735    </div>
2736</div>
2737                        <!--[if ENDBLOCK]><![endif]-->
2738                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
2739                </div>
2740
2741                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
2742                        Nicki LaFoille
2743                    </cite>
2744                <!--[if ENDBLOCK]><![endif]-->            </header>
2745
2746            <!--[if BLOCK]><![endif]-->                <footer
2747    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
2748>
2749    <!--[if BLOCK]><![endif]-->
2749                        <span>
2750                            <span
2751                                
2752                                class="is-strike-through"
2753                            >
2754                                $39.99
2755                            </span>
2756                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
2757                            <!--[if ENDBLOCK]><![endif]-->                        </span>
2758                    <!--[if ENDBLOCK]><![endif]-->
2759</footer>
2760            <!--[if ENDBLOCK]><![endif]-->        </div>
2761</a>
2762            <!--[if ENDBLOCK]><![endif]-->        </article>
2763    </div>
2764</div>
2765
2766                    <div data-test-ref="list-article" class="list-article column is-flex">
2767    <div class="list-article-inner is-full-width">
2768        <article class="card sale">
2769            <!--[if BLOCK]><![endif]-->                <div
2770    data-test-ref="overlay-flag"
2771    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
2772>
2773    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
2774        Sale
2775    </span>
2776</div>
2777            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/sew-a-stylish-cross-body-bag" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
2778    <figure
2779                        data-test-ref="card-image"
2780                        class="is-relative is-full-width"
2781                    >
2782                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2783        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23141218/SEW_Sew_a_Stylish_Cross-Body_Bag_LaFoille_notext-768x432.jpg" alt="" loading="lazy" />
2784    </picture>
2785<!--[if ENDBLOCK]><![endif]-->
2786        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2787                    </figure>
2788                    <div
2789            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2790        >
2791            <header class="is-full-width">
2792                
2793
2794                <div class="is-flex is-flex-direction-column-reverse">
2795                    <div
2796                        data-test-ref="card-title"
2797                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2798                    >
2799                        Sew a Stylish Cross-Body Bag
2800                    </div>
2801
2802                    <div
2803                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2804                    >
2805                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2806    <span
2807    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
2808>
2809    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2810    <div
2811        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
2812    >
2813        Class
2814    </div>
2815</div>
2816                        <!--[if ENDBLOCK]><![endif]-->
2817                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
2818                </div>
2819
2820                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
2821                        Nicki LaFoille
2822                    </cite>
2823                <!--[if ENDBLOCK]><![endif]-->            </header>
2824
2825            <!--[if BLOCK]><![endif]-->                <footer
2826    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
2827>
2828    <!--[if BLOCK]><![endif]-->
2828                        <span>
2829                            <span
2830                                
2831                                class="is-strike-through"
2832                            >
2833                                $39.99
2834                            </span>
2835                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
2836                            <!--[if ENDBLOCK]><![endif]-->                        </span>
2837                    <!--[if ENDBLOCK]><![endif]-->
2838</footer>
2839            <!--[if ENDBLOCK]><![endif]-->        </div>
2840</a>
2841            <!--[if ENDBLOCK]><![endif]-->        </article>
2842    </div>
2843</div>
2844
2845                    <div data-test-ref="list-article" class="list-article column is-flex">
2846    <div class="list-article-inner is-full-width">
2847        <article class="card sale">
2848            <!--[if BLOCK]><![endif]-->                <div
2849    data-test-ref="overlay-flag"
2850    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
2851>
2852    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
2853        Sale
2854    </span>
2855</div>
2856            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/make-a-memory-bear-from-a-quilt" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
2857    <figure
2858                        data-test-ref="card-image"
2859                        class="is-relative is-full-width"
2860                    >
2861                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2862        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23141214/SEW_Make_a_Memory_Bear_From_a_Quilt_Temple_notext-768x432.jpg" alt="" loading="lazy" />
2863    </picture>
2864<!--[if ENDBLOCK]><![endif]-->
2865        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2866                    </figure>
2867                    <div
2868            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2869        >
2870            <header class="is-full-width">
2871                
2872
2873                <div class="is-flex is-flex-direction-column-reverse">
2874                    <div
2875                        data-test-ref="card-title"
2876                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2877                    >
2878                        Make a Memory Bear from a Quilt: Learn Sewing Techniques for a Sentimental Keepsake
2879                    </div>
2880
2881                    <div
2882                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2883                    >
2884                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2885    <span
2886    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
2887>
2888    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2889    <div
2890        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
2891    >
2892        Class
2893    </div>
2894</div>
2895                        <!--[if ENDBLOCK]><![endif]-->
2896                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
2897                </div>
2898
2899                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
2900                        Mary Beth Temple
2901                    </cite>
2902                <!--[if ENDBLOCK]><![endif]-->            </header>
2903
2904            <!--[if BLOCK]><![endif]-->                <footer
2905    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
2906>
2907    <!--[if BLOCK]><![endif]-->
2907                        <span>
2908                            <span
2909                                
2910                                class="is-strike-through"
2911                            >
2912                                $39.99
2913                            </span>
2914                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
2915                            <!--[if ENDBLOCK]><![endif]-->                        </span>
2916                    <!--[if ENDBLOCK]><![endif]-->
2917</footer>
2918            <!--[if ENDBLOCK]><![endif]-->        </div>
2919</a>
2920            <!--[if ENDBLOCK]><![endif]-->        </article>
2921    </div>
2922</div>
2923
2924                    <div data-test-ref="list-article" class="list-article column is-flex">
2925    <div class="list-article-inner is-full-width">
2926        <article class="card sale">
2927            <!--[if BLOCK]><![endif]-->                <div
2928    data-test-ref="overlay-flag"
2929    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
2930>
2931    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
2932        Sale
2933    </span>
2934</div>
2935            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/textile-art" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
2936    <figure
2937                        data-test-ref="card-image"
2938                        class="is-relative is-full-width"
2939                    >
2940                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2941        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23141211/SEW_Textile_Art_Temple_Titlecard_notext-768x432.jpg" alt="" loading="lazy" />
2942    </picture>
2943<!--[if ENDBLOCK]><![endif]-->
2944        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2945                    </figure>
2946                    <div
2947            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2948        >
2949            <header class="is-full-width">
2950                
2951
2952                <div class="is-flex is-flex-direction-column-reverse">
2953                    <div
2954                        data-test-ref="card-title"
2955                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2956                    >
2957                        Textile Art: Create One-of-a-Kind Fabric with Markers, Paint, Acid Dyes &amp; Cyanotype
2958                    </div>
2959
2960                    <div
2961                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2962                    >
2963                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2964    <span
2965    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
2966>
2967    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2968    <div
2969        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
2970    >
2971        Class
2972    </div>
2973</div>
2974                        <!--[if ENDBLOCK]><![endif]-->
2975                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
2976                </div>
2977
2978                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
2979                        Mary Beth Temple
2980                    </cite>
2981                <!--[if ENDBLOCK]><![endif]-->            </header>
2982
2983            <!--[if BLOCK]><![endif]-->                <footer
2984    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
2985>
2986    <!--[if BLOCK]><![endif]-->
2986                        <span>
2987                            <span
2988                                
2989                                class="is-strike-through"
2990                            >
2991                                $39.99
2992                            </span>
2993                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
2994                            <!--[if ENDBLOCK]><![endif]-->                        </span>
2995                    <!--[if ENDBLOCK]><![endif]-->
2996</footer>
2997            <!--[if ENDBLOCK]><![endif]-->        </div>
2998</a>
2999            <!--[if ENDBLOCK]><![endif]-->        </article>
3000    </div>
3001</div>
3002
3003                    <div data-test-ref="list-article" class="list-article column is-flex">
3004    <div class="list-article-inner is-full-width">
3005        <article class="card sale">
3006            <!--[if BLOCK]><![endif]-->                <div
3007    data-test-ref="overlay-flag"
3008    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
3009>
3010    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
3011        Sale
3012    </span>
3013</div>
3014            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/sashiko-embroidery-masterclass" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
3015    <figure
3016                        data-test-ref="card-image"
3017                        class="is-relative is-full-width"
3018                    >
3019                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
3020        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23141207/SEW_Sashiko_Embroidery_Masterclass_Temple_titlecard_notext-768x432.jpg" alt="" loading="lazy" />
3021    </picture>
3022<!--[if ENDBLOCK]><![endif]-->
3023        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3024                    </figure>
3025                    <div
3026            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
3027        >
3028            <header class="is-full-width">
3029                
3030
3031                <div class="is-flex is-flex-direction-column-reverse">
3032                    <div
3033                        data-test-ref="card-title"
3034                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
3035                    >
3036                        Sashiko Embroidery Masterclass: Traditional Japanese Techniques for Modern Sewing
3037                    </div>
3038
3039                    <div
3040                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
3041                    >
3042                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
3043    <span
3044    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
3045>
3046    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
3047    <div
3048        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
3049    >
3050        Class
3051    </div>
3052</div>
3053                        <!--[if ENDBLOCK]><![endif]-->
3054                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
3055                </div>
3056
3057                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
3058                        Mary Beth Temple
3059                    </cite>
3060                <!--[if ENDBLOCK]><![endif]-->            </header>
3061
3062            <!--[if BLOCK]><![endif]-->                <footer
3063    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
3064>
3065    <!--[if BLOCK]><![endif]-->
3065                        <span>
3066                            <span
3067                                
3068                                class="is-strike-through"
3069                            >
3070                                $39.99
3071                            </span>
3072                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
3073                            <!--[if ENDBLOCK]><![endif]-->                        </span>
3074                    <!--[if ENDBLOCK]><![endif]-->
3075</footer>
3076            <!--[if ENDBLOCK]><![endif]-->        </div>
3077</a>
3078            <!--[if ENDBLOCK]><![endif]-->        </article>
3079    </div>
3080</div>
3081
3082                    <div data-test-ref="list-article" class="list-article column is-flex">
3083    <div class="list-article-inner is-full-width">
3084        <article class="card sale">
3085            <!--[if BLOCK]><![endif]-->                <div
3086    data-test-ref="overlay-flag"
3087    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
3088>
3089    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
3090        Sale
3091    </span>
3092</div>
3093            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/make-a-cozy-coat-from-thrifted-quilts-draft-your-own-pattern-and-add-creative-closures" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
3094    <figure
3095                        data-test-ref="card-image"
3096                        class="is-relative is-full-width"
3097                    >
3098                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
3099        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23141204/SEW_Make_a_Cozy_Coat_from_Thrifted_Quilts_Temple_titlecard_notext-768x432.jpg" alt="" loading="lazy" />
3100    </picture>
3101<!--[if ENDBLOCK]><![endif]-->
3102        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3103                    </figure>
3104                    <div
3105            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
3106        >
3107            <header class="is-full-width">
3108                
3109
3110                <div class="is-flex is-flex-direction-column-reverse">
3111                    <div
3112                        data-test-ref="card-title"
3113                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
3114                    >
3115                        Make a Cozy Coat from Thrifted Quilts: Draft Your Own Pattern and Add Creative Closures
3116                    </div>
3117
3118                    <div
3119                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
3120                    >
3121                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
3122    <span
3123    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
3124>
3125    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
3126    <div
3127        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
3128    >
3129        Class
3130    </div>
3131</div>
3132                        <!--[if ENDBLOCK]><![endif]-->
3133                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
3134                </div>
3135
3136                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
3137                        Mary Beth Temple
3138                    </cite>
3139                <!--[if ENDBLOCK]><![endif]-->            </header>
3140
3141            <!--[if BLOCK]><![endif]-->                <footer
3142    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
3143>
3144    <!--[if BLOCK]><![endif]-->
3144                        <span>
3145                            <span
3146                                
3147                                class="is-strike-through"
3148                            >
3149                                $39.99
3150                            </span>
3151                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
3152                            <!--[if ENDBLOCK]><![endif]-->                        </span>
3153                    <!--[if ENDBLOCK]><![endif]-->
3154</footer>
3155            <!--[if ENDBLOCK]><![endif]-->        </div>
3156</a>
3157            <!--[if ENDBLOCK]><![endif]-->        </article>
3158    </div>
3159</div>
3160
3161                    <div data-test-ref="list-article" class="list-article column is-flex">
3162    <div class="list-article-inner is-full-width">
3163        <article class="card sale">
3164            <!--[if BLOCK]><![endif]-->                <div
3165    data-test-ref="overlay-flag"
3166    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
3167>
3168    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
3169        Sale
3170    </span>
3171</div>
3172            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/thrift-flipping-how-to-upcycle-fashion-finds" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
3173    <figure
3174                        data-test-ref="card-image"
3175                        class="is-relative is-full-width"
3176                    >
3177                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
3178        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23141201/SEW_Thrift-Flipping-How-to-Upcycle-Fashion-Finds_Temple_notext-768x432.jpg" alt="" loading="lazy" />
3179    </picture>
3180<!--[if ENDBLOCK]><![endif]-->
3181        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3182                    </figure>
3183                    <div
3184            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
3185        >
3186            <header class="is-full-width">
3187                
3188
3189                <div class="is-flex is-flex-direction-column-reverse">
3190                    <div
3191                        data-test-ref="card-title"
3192                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
3193                    >
3194                        Thrift Flipping: How to Upcycle Fashion Finds
3195                    </div>
3196
3197                    <div
3198                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
3199                    >
3200                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
3201    <span
3202    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
3203>
3204    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
3205    <div
3206        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
3207    >
3208        Class
3209    </div>
3210</div>
3211                        <!--[if ENDBLOCK]><![endif]-->
3212                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
3213                </div>
3214
3215                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
3216                        Mary Beth Temple
3217                    </cite>
3218                <!--[if ENDBLOCK]><![endif]-->            </header>
3219
3220            <!--[if BLOCK]><![endif]-->                <footer
3221    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
3222>
3223    <!--[if BLOCK]><![endif]-->
3223                        <span>
3224                            <span
3225                                
3226                                class="is-strike-through"
3227                            >
3228                                $39.99
3229                            </span>
3230                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
3231                            <!--[if ENDBLOCK]><![endif]-->                        </span>
3232                    <!--[if ENDBLOCK]><![endif]-->
3233</footer>
3234            <!--[if ENDBLOCK]><![endif]-->        </div>
3235</a>
3236            <!--[if ENDBLOCK]><![endif]-->        </article>
3237    </div>
3238</div>
3239
3240                    <div data-test-ref="list-article" class="list-article column is-flex">
3241    <div class="list-article-inner is-full-width">
3242        <article class="card sale">
3243            <!--[if BLOCK]><![endif]-->                <div
3244    data-test-ref="overlay-flag"
3245    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
3246>
3247    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
3248        Sale
3249    </span>
3250</div>
3251            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/leather-vinyl-sewing-for-beginners" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
3252    <figure
3253                        data-test-ref="card-image"
3254                        class="is-relative is-full-width"
3255                    >
3256                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
3257        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23141158/SEW_Leather_and_Vinyl_Sewing_for_Beginners_Temple_titlecard_notext-768x432.jpg" alt="" loading="lazy" />
3258    </picture>
3259<!--[if ENDBLOCK]><![endif]-->
3260        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3261                    </figure>
3262                    <div
3263            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
3264        >
3265            <header class="is-full-width">
3266                
3267
3268                <div class="is-flex is-flex-direction-column-reverse">
3269                    <div
3270                        data-test-ref="card-title"
3271                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
3272                    >
3273                        Leather &amp; Vinyl Sewing for Beginners
3274                    </div>
3275
3276                    <div
3277                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
3278                    >
3279                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
3280    <span
3281    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
3282>
3283    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
3284    <div
3285        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
3286    >
3287        Class
3288    </div>
3289</div>
3290                        <!--[if ENDBLOCK]><![endif]-->
3291                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
3292                </div>
3293
3294                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
3295                        Mary Beth Temple
3296                    </cite>
3297                <!--[if ENDBLOCK]><![endif]-->            </header>
3298
3299            <!--[if BLOCK]><![endif]-->                <footer
3300    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
3301>
3302    <!--[if BLOCK]><![endif]-->
3302                        <span>
3303                            <span
3304                                
3305                                class="is-strike-through"
3306                            >
3307                                $39.99
3308                            </span>
3309                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
3310                            <!--[if ENDBLOCK]><![endif]-->                        </span>
3311                    <!--[if ENDBLOCK]><![endif]-->
3312</footer>
3313            <!--[if ENDBLOCK]><![endif]-->        </div>
3314</a>
3315            <!--[if ENDBLOCK]><![endif]-->        </article>
3316    </div>
3317</div>
3318
3319                    <div data-test-ref="list-article" class="list-article column is-flex">
3320    <div class="list-article-inner is-full-width">
3321        <article class="card sale">
3322            <!--[if BLOCK]><![endif]-->                <div
3323    data-test-ref="overlay-flag"
3324    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
3325>
3326    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
3327        Sale
3328    </span>
3329</div>
3330            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/altering-commercial-patterns-for-a-custom-designed-look" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
3331    <figure
3332                        data-test-ref="card-image"
3333                        class="is-relative is-full-width"
3334                    >
3335                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
3336        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23141154/Altering-Commercials-Patterns-for-a-Custom-Designed-Look_notext-1-1-768x432.jpg" alt="" loading="lazy" />
3337    </picture>
3338<!--[if ENDBLOCK]><![endif]-->
3339        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3340                    </figure>
3341                    <div
3342            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
3343        >
3344            <header class="is-full-width">
3345                
3346
3347                <div class="is-flex is-flex-direction-column-reverse">
3348                    <div
3349                        data-test-ref="card-title"
3350                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
3351                    >
3352                        Altering Commercial Patterns for a Custom Designed Look
3353                    </div>
3354
3355                    <div
3356                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
3357                    >
3358                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
3359    <span
3360    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
3361>
3362    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
3363    <div
3364        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
3365    >
3366        Class
3367    </div>
3368</div>
3369                        <!--[if ENDBLOCK]><![endif]-->
3370                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
3371                </div>
3372
3373                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
3374                        Nicki LaFoille
3375                    </cite>
3376                <!--[if ENDBLOCK]><![endif]-->            </header>
3377
3378            <!--[if BLOCK]><![endif]-->                <footer
3379    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
3380>
3381    <!--[if BLOCK]><![endif]-->
3381                        <span>
3382                            <span
3383                                
3384                                class="is-strike-through"
3385                            >
3386                                $39.99
3387                            </span>
3388                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
3389                            <!--[if ENDBLOCK]><![endif]-->                        </span>
3390                    <!--[if ENDBLOCK]><![endif]-->
3391</footer>
3392            <!--[if ENDBLOCK]><![endif]-->        </div>
3393</a>
3394            <!--[if ENDBLOCK]><![endif]-->        </article>
3395    </div>
3396</div>
3397
3398                    <div data-test-ref="list-article" class="list-article column is-flex">
3399    <div class="list-article-inner is-full-width">
3400        <article class="card sale">
3401            <!--[if BLOCK]><![endif]-->                <div
3402    data-test-ref="overlay-flag"
3403    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
3404>
3405    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
3406        Sale
3407    </span>
3408</div>
3409            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/pattern-free-garments" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
3410    <figure
3411                        data-test-ref="card-image"
3412                        class="is-relative is-full-width"
3413                    >
3414                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
3415        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23141151/Pattern-Free-Garments_notext-1-768x432.jpg" alt="" loading="lazy" />
3416    </picture>
3417<!--[if ENDBLOCK]><![endif]-->
3418        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3419                    </figure>
3420                    <div
3421            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
3422        >
3423            <header class="is-full-width">
3424                
3425
3426                <div class="is-flex is-flex-direction-column-reverse">
3427                    <div
3428                        data-test-ref="card-title"
3429                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
3430                    >
3431                        Pattern Free Garments
3432                    </div>
3433
3434                    <div
3435                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
3436                    >
3437                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
3438    <span
3439    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
3440>
3441    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
3442    <div
3443        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
3444    >
3445        Class
3446    </div>
3447</div>
3448                        <!--[if ENDBLOCK]><![endif]-->
3449                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
3450                </div>
3451
3452                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
3453                        Nicki LaFoille
3454                    </cite>
3455                <!--[if ENDBLOCK]><![endif]-->            </header>
3456
3457            <!--[if BLOCK]><![endif]-->                <footer
3458    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
3459>
3460    <!--[if BLOCK]><![endif]-->
3460                        <span>
3461                            <span
3462                                
3463                                class="is-strike-through"
3464                            >
3465                                $39.99
3466                            </span>
3467                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
3468                            <!--[if ENDBLOCK]><![endif]-->                        </span>
3469                    <!--[if ENDBLOCK]><![endif]-->
3470</footer>
3471            <!--[if ENDBLOCK]><![endif]-->        </div>
3472</a>
3473            <!--[if ENDBLOCK]><![endif]-->        </article>
3474    </div>
3475</div>
3476
3477                    <div data-test-ref="list-article" class="list-article column is-flex">
3478    <div class="list-article-inner is-full-width">
3479        <article class="card sale">
3480            <!--[if BLOCK]><![endif]-->                <div
3481    data-test-ref="overlay-flag"
3482    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
3483>
3484    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
3485        Sale
3486    </span>
3487</div>
3488            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/divider-tote" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
3489    <figure
3490                        data-test-ref="card-image"
3491                        class="is-relative is-full-width"
3492                    >
3493                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
3494        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23141117/Divider-Tote_notext-768x432.jpg" alt="" loading="lazy" />
3495    </picture>
3496<!--[if ENDBLOCK]><![endif]-->
3497        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3498                    </figure>
3499                    <div
3500            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
3501        >
3502            <header class="is-full-width">
3503                
3504
3505                <div class="is-flex is-flex-direction-column-reverse">
3506                    <div
3507                        data-test-ref="card-title"
3508                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
3509                    >
3510                        Divider Tote
3511                    </div>
3512
3513                    <div
3514                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
3515                    >
3516                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
3517    <span
3518    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
3519>
3520    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
3521    <div
3522        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
3523    >
3524        Class
3525    </div>
3526</div>
3527                        <!--[if ENDBLOCK]><![endif]-->
3528                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
3529                </div>
3530
3531                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
3532                        Nicki LaFoille
3533                    </cite>
3534                <!--[if ENDBLOCK]><![endif]-->            </header>
3535
3536            <!--[if BLOCK]><![endif]-->                <footer
3537    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
3538>
3539    <!--[if BLOCK]><![endif]-->
3539                        <span>
3540                            <span
3541                                
3542                                class="is-strike-through"
3543                            >
3544                                $39.99
3545                            </span>
3546                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
3547                            <!--[if ENDBLOCK]><![endif]-->                        </span>
3548                    <!--[if ENDBLOCK]><![endif]-->
3549</footer>
3550            <!--[if ENDBLOCK]><![endif]-->        </div>
3551</a>
3552            <!--[if ENDBLOCK]><![endif]-->        </article>
3553    </div>
3554</div>
3555
3556                    <div data-test-ref="list-article" class="list-article column is-flex">
3557    <div class="list-article-inner is-full-width">
3558        <article class="card sale">
3559            <!--[if BLOCK]><![endif]-->                <div
3560    data-test-ref="overlay-flag"
3561    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
3562>
3563    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
3564        Sale
3565    </span>
3566</div>
3567            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/copying-ready-to-wear-the-cutting-method" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
3568    <figure
3569                        data-test-ref="card-image"
3570                        class="is-relative is-full-width"
3571                    >
3572                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
3573        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23141115/Copying-Ready-to-Wear-The-Cutting-Method-1-768x432.jpg" alt="" loading="lazy" />
3574    </picture>
3575<!--[if ENDBLOCK]><![endif]-->
3576        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3577                    </figure>
3578                    <div
3579            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
3580        >
3581            <header class="is-full-width">
3582                
3583
3584                <div class="is-flex is-flex-direction-column-reverse">
3585                    <div
3586                        data-test-ref="card-title"
3587                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
3588                    >
3589                        Copying Ready to Wear: The Cutting Method
3590                    </div>
3591
3592                    <div
3593                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
3594                    >
3595                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
3596    <span
3597    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
3598>
3599    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
3600    <div
3601        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
3602    >
3603        Class
3604    </div>
3605</div>
3606                        <!--[if ENDBLOCK]><![endif]-->
3607                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
3608                </div>
3609
3610                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
3611                        Suzy Furrer
3612                    </cite>
3613                <!--[if ENDBLOCK]><![endif]-->            </header>
3614
3615            <!--[if BLOCK]><![endif]-->                <footer
3616    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
3617>
3618    <!--[if BLOCK]><![endif]-->
3618                        <span>
3619                            <span
3620                                
3621                                class="is-strike-through"
3622                            >
3623                                $39.99
3624                            </span>
3625                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
3626                            <!--[if ENDBLOCK]><![endif]-->                        </span>
3627                    <!--[if ENDBLOCK]><![endif]-->
3628</footer>
3629            <!--[if ENDBLOCK]><![endif]-->        </div>
3630</a>
3631            <!--[if ENDBLOCK]><![endif]-->        </article>
3632    </div>
3633</div>
3634
3635                    <div data-test-ref="list-article" class="list-article column is-flex">
3636    <div class="list-article-inner is-full-width">
3637        <article class="card sale">
3638            <!--[if BLOCK]><![endif]-->                <div
3639    data-test-ref="overlay-flag"
3640    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
3641>
3642    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
3643        Sale
3644    </span>
3645</div>
3646            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/pressing-tools" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
3647    <figure
3648                        data-test-ref="card-image"
3649                        class="is-relative is-full-width"
3650                    >
3651                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
3652        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23141111/Pressing-Tools-2-768x432.jpg" alt="" loading="lazy" />
3653    </picture>
3654<!--[if ENDBLOCK]><![endif]-->
3655        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3656                    </figure>
3657                    <div
3658            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
3659        >
3660            <header class="is-full-width">
3661                
3662
3663                <div class="is-flex is-flex-direction-column-reverse">
3664                    <div
3665                        data-test-ref="card-title"
3666                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
3667                    >
3668                        Pressing Tools
3669                    </div>
3670
3671                    <div
3672                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
3673                    >
3674                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
3675    <span
3676    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
3677>
3678    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
3679    <div
3680        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
3681    >
3682        Class
3683    </div>
3684</div>
3685                        <!--[if ENDBLOCK]><![endif]-->
3686                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
3687                </div>
3688
3689                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
3690                        Suzy Furrer
3691                    </cite>
3692                <!--[if ENDBLOCK]><![endif]-->            </header>
3693
3694            <!--[if BLOCK]><![endif]-->                <footer
3695    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
3696>
3697    <!--[if BLOCK]><![endif]-->
3697                        <span>
3698                            <span
3699                                
3700                                class="is-strike-through"
3701                            >
3702                                $39.99
3703                            </span>
3704                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
3705                            <!--[if ENDBLOCK]><![endif]-->                        </span>
3706                    <!--[if ENDBLOCK]><![endif]-->
3707</footer>
3708            <!--[if ENDBLOCK]><![endif]-->        </div>
3709</a>
3710            <!--[if ENDBLOCK]><![endif]-->        </article>
3711    </div>
3712</div>
3713
3714                    <div data-test-ref="list-article" class="list-article column is-flex">
3715    <div class="list-article-inner is-full-width">
3716        <article class="card sale">
3717            <!--[if BLOCK]><![endif]-->                <div
3718    data-test-ref="overlay-flag"
3719    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
3720>
3721    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
3722        Sale
3723    </span>
3724</div>
3725            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/knit-know-how-cowl-neck-sweatshirt" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
3726    <figure
3727                        data-test-ref="card-image"
3728                        class="is-relative is-full-width"
3729                    >
3730                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
3731        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23141023/Knit-Know-How-Cowl-Neck-Sweatshirt-1-768x432.jpg" alt="" loading="lazy" />
3732    </picture>
3733<!--[if ENDBLOCK]><![endif]-->
3734        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3735                    </figure>
3736                    <div
3737            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
3738        >
3739            <header class="is-full-width">
3740                
3741
3742                <div class="is-flex is-flex-direction-column-reverse">
3743                    <div
3744                        data-test-ref="card-title"
3745                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
3746                    >
3747                        Knit Know-How + Cowl Neck Sweatshirt
3748                    </div>
3749
3750                    <div
3751                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
3752                    >
3753                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
3754    <span
3755    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
3756>
3757    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
3758    <div
3759        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
3760    >
3761        Class
3762    </div>
3763</div>
3764                        <!--[if ENDBLOCK]><![endif]-->
3765                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
3766                </div>
3767
3768                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
3769                        Nicki LaFoille
3770                    </cite>
3771                <!--[if ENDBLOCK]><![endif]-->            </header>
3772
3773            <!--[if BLOCK]><![endif]-->                <footer
3774    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
3775>
3776    <!--[if BLOCK]><![endif]-->
3776                        <span>
3777                            <span
3778                                
3779                                class="is-strike-through"
3780                            >
3781                                $39.99
3782                            </span>
3783                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
3784                            <!--[if ENDBLOCK]><![endif]-->                        </span>
3785                    <!--[if ENDBLOCK]><![endif]-->
3786</footer>
3787            <!--[if ENDBLOCK]><![endif]-->        </div>
3788</a>
3789            <!--[if ENDBLOCK]><![endif]-->        </article>
3790    </div>
3791</div>
3792
3793                    <div data-test-ref="list-article" class="list-article column is-flex">
3794    <div class="list-article-inner is-full-width">
3795        <article class="card sale">
3796            <!--[if BLOCK]><![endif]-->                <div
3797    data-test-ref="overlay-flag"
3798    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
3799>
3800    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
3801        Sale
3802    </span>
3803</div>
3804            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/combining-knit-and-woven-fabric" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
3805    <figure
3806                        data-test-ref="card-image"
3807                        class="is-relative is-full-width"
3808                    >
3809                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
3810        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23141013/Combining-Knit-and-Woven-Fabric_titlecard-1-768x432.jpg" alt="" loading="lazy" />
3811    </picture>
3812<!--[if ENDBLOCK]><![endif]-->
3813        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3814                    </figure>
3815                    <div
3816            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
3817        >
3818            <header class="is-full-width">
3819                
3820
3821                <div class="is-flex is-flex-direction-column-reverse">
3822                    <div
3823                        data-test-ref="card-title"
3824                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
3825                    >
3826                        Combining Knit and Woven Fabric
3827                    </div>
3828
3829                    <div
3830                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
3831                    >
3832                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
3833    <span
3834    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
3835>
3836    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
3837    <div
3838        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
3839    >
3840        Class
3841    </div>
3842</div>
3843                        <!--[if ENDBLOCK]><![endif]-->
3844                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
3845                </div>
3846
3847                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
3848                        Nicki LaFoille
3849                    </cite>
3850                <!--[if ENDBLOCK]><![endif]-->            </header>
3851
3852            <!--[if BLOCK]><![endif]-->                <footer
3853    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
3854>
3855    <!--[if BLOCK]><![endif]-->
3855                        <span>
3856                            <span
3857                                
3858                                class="is-strike-through"
3859                            >
3860                                $39.99
3861                            </span>
3862                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
3863                            <!--[if ENDBLOCK]><![endif]-->                        </span>
3864                    <!--[if ENDBLOCK]><![endif]-->
3865</footer>
3866            <!--[if ENDBLOCK]><![endif]-->        </div>
3867</a>
3868            <!--[if ENDBLOCK]><![endif]-->        </article>
3869    </div>
3870</div>
3871
3872                    <div data-test-ref="list-article" class="list-article column is-flex">
3873    <div class="list-article-inner is-full-width">
3874        <article class="card sale">
3875            <!--[if BLOCK]><![endif]-->                <div
3876    data-test-ref="overlay-flag"
3877    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
3878>
3879    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
3880        Sale
3881    </span>
3882</div>
3883            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/hands-on-crafts-for-kids-the-artist-in-you" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
3884    <figure
3885                        data-test-ref="card-image"
3886                        class="is-relative is-full-width"
3887                    >
3888                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
3889        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23141005/HOC1600_The_Artist_in_You_16x9-768x432.jpg" alt="" loading="lazy" />
3890    </picture>
3891<!--[if ENDBLOCK]><![endif]-->
3892        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3893                    </figure>
3894                    <div
3895            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
3896        >
3897            <header class="is-full-width">
3898                
3899
3900                <div class="is-flex is-flex-direction-column-reverse">
3901                    <div
3902                        data-test-ref="card-title"
3903                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
3904                    >
3905                        Hands On Crafts for Kids: The Artist in You!
3906                    </div>
3907
3908                    <div
3909                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
3910                    >
3911                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
3912    <span
3913    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
3914>
3915    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
3916    <div
3917        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
3918    >
3919        Class
3920    </div>
3921</div>
3922                        <!--[if ENDBLOCK]><![endif]-->
3923                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
3924                </div>
3925
3926                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
3927                        Candie Cooper and Katie Hacker
3928                    </cite>
3929                <!--[if ENDBLOCK]><![endif]-->            </header>
3930
3931            <!--[if BLOCK]><![endif]-->                <footer
3932    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
3933>
3934    <!--[if BLOCK]><![endif]-->
3934                        <span>
3935                            <span
3936                                
3937                                class="is-strike-through"
3938                            >
3939                                $29.99
3940                            </span>
3941                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$7.00</span>
3942                            <!--[if ENDBLOCK]><![endif]-->                        </span>
3943                    <!--[if ENDBLOCK]><![endif]-->
3944</footer>
3945            <!--[if ENDBLOCK]><![endif]-->        </div>
3946</a>
3947            <!--[if ENDBLOCK]><![endif]-->        </article>
3948    </div>
3949</div>
3950
3951                    <div data-test-ref="list-article" class="list-article column is-flex">
3952    <div class="list-article-inner is-full-width">
3953        <article class="card sale">
3954            <!--[if BLOCK]><![endif]-->                <div
3955    data-test-ref="overlay-flag"
3956    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
3957>
3958    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
3959        Sale
3960    </span>
3961</div>
3962            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/backpack-basics-construct-customize" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
3963    <figure
3964                        data-test-ref="card-image"
3965                        class="is-relative is-full-width"
3966                    >
3967                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
3968        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23141002/Title-card-5-768x432.jpg" alt="" loading="lazy" />
3969    </picture>
3970<!--[if ENDBLOCK]><![endif]-->
3971        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3972                    </figure>
3973                    <div
3974            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
3975        >
3976            <header class="is-full-width">
3977                
3978
3979                <div class="is-flex is-flex-direction-column-reverse">
3980                    <div
3981                        data-test-ref="card-title"
3982                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
3983                    >
3984                        Backpack Basics: Construct &amp; Customize
3985                    </div>
3986
3987                    <div
3988                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
3989                    >
3990                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
3991    <span
3992    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
3993>
3994    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
3995    <div
3996        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
3997    >
3998        Class
3999    </div>
4000</div>
4001                        <!--[if ENDBLOCK]><![endif]-->
4002                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
4003                </div>
4004
4005                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
4006                        Nicki LaFoille
4007                    </cite>
4008                <!--[if ENDBLOCK]><![endif]-->            </header>
4009
4010            <!--[if BLOCK]><![endif]-->                <footer
4011    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
4012>
4013    <!--[if BLOCK]><![endif]-->
4013                        <span>
4014                            <span
4015                                
4016                                class="is-strike-through"
4017                            >
4018                                $39.99
4019                            </span>
4020                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
4021                            <!--[if ENDBLOCK]><![endif]-->                        </span>
4022                    <!--[if ENDBLOCK]><![endif]-->
4023</footer>
4024            <!--[if ENDBLOCK]><![endif]-->        </div>
4025</a>
4026            <!--[if ENDBLOCK]><![endif]-->        </article>
4027    </div>
4028</div>
4029
4030                    <div data-test-ref="list-article" class="list-article column is-flex">
4031    <div class="list-article-inner is-full-width">
4032        <article class="card sale">
4033            <!--[if BLOCK]><![endif]-->                <div
4034    data-test-ref="overlay-flag"
4035    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
4036>
4037    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
4038        Sale
4039    </span>
4040</div>
4041            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/hands-on-crafts-for-kids-be-creative" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
4042    <figure
4043                        data-test-ref="card-image"
4044                        class="is-relative is-full-width"
4045                    >
4046                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
4047        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23140955/HOC1800_Be_Creative_16x9-768x432.jpg" alt="" loading="lazy" />
4048    </picture>
4049<!--[if ENDBLOCK]><![endif]-->
4050        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4051                    </figure>
4052                    <div
4053            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
4054        >
4055            <header class="is-full-width">
4056                
4057
4058                <div class="is-flex is-flex-direction-column-reverse">
4059                    <div
4060                        data-test-ref="card-title"
4061                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
4062                    >
4063                        Hands On Crafts for Kids: Be Creative
4064                    </div>
4065
4066                    <div
4067                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
4068                    >
4069                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
4070    <span
4071    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
4072>
4073    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
4074    <div
4075        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
4076    >
4077        Class
4078    </div>
4079</div>
4080                        <!--[if ENDBLOCK]><![endif]-->
4081                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
4082                </div>
4083
4084                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
4085                        Candie Cooper and Katie Hacker
4086                    </cite>
4087                <!--[if ENDBLOCK]><![endif]-->            </header>
4088
4089            <!--[if BLOCK]><![endif]-->                <footer
4090    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
4091>
4092    <!--[if BLOCK]><![endif]-->
4092                        <span>
4093                            <span
4094                                
4095                                class="is-strike-through"
4096                            >
4097                                $29.99
4098                            </span>
4099                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$7.00</span>
4100                            <!--[if ENDBLOCK]><![endif]-->                        </span>
4101                    <!--[if ENDBLOCK]><![endif]-->
4102</footer>
4103            <!--[if ENDBLOCK]><![endif]-->        </div>
4104</a>
4105            <!--[if ENDBLOCK]><![endif]-->        </article>
4106    </div>
4107</div>
4108
4109                    <div data-test-ref="list-article" class="list-article column is-flex">
4110    <div class="list-article-inner is-full-width">
4111        <article class="card sale">
4112            <!--[if BLOCK]><![endif]-->                <div
4113    data-test-ref="overlay-flag"
4114    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
4115>
4116    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
4117        Sale
4118    </span>
4119</div>
4120            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/hands-on-crafts-for-kids-a-fresh-look" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
4121    <figure
4122                        data-test-ref="card-image"
4123                        class="is-relative is-full-width"
4124                    >
4125                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
4126        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23140951/HOC1900_A_Fresh_Look_16x9-768x432.jpg" alt="" loading="lazy" />
4127    </picture>
4128<!--[if ENDBLOCK]><![endif]-->
4129        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4130                    </figure>
4131                    <div
4132            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
4133        >
4134            <header class="is-full-width">
4135                
4136
4137                <div class="is-flex is-flex-direction-column-reverse">
4138                    <div
4139                        data-test-ref="card-title"
4140                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
4141                    >
4142                        Hands On Crafts for Kids: A Fresh Look
4143                    </div>
4144
4145                    <div
4146                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
4147                    >
4148                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
4149    <span
4150    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
4151>
4152    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
4153    <div
4154        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
4155    >
4156        Class
4157    </div>
4158</div>
4159                        <!--[if ENDBLOCK]><![endif]-->
4160                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
4161                </div>
4162
4163                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
4164                        Candie Cooper and Katie Hacker
4165                    </cite>
4166                <!--[if ENDBLOCK]><![endif]-->            </header>
4167
4168            <!--[if BLOCK]><![endif]-->                <footer
4169    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
4170>
4171    <!--[if BLOCK]><![endif]-->
4171                        <span>
4172                            <span
4173                                
4174                                class="is-strike-through"
4175                            >
4176                                $29.99
4177                            </span>
4178                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$7.00</span>
4179                            <!--[if ENDBLOCK]><![endif]-->                        </span>
4180                    <!--[if ENDBLOCK]><![endif]-->
4181</footer>
4182            <!--[if ENDBLOCK]><![endif]-->        </div>
4183</a>
4184            <!--[if ENDBLOCK]><![endif]-->        </article>
4185    </div>
4186</div>
4187
4188                    <div data-test-ref="list-article" class="list-article column is-flex">
4189    <div class="list-article-inner is-full-width">
4190        <article class="card sale">
4191            <!--[if BLOCK]><![endif]-->                <div
4192    data-test-ref="overlay-flag"
4193    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
4194>
4195    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
4196        Sale
4197    </span>
4198</div>
4199            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/patternmaking-design-the-pants-sloper" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
4200    <figure
4201                        data-test-ref="card-image"
4202                        class="is-relative is-full-width"
4203                    >
4204                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
4205        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23140947/image-683-768x436.jpeg" alt="" loading="lazy" />
4206    </picture>
4207<!--[if ENDBLOCK]><![endif]-->
4208        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4209                    </figure>
4210                    <div
4211            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
4212        >
4213            <header class="is-full-width">
4214                
4215
4216                <div class="is-flex is-flex-direction-column-reverse">
4217                    <div
4218                        data-test-ref="card-title"
4219                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
4220                    >
4221                        Patternmaking + Design: The Pants Sloper
4222                    </div>
4223
4224                    <div
4225                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
4226                    >
4227                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
4228    <span
4229    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
4230>
4231    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
4232    <div
4233        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
4234    >
4235        Class
4236    </div>
4237</div>
4238                        <!--[if ENDBLOCK]><![endif]-->
4239                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
4240                </div>
4241
4242                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
4243                        Suzy Furrer
4244                    </cite>
4245                <!--[if ENDBLOCK]><![endif]-->            </header>
4246
4247            <!--[if BLOCK]><![endif]-->                <footer
4248    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
4249>
4250    <!--[if BLOCK]><![endif]-->
4250                        <span>
4251                            <span
4252                                
4253                                class="is-strike-through"
4254                            >
4255                                $39.99
4256                            </span>
4257                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
4258                            <!--[if ENDBLOCK]><![endif]-->                        </span>
4259                    <!--[if ENDBLOCK]><![endif]-->
4260</footer>
4261            <!--[if ENDBLOCK]><![endif]-->        </div>
4262</a>
4263            <!--[if ENDBLOCK]><![endif]-->        </article>
4264    </div>
4265</div>
4266
4267                    <div data-test-ref="list-article" class="list-article column is-flex">
4268    <div class="list-article-inner is-full-width">
4269        <article class="card sale">
4270            <!--[if BLOCK]><![endif]-->                <div
4271    data-test-ref="overlay-flag"
4272    class="card-labels is-flex is-flex-wrap-wrap is-align-items-center is-justify-content-space-between is-full-width is-absolute is-block"
4273>
4274    <span class="is-sale tag is-uppercase has-text-white is-absolute is-block">
4275        Sale
4276    </span>
4277</div>
4278            <!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/product/patternmaking-basics-the-bodice-sloper" target="_self" class="is-cursor-pointer is-transparent is-borderless  is-capitalize is-full-height is-flex is-flex-direction-column is-text-decoration-none" role="button" tabindex="0" type="button">
4279    <figure
4280                        data-test-ref="card-image"
4281                        class="is-relative is-full-width"
4282                    >
4283                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
4284        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/sew/content/uploads/2025/10/23140944/image-281-768x432.jpeg" alt="" loading="lazy" />
4285    </picture>
4286<!--[if ENDBLOCK]><![endif]-->
4287        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4288                    </figure>
4289                    <div
4290            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
4291        >
4292            <header class="is-full-width">
4293                
4294
4295                <div class="is-flex is-flex-direction-column-reverse">
4296                    <div
4297                        data-test-ref="card-title"
4298                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
4299                    >
4300                        Patternmaking Basics: The Bodice Sloper
4301                    </div>
4302
4303                    <div
4304                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
4305                    >
4306                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
4307    <span
4308    class="svg-icon display-group-class display-group-small is-flex is-align-items-center mr-2"
4309>
4310    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Class Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><title>Display Group Class Icon</title><path data-name="film strip" d="M13.18 0H3.82A3.82 3.82 0 0 0 0 3.82v9.36A3.82 3.82 0 0 0 3.82 17h9.36A3.82 3.82 0 0 0 17 13.18V3.82A3.82 3.82 0 0 0 13.18 0Zm2.25 3.41h-3.68l1.84-1.84a2.29 2.29 0 0 1 1.84 1.84Zm-9.14 0 1.88-1.88h3.3L9.59 3.41ZM3.82 1.53H6L4.13 3.41H1.57a2.29 2.29 0 0 1 2.25-1.88Zm9.36 13.94H3.82a2.3 2.3 0 0 1-2.29-2.29V4.94h13.94v8.24a2.3 2.3 0 0 1-2.29 2.29Z"/><path d="m6.38 6.94 5 3-5 3Z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
4311    <div
4312        class="h3 is-size-6 m-0 is-flex is-align-items-center has-text-black font-main-light is-capitalized is-line-height-font-size is-text-decoration-none"
4313    >
4314        Class
4315    </div>
4316</div>
4317                        <!--[if ENDBLOCK]><![endif]-->
4318                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
4319                </div>
4320
4321                <!--[if BLOCK]><![endif]-->                    <cite class="card-author mt-1 has-text-black font-main-light is-font-style-none">
4322                        Suzy Furrer
4323                    </cite>
4324                <!--[if ENDBLOCK]><![endif]-->            </header>
4325
4326            <!--[if BLOCK]><![endif]-->                <footer
4327    class="card-footer is-flex is-flex-wrap-wrap is-align-items-center is-full-width pt-4 has-text-black is-size-6-half font-main-bold"
4328>
4329    <!--[if BLOCK]><![endif]-->
4329                        <span>
4330                            <span
4331                                
4332                                class="is-strike-through"
4333                            >
4334                                $39.99
4335                            </span>
4336                            <!--[if BLOCK]><![endif]-->                                <span data-test-ref="price" class="font-color-child-sale">&nbsp;$10.00</span>
4337                            <!--[if ENDBLOCK]><![endif]-->                        </span>
4338                    <!--[if ENDBLOCK]><![endif]-->
4339</footer>
4340            <!--[if ENDBLOCK]><![endif]-->        </div>
4341</a>
4342            <!--[if ENDBLOCK]><![endif]-->        </article>
4343    </div>
4344</div>
4345
4346        <!--[if ENDBLOCK]><![endif]--></div>
4347                    <!--[if BLOCK]><![endif]-->                        <section class="has-text-centered mt-4 show-more-container">
4348                            <button
4349                    class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase button button show-more" role="button" tabindex="0" type="button" wire:click.prevent="showMore" wire:loading.attr="disabled"
4350>
4351    Show More
4352</button>
4353<script>
4354    document.addEventListener('DOMContentLoaded', function () {
4355        Livewire.on('show-more-clicked', function () {
4356            window.asc = window.asc || {};
4357            window.asc.cmd = window.asc.cmd || [];
4358            window.asc.cmd.push(function () {
4359                window.asc.processAdsOnPage();
4360            });
4361        });
4362    });
4363</script>
4363
4364                        </section>
4365                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </div>
4366        </div>
4367    </form>
4368
4369    
4369<script>
4370        document.addEventListener('livewire:initialized', () => {
4371            window.Livewire.find('U7pSSkFFsORePND76AGD').on('filters-updated', () => {
4372                // get the height of the navbar and set scroll-margin-top of the listing container to it
4373                const navbar = document.querySelector('.vs-top-nav');
4374                const navbarHeight = navbar ? navbar.offsetHeight : 0;
4375                document.querySelector('.listing-container').style.scrollMarginTop = `${navbarHeight}px`;
4376
4377                document
4378                    .querySelector('.listing-container')
4379                    .scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' });
4380            });
4381        });
4382    </script>
4382
4383</div>
4384            </section>
4385        </div>
4386    </main>
4387    <div class="vidstore_ad_block-wrap is-clearfix column is-12 p-0 is-flex" id="footer-ad-wrapper">
4388
4389<div
4390    data-aaad="true"
4391    data-aa-adunit='/21718562853/sewing/leaderboard_bottom'
4392    class="vidstore_ad_block mx-auto is-flex is-justify-content-center"
4393></div>
4394
4395    </div>
4396
4397
4398            
4399                            <div class="hero-carousel-wrapper" x-data="{ isPaused: false }">
4400    <section
4401        id="hero-carousel-kDyk4wfRg2dut69T"
4402        class="hero-carousel is-overflow-hidden"
4403        data-test-ref="hero-carousel"
4404    >
4405        <div aria-labelledby="newsletter-slide-6ab5665f247942.10747516-title" class="hero-carousel-slide newsletter" data-test-ref="newsletter-slide" data-test-ref-alignment="center" data-test-ref-contains-description="true" data-test-ref-contains-media="true" id="newsletter-slide-6ab5665f247942.10747516" role="complementary">
4406    <picture>
4407        <img alt="" class="hero-image" src="https://www.nationalsewingcircle.com/images/newsletter-form/sewing-newsletter-signup.jpg"></img>
4408    </picture>
4409    <header class="vs-opaque-container">
4410        <div class="container is-fluid is-full-height is-flex is-flex-direction-column is-justify-content-center is-align-items-center">
4411                            <h2 class="p-0 mt-0 mb-5 is-size-2-mobile is-size-1-tablet is-size-1-desktop font-color-child-white text-center" id="newsletter-slide-6ab5665f247942.10747516-title">
4412                    Sign up for our free newsletter today
4413                </h2>
4414                                        <p class="p-0 mt-0 mb-3-mobile mb-5-tablet is-size-5-mobile is-size-5-tablet bold font-main-medium font-color-child-white text-center">
4415                    Get the latest instructional sewing videos, patterns, tips and techniques delivered right to your inbox.
4416                </p>
4417                        <div class="form-wrapper my-5 vidstore-newsletter-signup_wrapper">
4418                <div class="vidstore-newsletter-signup_wrapper" wire:effects="{&quot;partials&quot;:[]}" wire:id="I04RjUhVE1bSwNiF3BJR" wire:snapshot="{&quot;data&quot;:{&quot;extraFields&quot;:[{&quot;secret&quot;:&quot;&quot;,&quot;valid_from&quot;:&quot;eyJpdiI6Ik0xejFhYi84NmpYWUFGWUhWMmRJTWc9PSIsInZhbHVlIjoiWmpCSGhtMGVCSWI0R3V5Y1JIRmNvQT09IiwibWFjIjoiMzFhY2M5MTA4MzIyYjJlMzhhNDhiYmY0YTkwYTZjMDg5MTY2YWY2ZDRmYjM1OGVjZjRmYTRhODlhYzdmMTcwMiIsInRhZyI6IiJ9&quot;},{&quot;class&quot;:&quot;Spatie\\Honeypot\\Http\\Livewire\\Concerns\\HoneypotData&quot;,&quot;s&quot;:&quot;wrbl&quot;}],&quot;email&quot;:&quot;&quot;,&quot;ctaText&quot;:&quot;SIGN UP&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;I04RjUhVE1bSwNiF3BJR&quot;,&quot;name&quot;:&quot;forms.newsletter-form&quot;,&quot;path&quot;:&quot;products\/sewing-classes&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;a85d5a335cf2c786a162ba8acdfeed8aea2c0579ab6f1fd2ccc4465c0c6983f7&quot;}">
4419        <form class="vidstore-newsletter-signup is-flex" data-test-ref="newsletter-form" wire:submit="submit()">
4420        <div class="is-flex is-full-width is-justify-content-center">
4421            <div class="top_label form_sublabel_below description_below is-flex is-align-items-end is-full-width is-justify-content-space-between is-max-width-450 is-flex-wrap-nowrap">
4422                <div class="column is-three-quarters p-0 field_description_below has-text-left">
4423                    <label class="font-color-white" for="vidstore-newsletter-signup-email-field">
4424                        <strong>Email address</strong>
4425                        <span>(Required)</span>
4426                    </label>
4427                    <div>
4428                        <span class="is-sr-only" id="vidstore-newsletter-signup-email-field-description">
4429                            Enter your email address here and press the Sign Up button.
4430                        </span>
4431                        <input aria-describedby="vidstore-newsletter-signup-email-field-description" aria-invalid="false" aria-label="Email address field" aria-required="true" autocomplete="email" class="input is-medium mt
4431-2 px-2 py-3 has-border-radius-5 is-height-auto is-borderless is-size-6" id="vidstore-newsletter-signup-email-field" name="email" placeholder="Enter email address" tabindex="0" type="email" wire:model="email"></input>
4432                    </div>
4433                </div>
4434                <div class="column is-one-quarter p-0 top_label">
4435                    <button class="is-cursor-pointer is-white has-outline p-5 is-uppercase button p-0 is-borderless ml-3" role="button" tabindex="0" type="submit">
4436    SIGN UP
4437</button>
4438                </div>
4439            </div>
4440        </div>
4441            <div aria-hidden="true" id="secret_zaolw4iSKhb8JLPq_wrap" style="display: none">
4442        <input autocomplete="nope" id="secret_zaolw4iSKhb8JLPq" name="secret_zaolw4iSKhb8JLPq" tabindex="-1" type="text" value="" wire:model.defer="extraFields.secret"></input>
4443        <input autocomplete="off" name="valid_from" tabindex="-1" type="text" value="eyJpdiI6InV0aHlMdGd3WlVrTG96Q284NURhQWc9PSIsInZhbHVlIjoieXZvd3QrUm9mQnZtL3NpZzlaZWtOdz09IiwibWFjIjoiNTAzMzQ1MzU5OTg4M2FlZTZmMmU2YWY5MzhiZjkxN2VhM2I0YmM2YWFmNTUwZjVhNDQyN2MyY2ZlZDA4MTQ1YSIsInRhZyI6IiJ9" wire:model.defer="extraFields.valid_from"></input>
4444    </div>
4445    </form>
4446</div>
4447            </div>
4448        </div>
4449    </header>
4450</div>
4451    </section>
4452    <button
4453                    aria-label="Play/Pause Slideshow" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase button hero-carousel-play-pause is-flex is-align-items-center justify-content-center hidden" role="button" tabindex="0" type="button" data-carousel-id="hero-carousel-kDyk4wfRg2dut69T" data-is-playing="true" x-bind:aria-pressed="isPaused" @click="isPaused = !isPaused"
4454>
4455    <span
4456            class="svg-icon white is-full-width is-align-items-center is-justify-content-center ml-1"
4457            x-show="isPaused"
4458        >
4459            <svg aria-hidden="true" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 24"><path d="M0 12V1.9C0 .5 1.4-.5 2.5.3l7.8 5.1 7.8 5.1c1.1.7 1.1 2.5 0 3.3l-7.8 5.1-7.8 4.8c-1.1.7-2.5-.2-2.5-1.6V12z" clip-rule="evenodd" /></svg>        </span>
4460        <span class="svg-icon white is-full-width is-align-items-center is-justify-content-center" x-show="!isPaused">
4461            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" xml:space="preserve"><path d="M8.1 19.3V.7c0-.4-.4-.7-.8-.7H2.9c-.4 0-.7.3-.7.7v18.7c0 .3.3.6.7.6h4.4c.4 0 .8-.3.8-.7zM17.1 0h-4.4c-.4 0-.7.3-.7.6v18.7c0 .3.3.6.7.6h4.4c.4 0 .7-.3.7-.6V.7c0-.4-.3-.7-.7-.7z"/></svg>        </span>
4462</button>
4463</div>
4464
4465
4466                <footer id="main-footer" role="contentinfo" class="py-6">
4467    <h2 class="is-sr-only">Footer</h2>
4468    <div id="inner-footer" class="container is-fluid">
4469        <div class="footer-top">
4470            <div class="is-flex-tablet order-wrap">
4471                                    <nav
4472    id="menu-footer-nav"
4473    class="nav footer-nav is-flex-desktop is-flex-grow-1 is-justify-content-space-between columns is-desktop mx-0 mt-3-touch mt-0-desktop top-level-menu order-1-mobile pr-4-tablet"
4474    data-test-ref="global-footer-menu"
4475    x-data="{ isMobile: window.innerWidth < 1024 }"
4476    x-resize="isMobile = window.innerWidth < 1024"
4477    aria-label="Footer site links"
4478>
4479            <div class="column px-0-touch px-2-tablet py-0">
4480                            <div
4481                    x-bind:class="{
4482                    'pt-5-desktop': !true,
4483                    'has-border-top py-3-touch': isMobile,
4484                    'has-border-bottom': isMobile && true && false }"
4485                >
4486                    <details x-bind:open="! isMobile">
4487                        <summary
4488                            class="h3 my-0 is-flex is-justify-content-space-between has-text-black is-pointer-events-none-desktop"
4489                            x-bind:aria-disabled="(!isMobile).toString()"
4490                            x-bind:tabindex="isMobile ? '0' : '-1'"
4491                        >
4492                            Popular videos
4493                        </summary>
4494                                                    <div class="column px-0-touch pt-2-touch px-0-tablet py-0-tablet">
4495                                <ul class="sub-menu mt-2 sub-menu
4495-level-1">
4496                                                                            <li class="menu-item pb-1-touch">
4497                                            <a href="https://www.nationalsewingcircle.com/videos/core-skills" class="menu-link has-text-black">
4498                                                Core Skills
4499                                            </a>
4500                                        </li>
4501                                                                            <li class="menu-item pb-1-touch">
4502                                            <a href="https://www.nationalsewingcircle.com/videos/design-elements" class="menu-link has-text-black">
4503                                                Design Elements
4504                                            </a>
4505                                        </li>
4506                                                                            <li class="menu-item pb-1-touch">
4507                                            <a href="https://www.nationalsewingcircle.com/videos/finishing-touches" class="menu-link has-text-black">
4508                                                Finishing Touches
4509                                            </a>
4510                                        </li>
4511                                                                            <li class="menu-item pb-1-touch">
4512                                            <a href="https://www.nationalsewingcircle.com/videos/projects" class="menu-link has-text-black">
4513                                                Projects
4514                                            </a>
4515                                        </li>
4516                                                                            <li class="menu-item pb-1-touch">
4517                                            <a href="https://www.nationalsewingcircle.com/videos/tips-and-techniques" class="menu-link has-text-black">
4518                                                Tips &amp; Techniques
4519                                            </a>
4520                                        </li>
4521                                                                    </ul>
4522                            </div>
4523                                            </details>
4524                </div>
4525                    </div>
4526            <div class="column px-0-touch px-2-tablet py-0">
4527                            <div
4528                    x-bind:class="{
4529                    'pt-5-desktop': !true,
4530                    'has-border-top py-3-touch': isMobile,
4531                    'has-border-bottom': isMobile && false && false }"
4532                >
4533                    <details x-bind:open="! isMobile">
4534                        <summary
4535                            class="h3 my-0 is-flex is-justify-content-space-between has-text-black is-pointer-events-none-desktop"
4536                            x-bind:aria-disabled="(!isMobile).toString()"
4537                            x-bind:tabindex="isMobile ? '0' : '-1'"
4538                        >
4539                            Projects
4540                        </summary>
4541                                                    <div class="column px-0-touch pt-2-touch px-0-tablet py-0-tablet">
4542                                <ul class="sub-menu mt-2 sub-menu-level-1">
4543                                                                            <li class="menu-item pb-1-touch">
4544                                            <a href="https://www.nationalsewingcircle.com/free-sewing-patterns" class="menu-link has-text-black">
4545                                                Free Sewing Patterns
4546                                            </a>
4547                                        </li>
4548                                                                    </ul>
4549                            </div>
4550                                            </details>
4551                </div>
4552                            <div
4553                    x-bind:class="{
4554                    'pt-5-desktop': !false,
4555                    'has-border-top py-3-touch': isMobile,
4556                    'has-border-bottom': isMobile && true && false }"
4557                >
4558                    <details x-bind:open="! isMobile">
4559                        <summary
4560                            class="h3 my-0 is-flex is-justify-content-space-between has-text-black is-pointer-events-none-desktop"
4561                            x-bind:aria-disabled="(!isMobile).toString()"
4562                            x-bind:tabindex="isMobile ? '0' : '-1'"
4563                        >
4564                            Live Events
4565                        </summary>
4566                                                    <div class="column px-0-touch pt-2-touch px-0-tablet py-0-tablet">
4567                                <ul class="sub-menu mt-2 sub-menu
4567-level-1">
4568                                                                            <li class="menu-item pb-1-touch">
4569                                            <a href="https://www.nationalsewingcircle.com/videos/nsc-live" class="menu-link has-text-black">
4570                                                Live Q&amp;A
4571                                            </a>
4572                                        </li>
4573                                                                            <li class="menu-item pb-1-touch">
4574                                            <a href="https://www.nationalsewingcircle.com/videos/nsc-gold-live" class="menu-link has-text-black">
4575                                                NSC GOLD Live
4576                                            </a>
4577                                        </li>
4578                                                                            <li class="menu-item pb-1-touch">
4579                                            <a href="https://www.nationalsewingcircle.com/videos/all-live-events" class="menu-link has-text-black">
4580                                                All Live Events
4581                                            </a>
4582                                        </li>
4583                                                                    </ul>
4584                            </div>
4585                                            </details>
4586                </div>
4587                    </div>
4588            <div class="column px-0-touch px-2-tablet py-0">
4589                            <div
4590                    x-bind:class="{
4591                    'pt-5-desktop': !true,
4592                    'has-border-top py-3-touch': isMobile,
4593                    'has-border-bottom': isMobile && true && false }"
4594                >
4595                    <details x-bind:open="! isMobile">
4596                        <summary
4597                            class="h3 my-0 is-flex is-justify-content-space-between has-text-black is-pointer-events-none-desktop"
4598                            x-bind:aria-disabled="(!isMobile).toString()"
4599                            x-bind:tabindex="isMobile ? '0' : '-1'"
4600                        >
4601                            Resources
4602                        </summary>
4603                                                    <div class="column px-0-touch pt-2-touch px-0-tablet py-0-tablet">
4604                                <ul class="sub-menu mt-2 sub-menu-level-1">
4605                                                                            <li class="menu-item pb-1-touch">
4606                                            <a href="https://www.nationalsewingcircle.com/articles/blog" class="menu-link has-text-black">
4607                                                Articles
4608                                            </a>
4609                                        </li>
4610                                                                            <li class="menu-item pb-1-touch">
4611                                            <a href="https://www.nationalsewingcircle.com/articles/ask-an-expert" class="menu-link has-text-black">
4612                                                Ask a Sewing Expert
4613                                            </a>
4614                                        </li>
4615                                                                            <li class="menu-item pb-1-touch">
4616                                            <a href="https://www.nationalsewingcircle.com/articles/tips-and-ideas" class="menu-link has-text-black">
4617                                                Tips &amp; Ideas
4618                                            </a>
4619                                        </li>
4620                                                                            <li class="menu-item pb-1-touch">
4621                                            <a href="https://www.nationalsewingcircle.com/articles/sewing-supplies" class="menu-link has-text-black">
4622                                                Sewing Supplies
4623                                            </a>
4624                                        </li>
4625                                                                            <li class="menu-item pb-1-touch">
4626                                            <a href="https://www.nationalsewingcircle.com/post/show-us-your-project" class="menu-link has-text-black">
4627                                                Project Gallery
4628                                            </a>
4629                                        </li>
4630                                                                            <li class="menu-item pb-1-touch">
4631                                            <a href="https://www.nationalsewingcircle.com/post/sewing-terms" class="menu-link has-text-black">
4632                                                Sewing Terms
4633                                            </a>
4634                                        </li>
4635                                                                            <li class="menu-item pb-1-touch">
4636                                            <a href="https://www.nationalsewingcircle.com/how-to-stream-to-your-tv" class="menu-link has-text-black">
4637                                                How to Stream to Your TV
4638                                            </a>
4639                                        </li>
4640                                                                    </ul>
4641                            </div>
4642                                            </details>
4643                </div>
4644                    </div>
4645            <div class="column px-0-touch px-2-tablet py-0">
4646                            <div
4647                    x-bind:class="{
4648                    'pt-5-desktop': !true,
4649                    'has-border-top py-3-touch': isMobile,
4650                    'has-border-bottom': isMobile && false && true }"
4651                >
4652                    <details x-bind:open="! isMobile">
4653                        <summary
4654                            class="h3 my-0 is-flex is-justify-content-space-between has-text-black is-pointer-events-none-desktop"
4655                            x-bind:aria-disabled="(!isMobile).toString()"
4656                            x-bind:tabindex="isMobile ? '0' : '-1'"
4657                        >
4658                            Shop
4659                        </summary>
4660                                                    <div class="column px-0-touch pt-2-touch px-0-tablet py-0-tablet">
4661                                <ul class="sub-menu mt-2 sub-menu
4661-level-1">
4662                                                                            <li class="menu-item pb-1-touch">
4663                                            <a href="https://www.nationalsewingcircle.com/products/sewing-classes" class="menu-link has-text-black">
4664                                                Classes
4665                                            </a>
4666                                        </li>
4667                                                                            <li class="menu-item pb-1-touch">
4668                                            <a href="https://www.nationalsewingcircle.com/products/dvds" class="menu-link has-text-black">
4669                                                DVDs
4670                                            </a>
4671                                        </li>
4672                                                                            <li class="menu-item pb-1-touch">
4673                                            <a href="https://www.nationalsewingcircle.com/products/bundles-sets" class="menu-link has-text-black">
4674                                                Bundles &amp; Sets
4675                                            </a>
4676                                        </li>
4677                                                                            <li class="menu-item pb-1-touch">
4678                                            <a href="https://www.nationalsewingcircle.com/products/video-downloads" class="menu-link has-text-black">
4679                                                Video Downloads
4680                                            </a>
4681                                        </li>
4682                                                                            <li class="menu-item pb-1-touch">
4683                                            <a href="https://www.nationalsewingcircle.com/products/books-guides" class="menu-link has-text-black">
4684                                                Books &amp; Guides
4685                                            </a>
4686                                        </li>
4687                                                                            <li class="menu-item pb-1-touch">
4688                                            <a href="https://www.nationalsewingcircle.com/products/notions" class="menu-link has-text-black">
4689                                                Notions
4690                                            </a>
4691                                        </li>
4692                                                                            <li class="menu-item pb-1-touch">
4693                                            <a href="https://www.nationalsewingcircle.com/products/patterns" class="menu-link has-text-black">
4694                                                Patterns
4695                                            </a>
4696                                        </li>
4697                                                                            <li class="menu-item pb-1-touch">
4698                                            <a href="https://www.nationalsewingcircle.com/spreadshirt/#!" class="menu-link has-text-black">
4699                                                Apparel
4700                                            </a>
4701                                        </li>
4702                                                                    </ul>
4703                            </div>
4704                                            </details>
4705                </div>
4706                            <div
4707                    x-bind:class="{
4708                    'pt-5-desktop': !false,
4709                    'has-border-top py-3-touch': isMobile,
4710                    'has-border-bottom': isMobile && true && true }"
4711                >
4712                    <details x-bind:open="! isMobile">
4713                        <summary
4714                            class="h3 my-0 is-flex is-justify-content-space-between has-text-black is-pointer-events-none-desktop"
4715                            x-bind:aria-disabled="(!isMobile).toString()"
4716                            x-bind:tabindex="isMobile ? '0' : '-1'"
4717                        >
4718                            Customer Service
4719                        </summary>
4720                                                    <div class="column px-0-touch pt-2-touch px-0-tablet py-0-tablet">
4721                                <ul class="sub-menu mt-2 sub-menu
4721-level-1">
4722                                                                            <li class="menu-item pb-1-touch">
4723                                            <a href="https://www.nationalsewingcircle.com/faq" class="menu-link has-text-black">
4724                                                Frequently Asked Questions
4725                                            </a>
4726                                        </li>
4727                                                                            <li class="menu-item pb-1-touch">
4728                                            <a href="https://www.nationalsewingcircle.com/about" class="menu-link has-text-black">
4729                                                About Us
4730                                            </a>
4731                                        </li>
4732                                                                            <li class="menu-item pb-1-touch">
4733                                            <a href="https://www.nationalsewingcircle.com/contact" class="menu-link has-text-black">
4734                                                Contact Us
4735                                            </a>
4736                                        </li>
4737                                                                    </ul>
4738                            </div>
4739                                            </details>
4740                </div>
4741                    </div>
4742    </nav>
4743                                <div class="footer-meta py-4-mobile pr-4-tablet pl-7-widescreen ml-7-widescreen">
4744                    <div class="footer-cta is-max-width-small pb-3">
4745    <h3 class="my-0 has-text-black">Join our Membership</h3>
4746    <p class="mt-0 mb-1 is-size-6-half">No commitment. Cancel anytime.</p>
4747    <div>
4748        <button
4749                    aria-label="Get Started" class="is-cursor-pointer is-primary p-5 is-uppercase button access-modal-trigger is-fullwidth py-5" role="button" tabindex="0" type="primary" data-test-ref="global-footer-cta" @click="openAccessModal('premium', 'global-footer')" icon="arrow-right"
4750>
4751    Get Started
4752</button>
4753    </div>
4754</div>
4755                                        <ul class="social-navigation is-flex is-justify-content-flex-start has-gap pb-4 pt-1">
4756            <li class="is-flex nav-facebook">
4757            <a href="https://www.facebook.com/pages/National-Sewing-Circle/1414280492165944" target="_blank" aria-label="Link To National Sewing Circle Facebook" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase is-full-width" role="button" tabindex="0" type="button">
4758    <span
4759    class="svg-icon facebook is-flex is-justify-content-center is-align-items-center is-full-height"
4760>
4761            <svg title="Facebook Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 20" style="enable-background:new 0 0 28 20" xml:space="preserve"><title>Facebook Icon</title><path d="M16.4 3.8H19V0h-3c-3.7.2-4.4 2.2-4.5 4.4v1.9H9V10h2.5v10h3.8V10h3.1l.6-3.7h-3.7V5.1c-.1-.7.4-1.2 1.1-1.3z"/></svg>    </span>
4762</a>
4763        </li>
4764            <li class="is-flex nav-instagram">
4765            <a href="https://www.instagram.com/nationalsewing/" target="_blank" aria-label="Link To National Sewing Circle Instagram" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase is-full-width" role="button" tabindex="0" type="button">
4766    <span
4767    class="svg-icon instagram is-flex is-justify-content-center is-align-items-center is-full-height"
4768>
4769            <svg title="Instagram Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 20" style="enable-background:new 0 0 28 20" xml:space="preserve"><title>Instagram Icon</title><path d="M15.6 0c1.4 0 1.8 0 2.7.1.8 0 1.7.2 2.4.5s1.3.6 1.8 1.2c.5.5.9 1.1 1.2 1.8.3.8.4 1.6.5 2.4 0 .9.1 1.3.1 3.1v2.1c0 1.8 0 2.2-.1 3.1 0 .8-.2 1.7-.5 2.4-.5 1.3-1.6 2.4-2.9 2.9-.8.3-1.6.4-2.4.5-1-.1-1.4-.1-3.2-.1h-2.1c-1.8 0-2.2 0-3.1-.1-.8 0-1.7-.2-2.4-.5s-1.3-.6-1.8-1.2c-.5-.5-.9-1.1-1.2-1.8-.3-.8-.4-1.6-.5-2.4V5.9c0-.8.2-1.7.5-2.4s.6-1.3 1.2-1.8C6.3 1.2 6.9.8 7.6.5 8.4.2 9.2.1 10 .1h2.7l2.9-.1zm-1.4 4.9C11.3 4.9 9 7.2 9 10s2.3 5.1 5.1 5.1 5.1-2.3 5.1-5.1c.1-2.8-2.2-5.1-5-5.1zm0 8.4c-1.8 0-3.3-1.5-3.3-3.3 0-1.8 1.5-3.3 3.3-3.3 1.8 0 3.3 1.5 3.3 3.3s-1.5 3.3-3.3 3.3zm6.5-8.6c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2.5-1.2 1.2-1.2 1.2.5 1.2 1.2z"/></svg>    </span>
4770</a>
4771        </li>
4772            <li class="is-flex nav-pinterest">
4773            <a href="http://www.pinterest.com/nationalsewing/" target="_blank" aria-label="Link To National Sewing Circle Pinterest" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase is-full-width" role="button" tabindex="0" type="button">
4774    <span
4775    class="svg-icon pinterest is-flex is-justify-content-center is-align-items-center is-full-height"
4776>
4777            <svg title="Pinterest Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 20" style="enable-background:new 0 0 28 20" xml:space="preserve"><title>Pinterest Icon</title><defs><filter id="a" filterUnits="userSpaceOnUse" x="3.8" y="0" width="20" height="20"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><path d="M13.8 0c-5.5 0-10 4.5-10 10 0 4 2.4 7.6 6 9.2 0-.8 0-1.5.2-2.3.2-.8 1.3-5.5 1.3-5.5-.2-.5-.3-1-.3-1.6 0-1.5.9-2.6 1.9-2.6.9 0 1.3.7 1.3 1.5 0 .9-.6 2.3-.9 3.6-.2.8.3 1.7 1.1 1.9.2 0 .3.1.5 0 1.9 0 3.2-2.4 3.2-5.3 0-2.2-1.5-3.8-4.2-3.8-3 0-4.9 2.3-4.9 4.8 0 .7.2 1.4.7 2 .2.1.2.4.2.6-.1.2-.2.6-.2.8 0 .2-.2.3-.4.3h-.1c-1.4-.6-2.1-2.1-2.1-3.8 0-2.8 2.4-6.3 7.2-6.3 3.8 0 6.3 2.8 6.3 5.7 0 3.9-2.2 6.9-5.4 6.9-1.1 0-2.1-.6-2.4-1.2 0 0-.6 2.3-.7 2.7-.2.7-.6 1.5-1 2.1.9.3 1.8.4 2.7.4 5.5 0 10-4.5 10-10S19.4 0 13.8 0"/></svg>    </span>
4778</a>
4779        </li>
4780            <li class="is-flex nav-youtube">
4781            <a href="https://www.youtube.com/channel/UCtt938txu1fqIoN1AMsYw2w" target="_blank" aria-label="Link To National Sewing Circle Youtube" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase is-full-width" role="button" tabindex="0" type="button">
4782    <span
4783    class="svg-icon youtube is-flex is-justify-content-center is-align-items-center is-full-height"
4784>
4785            <svg title="Youtube Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 20" style="enable-background:new 0 0 28 20;width:1.75rem" xml:space="preserve"><title>Youtube Icon</title><path d="M22.2 0C25.4 0 28 2.6 28 5.9v8.3c0 3.3-2.6 5.9-5.8 5.9H5.8
4785C2.6 20 0 17.4 0 14.1V5.9C0 2.6 2.6 0 5.8 0h16.4zM10.5 5.9c-.2 0-.3.1-.3.3v7.7c.1.2.3.2.4.1l7.7-3.7c.1 0 .1-.1.1-.1.1-.2 0-.3-.1-.4l-7.7-3.9h-.1z"/></svg>    </span>
4786</a>
4787        </li>
4788    </ul>
4789                                        <div class="is-max-width-small is-hidden-mobile">
4790    <div class="has-border-radius has-text-white has-background-black p-4 mt-3">
4791                    <strong class="is-block">Notice:</strong>
4792                All activities you undertake with National Sewing Circle are your own responsibility and are performed at your own risk.
4793    </div>
4794</div>
4795                </div>
4796            </div>
4797            <div class="is-hidden-tablet">
4798    <div class="has-border-radius has-text-white has-background-black p-4 mt-3">
4799                    <strong class="is-block">Notice:</strong>
4800                All activities you undertake with National Sewing Circle are your own responsibility and are performed at your own risk.
4801    </div>
4802</div>
4803        </div>
4804        <div class="footer-bottom">
4805            <div class="horizontal-rule mt-6 is-hidden-touch"></div>
4806            <div
4807                class="copyright is-size-7-mobile is-size-6-desktop my-6 pb-3 is-flex is-justify-content-space-between is-flex-direction-column-mobile is-flex-direction-row-tablet"
4808            >
4809                <div class="footer-bottom-left has-text-centered-mobile has-text-align-left-tablet">
4810                    <span>&copy; 2026 National Sewing Circle. All rights reserved.</span>
4811                                            <span class="ml-3">
4812                                                            <span class="terms-link-wrap ">
4813                                    <a href="http://www.tnmpolicies.com/terms/" target="_blank" aria-label="Terms of Service, Link To National Sewing Circle" class="is-cursor-pointer is-primary  is-none terms-link has-text-inherit" role="button" tabindex="0" type="button">
4814    Terms of Service
4815</a>
4816                                </span>
4817                                                            <span class="privacy-link-wrap spaced-bar-before">
4818                                    <a href="http://www.tnmpolicies.com/privacy/" target="_blank" aria-label="Privacy Policy, Link To National Sewing Circle" class="is-cursor-pointer is-primary  is-none privacy-link has-text-inherit" role="button" tabindex="0" type="button">
4819    Privacy Policy
4820</a>
4821                                </span>
4822                                                            <span class="nosell-link-wrap spaced-bar-before">
4823                                    <a href="http://www.tnmpolicies.com/california-consumer-privacy-act/" target="_blank" aria-label="Do Not Sell My Info, Link To National Sewing Circle" class="is-cursor-pointer is-primary  is-none nosell-link has-text-inherit" role="button" tabindex="0" type="button">
4824    Do Not Sell My Info
4825</a>
4826                                </span>
4827                                                            <span class="a11y-link-wrap spaced-bar-before">
4828                                    <a href="http://www.tnmpolicies.com/accessibility/" target="_blank" aria-label="Accessibility Statement, Link To National Sewing Circle" class="is-cursor-pointer is-primary  is-none a11y-link has-text-inherit" role="button" tabindex="0" type="button">
4829    Accessibility Statement
4830</a>
4831                                </span>
4832                                                        <span class="spaced-bar-before cookie-consent-toggle" x-data="cookieConsentToggle('tn_cookie_consent')">
4833    <label for="footer-privacy-choices" class="is-inline-flex">
4834        Your Privacy Choices
4835        <span
4836    class="svg-icon consent-toggle  ml-2 is-flex is-align-items-flex-end auto"
4837>
4838            <svg title="Consent Toggle Icon" role="img" width="24" height="20" aria-hidden="true" viewBox="0 0 30 14"><title>Consent Toggle Icon</title><path fill="#fff" fill-rule="evenodd" d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8" clip-rule="evenodd"/><path fill="#06f" fill-rule="evenodd" d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7m-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8" clip-rule="evenodd"/>
4838<path fill="#fff" d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8s-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0s-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8s.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0"/><path fill="#06f" d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8s.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0"/></svg>    </span>
4839        <input type="checkbox" @change="reset()" :checked="consentGiven" id="footer-privacy-choices" />
4840    </label>
4841</span>
4842
4843    
4843<script>
4844        document.addEventListener('alpine:init', () => {
4845            Alpine.data('cookieConsentToggle', (cookieName) => ({
4846                consentGiven: document.cookie.split('; ').some((c) => c.startsWith(cookieName + '=')),
4847
4848                init() {
4849                    window.addEventListener('cookie-consent-given', () => {
4850                        this.consentGiven = true;
4851                    });
4852                },
4853
4854                reset() {
4855                    this.consentGiven = false;
4856
4857                    const secure = location.protocol === 'https:' ? '; Secure' : '';
4858                    document.cookie =
4859                        cookieName + '=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; SameSite=Lax' + secure;
4860                    window.dispatchEvent(new Event('reset-cookie-consent'));
4861                },
4862            }));
4863        });
4864    </script>
4864
4865                        </span>
4866                                    </div>
4867            </div>
4868        </div>
4869    </div>
4870</footer>
4871                    </div>
4872            
4873    
4874    
4874<script src="https://www.nationalsewingcircle.com/js/jquery/core.min.js?ver=1790260983"></script>
4874
4875    
4875<script src="https://www.nationalsewingcircle.com/js/jquery/accordion.min.js?ver=1790260983"></script>
4875
4876
4877    <div wire:snapshot="{&quot;data&quot;:{&quot;playlists&quot;:null,&quot;showModal&quot;:false,&quot;user&quot;:null,&quot;contentId&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;PeDCuZuJvSveUIZHfNJq&quot;,&quot;name&quot;:&quot;playlists.add-to-playlist-modal&quot;,&quot;path&quot;:&quot;products\/sewing-classes&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;39b1ff30f465d0f71e73cabae2903024b407a9ccd38206f910983f3347eed058&quot;}" wire:effects="{&quot;partials&quot;:[],&quot;listeners&quot;:[&quot;close-add-to-playlist-modal&quot;,&quot;open-add-to-playlist-modal&quot;]}" wire:id="PeDCuZuJvSveUIZHfNJq"></div>    <div wire:snapshot="{&quot;data&quot;:{&quot;membershipOption&quot;:null,&quot;campaignCode&quot;:null,&quot;openModal&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;6aNXGIG5VkavJPpOX4f2&quot;,&quot;name&quot;:&quot;global-access-modal&quot;,&quot;path&quot;:&quot;products\/sewing-classes&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;2014947305-0&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;bb27b2d63cd7acd16844d6ec7e64b03180b3a928bcc2798ead514f7b1a4b7404&quot;}" wire:effects="{&quot;partials&quot;:[],&quot;scripts&quot;:{&quot;2014947305-0&quot;:&quot;    &lt;script&gt;\n        const urlParams = new URLSearchParams(window.location.search);\n        const showMembershipAccessModal = [&#039;1&#039;, &#039;true&#039;].includes(urlParams.get(&#039;accessmodal&#039;));\n        if (showMembershipAccessModal) {\n            $wire.dispatch(&#039;open-access-modal&#039;, {\n                tier: &#039;premium&#039;,\n                location: &#039;become-a-member-bottom-bar&#039;,\n            });\n        }\n    &lt;\/script&gt;\n    &quot;},&quot;listeners&quot;:[&quot;open-access-modal&quot;,&quot;close-access-modal&quot;]}" wire:id="6aNXGIG5VkavJPpOX4f2">
4878    </div>
4879
4880        <div
4881    class="modal is-active"
4882    x-show="$store.showLoginModal"
4883    x-cloak
4884    x-on:keydown.escape.window="$store.showLoginModal = false; "
4885    x-on:close-modal.window="$store.showLoginModal = false; "
4886    modal-close="inside" data-test-ref="login-modal-container"
4887>
4888    <div class="modal-background"></div>
4889    <div
4890        class="modal-card"
4891        role="dialog"
4892        aria-modal="true"
4893        tabindex="-1"
4894                    aria-labelledby="login-form-title-login-modal"
4895                x-data="{ trapActive: false }"
4896        x-show="$store.showLoginModal"
4897        x-effect="let active = $store.showLoginModal; $nextTick(() => trapActive = active)"
4898        x-trap="trapActive"
4899        @click.away.prevent="$store.showLoginModal = false; "
4900    >
4901        <header
4902            class="modal-card-head has-background-white is-flex is-flex-direction-column mx-3-mobile px-3-mobile is-borderless"
4903        >
4904            <button
4905                aria-label="Close Modal Popup"
4906                class="is-align-self-flex-end close delete is-absolute has-background-white"
4907                data-test-ref="close-modal-icon"
4908                x-on:click="$store.showLoginModal = false; "
4909            ></button>
4910        </header>
4911        <section class="modal-card-body mx-3-mobile px-3-mobile"><div class="has-background-white" data-test-ref="login-modal">
4912        <div
4913    data-test-ref="login-form"
4914            x-data="login"
4915    >
4916    
4917    <h2 class="my-0 has-text-weight-bold font-header-bold has-text-black is-size-3" id="login-form-title-login-modal">
4918        <span>Sign in</span>
4919        <span class="is-hidden-mobile"> to National Sewing Circle </span>
4920    </h2>
4921    <p class="mt-2 is-size-5-half" id="login-instructions-login-modal">Enter your sign in info below</p>
4922
4923            <div class="notification is-danger " x-cloak="x-cloak" type="danger" x-show="errorMessage" role="alert" aria-live="assertive">
4924        <span x-text="errorMessage"></span>
4925</div>
4926    
4927    <form
4928        id="login-form-login-modal"
4929        aria-describedby="login-instructions-login-modal"
4930        aria-labelledby="login-form-title-login-modal"
4931        method="post"
4932        action="/login/post"
4933        x-data="{
4934            username: '',
4935            password: '',
4936            usernameTouched: false,
4937            passwordTouched: false,
4938            get submitEnabled() {
4939                return this.username.length > 0 && this.password.length > 0;
4940            },
4941        }"
4942        class="pt-5 login has-text-left is-ajax"
4943                    @submit.prevent="submitEnabled ? submitLogin() : null"
4944            :class="{ 'is-loading': loading }"
4945                novalidate
4946    >
4947        <input type="hidden" name="_token" value="xmIGvU0k5Tm8sQG96EK2jEgDunYTjkmFg4cViomc" autocomplete="off">
4948        <div class="field pb-5">
4949            <label class="font-main-medium is-size-875 is-block mb-2" for="login-form-username-login-modal">
4950                Email Address
4951            </label>
4952            <div class="control">
4953                <input
4954                    id="login-form-username-login-modal"
4955                    data-test-ref="login-form-username"
4956                    type="email"
4957                    class="input"
4958                    name="username"
4959                    x-model="username"
4960                    value=""
4961                    @input="usernameTouched = true"
4962                    autocomplete="username"
4963                    autofocus
4964                    required
4965                    aria-required="true"
4966                    x-bind:aria-invalid="usernameTouched && username.length <= 0"
4967                />
4968            </div>
4969            <span
4970                x-cloak
4971                x-show="usernameTouched && username.length <= 0"
4972                class="has-text-danger is-size-875 is-absolute"
4973                role="alert"
4974            >
4975                Enter your email
4976            </span>
4977        </div>
4978        <div class="field">
4979            <label
4980                class="font-main-medium is-flex is-justify-content-space-between mb-2"
4981                for="login-form-password-login-modal"
4982            >
4983                <span class="is-size-875">Password</span>
4984                <span>
4985                    <a
4986                        data-test-ref="forgot-password-link"
4987                        href="https://www.nationalsewingcircle.com/lost-password"
4988                        class="forgot-password font-main has-text-weight-light has-text-black is-text-decoration-none is-size-875"
4989                    >
4990                        Forgot password?
4991                    </a>
4992                </span>
4993            </label>
4994            <div class="control">
4995                <input
4996                    id="login-form-password-login-modal"
4997                    data-test-ref="login-form-password"
4998                    type="password"
4999                    class="input"
5000                    name="password"
5001                    x-model="password"
5002                    value=""
5003                    @input="passwordTouched = true"
5004                    autocomplete="current-password"
5005                    required
5006                    aria-required="true"
5007                    x-bind:aria-invalid="passwordTouched && password.length <= 0"
5008                />
5009            </div>
5010            <span
5011                x-cloak
5012                x-show="passwordTouched && password.length <= 0"
5013                class="has-text-danger is-size-875 is-absolute"
5014                role="alert"
5015            >
5016                Enter your password
5017            </span>
5018        </div>
5019        <div class="p-5 tab-box-background-color has-border-radius-15 my-5">
5020            <label for="remember-me-checkbox-login-modal">
5021                <input
5022                    id="remember-me-checkbox-login-modal"
5023                    data-test-ref="remember-me-checkbox"
5024                    name="remember"
5025                    type="checkbox"
5026                    value="on"
5027                    checked
5028                />
5029                <span class="has-text-black font-main-medium is-size-875 pl-1"> Remember me </span>
5030            </label>
5031            <p class="is-size-7 mt-1 mb-0">
5032                For your convenience, we will keep you logged in for the next 90 days unless you uncheck the box.
5033            </p>
5034        </div>
5035        <div class="field mb-2">
5036            <div class="control">
5037                <button
5038                    aria-label="Sign in" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase button button-large" role="button" tabindex="0" type="submit" data-test-ref="login-form-submit" x-bind:disabled="!submitEnabled" x-bind:aria-disabled="!submitEnabled"
5039>
5040    Sign in
5041</button>
5042            </div>
5043        </div>
5044        <div id="secret_POAwjHr9EWxKs4vG_wrap"  style="display: none" aria-hidden="true">
5045        <input id="secret_POAwjHr9EWxKs4vG"
5046               name="secret_POAwjHr9EWxKs4vG"
5047               type="text"
5048               value=""
5049                              autocomplete="nope"
5050               tabindex="-1">
5051        <input name="valid_from"
5052               type="text"
5053               value="eyJpdiI6InZDYUlsUE5LWG1SOEpqNHJaLzk5V1E9PSIsInZhbHVlIjoiY1dZdWpmVXM4LzRQZEFITTVCdXFFUT09IiwibWFjIjoiYjU2ZDEyNTc2OTk2NjNjNDQ2NjJiM2NjNjZiMDYwYzEwMGFkYzEzYmZhNzRlMWYwM2MzYzI5ZmM2NTE2ZTg2NSIsInRhZyI6IiJ9"
5054                              autocomplete="off"
5055               tabindex="-1">
5056    </div>
5057    </form>
5058</div>
5059
5060    
5060<script>
5061        document.addEventListener('alpine:init', () => {
5062            Alpine.data('login', () => ({
5063                errorMessage: '',
5064
5065                loading: false,
5066
5067                submitLogin() {
5068                    this.errorMessage = '';
5069
5070                    this.loading = true;
5071
5072                    fetch('/login/post', {
5073                        method: 'POST',
5074                        headers: {
5075                            Accept: 'application/json',
5076                        },
5077                        body: new FormData(document.querySelector('form.login.is-ajax')),
5078                    })
5079                        .then((response) => response.json())
5080                        .then((data) => {
5081                            if (data.success) {
5082                                window.location.reload();
5083                                return;
5084                            }
5085
5086                            throw new Error(data.message);
5087                        })
5088                        .catch((error) => {
5089                            this.loading = false;
5090                            this.errorMessage = error.message;
5091                        });
5092                },
5093            }));
5094        });
5095    </script>
5095
5096    </div></section>
5097        <footer class="modal-card-foot has-background-white mx-3-mobile px-3-mobile"></footer>
5098    </div>
5099</div>
5100
5101<script>
5102    document.addEventListener('alpine:init', () => {
5103        const urlParams = new URLSearchParams(window.location.search);
5104        const showLoginModal = urlParams.get('loginpopup') == true;
5105        Alpine.store('showLoginModal', showLoginModal);
5106    });
5107</script>
5107
5108
5109    
5109<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js"></script>
vendor: 1 bytes, line 5109
5109
5110<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js"></script>
vendor: 1 bytes, line 5110
5110
5111<script defer src="https://unpkg.com/@colinaut/alpinejs-plugin-simple-validate@1/dist/alpine.validate.min.js"></script>
5111
5112    <input type="hidden" id="gclid_field" name="gclid_field" value="" />
5113        <aside
5114    id="cookies-policy"
5115    class="cookies"
5116    x-data="cookieConsentBanner(
5117           'tn_cookie_consent',
5118           388800,
5119           JSON.parse('[\u0022performance_storage\u0022,\u0022functionality_storage\u0022,\u0022advertising_storage\u0022]'),
5120           JSON.parse('{\u0022essentials\u0022:[],\u0022performance\u0022:[\u0022performance_storage\u0022],\u0022functional\u0022:[\u0022functionality_storage\u0022],\u0022advertising\u0022:[\u0022advertising_storage\u0022]}')       )"
5121    x-show="showBanner"
5122    x-cloak
5123>
5124    <div class="cookies__alert">
5125        <div class="cookies__container" x-show="!showSettings" x-cloak>
5126            <div class="cookies__wrapper">
5127                <h2 class="cookies__title mt-0">The choice is yours</h2>
5128                <div class="cookies__intro">
5129                    <p>This site uses cookies and other technology to allow us and our partners and service providers to provide a secure site, measure performance, monitor video usage, and provide a personalized website experience. You can manage your preferences any time via <b>Your Privacy Choices</b> in our site footer.</p>
5130                                    </div>
5131                <div class="cookies__actions">
5132                    <a
5133                        href="#cookies-policy-customize"
5134                        @click.prevent="showSettings = true"
5135                        class="cookiesBtn cookies__btn--customize button has-text-white is-justify-content-center is-size-6-half is-borderless is-black is-fullwidth py-3 is-default"
5136                    >
5137                        Manage Settings
5138                    </a>
5139                    <button
5140                        type="button"
5141                        @click="acceptAll()"
5142                        class="cookiesBtn cookiesBtn--accept button has-text-white is-justify-content-center is-size-6-half is-borderless is-black is-fullwidth py-3 is-default"
5143                        aria-label="Accept all cookies"
5144                    >
5145                        <span class="cookiesBtn__label">Accept all</span>
5146                    </button>
5147                </div>
5148            </div>
5149        </div>
5150        <div
5151            class="cookies__expandable cookies__expandable--custom pt-4"
5152            x-show="showSettings"
5153            x-cloak
5154            id="cookies-policy-customize"
5155        >
5156            <div class="cookies__sections">
5157                                    <div class="cookies__section">
5158                        <label for="cookies-policy-check-essentials" class="cookies__category">
5159                                                            <input
5160                                    type="checkbox"
5161                                    value="essentials"
5162                                    id="cookies-policy-check-essentials"
5163                                    checked="checked"
5164                                    disabled="disabled"
5165                                />
5166                                                        <span class="cookies__box">
5167                                <strong class="cookies__label">Essential</strong>
5168                            </span>
5169                                                            <p class="cookies__info">These cookies are necessary for the website to operate and cannot be switched off. They are typically set in response to actions made by you, such as logging in, filling out forms, or setting privacy preferences. We use them to prevent fraudulent activity and improve security. Without these cookies, certain services on the site would not function properly.</p>
5170                                                    </label>
5171
5172                        <div class="cookies__expandable" id="cookies-policy-essentials">
5173                            <ul class="cookies__definitions">
5174                                                            </ul>
5175                        </div>
5176                    </div>
5177                                    <div class="cookies__section">
5178                        <label for="cookies-policy-check-performance" class="cookies__category">
5179                                                            <input
5180                                    type="checkbox"
5181                                    value="performance"
5182                                    id="cookies-policy-check-performance"
5183                                    checked="checked"
5184                                    class="category-checkbox"
5185                                />
5186                                                        <span class="cookies__box">
5187                                <strong class="cookies__label">Performance</strong>
5188                            </span>
5189                                                            <p class="cookies__info">These cookies help us measure and improve site performance by collecting information about how visitors interact with the site, such as page views, traffic sources, and usage patterns. All information is aggregated and used in a way that does not directly identify you.</p>
5190                                                    </label>
5191
5192                        <div class="cookies__expandable" id="cookies-policy-performance">
5193                            <ul class="cookies__definitions">
5194                                                                                                            <li class="cookies__cookie">
5195                                            <p class="cookies__name">performance_storage</p>
5196                                                                                            <p class="cookies__duration">
5197                                                    8 months
5198                                                </p>
5199                                                                                                                                </li>
5200                                                                                                </ul>
5201                        </div>
5202                    </div>
5203                                    <div class="cookies__section">
5204                        <label for="cookies-policy-check-functional" class="cookies__category">
5205                                                            <input
5206                                    type="checkbox"
5207                                    value="functional"
5208                                    id="cookies-policy-check-functional"
5209                                    checked="checked"
5210                                    class="category-checkbox"
5211                                />
5212                                                        <span class="cookies__box">
5213                                <strong class="cookies__label">Functional</strong>
5214                            </span>
5215                                                            <p class="cookies__info">These cookies allow the website to remember choices you make and provide enhanced, more personalized features. Disabling these cookies may affect the availability or functionality of certain features.</p>
5216                                                    </label>
5217
5218                        <div class="cookies__expandable" id="cookies-policy-functional">
5219                            <ul class="cookies__definitions">
5220                                                                                                            <li class="cookies__cookie">
5221                                            <p class="cookies__name">functionality_storage</p>
5222                                                                                            <p class="cookies__duration">
5223                                                    8 months
5224                                                </p>
5225                                                                                                                                </li>
5226                                                                                                </ul>
5227                        </div>
5228                    </div>
5229                                    <div class="cookies__section">
5230                        <label for="cookies-policy-check-advertising" class="cookies__category">
5231                                                            <input
5232                                    type="checkbox"
5233                                    value="advertising"
5234                                    id="cookies-policy-check-advertising"
5235                                    checked="checked"
5236                                    class="category-checkbox"
5237                                />
5238                                                        <span class="cookies__box">
5239                                <strong class="cookies__label">Targeted Advertising</strong>
5240                            </span>
5241                                                            <p class="cookies__info">These cookies and pixels are used by us and our service providers to serve and measure the effectiveness of the advertisements displayed on our Site. They allow us to attribute your visit to the specific advertisement that brought you here, help us measure our performance, and ensure you receive offers rather than ads for services you have already joined.</p>
5242                                                    </label>
5243
5244                        <div class="cookies__expandable" id="cookies-policy-advertising">
5245                            <ul class="cookies__definitions">
5246                                                                                                            <li class="cookies__cookie">
5247                                            <p class="cookies__name">advertising_storage</p>
5248                                                                                            <p class="cookies__duration">
5249                                                    8 months
5250                                                </p>
5251                                                                                                                                </li>
5252                                                                                                </ul>
5253                        </div>
5254                    </div>
5255                            </div>
5256            <div class="cookies__save">
5257                <button
5258                    type="button"
5259                    @click="saveSettings()"
5260                    class="button has-text-white is-justify-content-center is-size-6-half is-borderless is-black is-fullwidth py-3 is-default"
5261                    aria-label="Save Cookie Preferences"
5262                >
5263                    <span class="cookies__label">Save settings</span>
5264                </button>
5265            </div>
5266        </div>
5267    </div>
5268</aside>
5269
5270<style data-cookie-consent>
5271    #cookies-policy.cookies{bottom:0;font-size:16px;max-height:100%;max-width:100%;overflow:auto;position:fixed;right:0;transition:transform .2s ease-out,opacity .2s ease-out;z-index:9999}#cookies-policy.cookies--closing{opacity:0;transform:translateY(10px)}#cookies-policy.cookies--show .cookies__btn--customize{border-bottom:1px solid #e7e8e9;border-top:none}#cookies-policy.cookies--show .cookies__btn svg{transform:rotate(180deg)}#cookies-policy.cookies--no-js .cookies__expandable:target,#cookies-policy.cookies--no-js .cookies__section .cookies__expandable{height:auto;opacity:1;transition:height .3s ease-out,opacity .3s ease-out;visibility:visible}#cookies-policy.cookies--no-js .cookies__details{display:none}#cookies-policy.cookies--no-js .cookies__sections{max-height:fit-content}#cookies-policy.cookies--no-js svg{display:none}#cookies-policy .cookies__expandable{display:block;height:0;opacity:0;overflow:hidden;transition:height .3s ease-out,opacity .3s ease-out,visibility 0s linear .3s;visibility:hidden}#cookies-policy .cookies__expandable--open{height:auto;opacity:1;transition:height .3s ease-out,opacity .3s ease-out;visibility:visible}#cookies-policy .cookies__alert{background:#fff;border:1px solid #e7e8e9;border-radius:8px;box-shadow:0 12px 12px -8px rgba(0,0,0,.08),0 0 4px rgba(0,0,0,.04);margin:4%;max-height:90%;max-width:90%;width:22em}#cookies-policy .cookies__container{display:block;height:auto;opacity:1;overflow:hidden;transition:height .3s ease-out,opacity .3s ease-out,visibility 0s linear .1s;visibility:visible}#cookies-policy .cookies__container--hide{height:0;opacity:0;transition:height .3s ease-out,opacity .3s ease-out,visibility 0s linear .3s;visibility:hidden}#cookies-policy .cookies__wrapper{padding:1em 1.5em}#cookies-policy .cookies__title{color:#2c2e30;font-weight:700;line-height:1.4em;margin-bottom:.8em}#cookies-policy .cookies__intro{color:#2c2e30;font-size:.875em;font-weight:450;line-height:1.4em}#cookies-policy .cookies__intro p{margin-top:1em}#cookies-policy .cookies__intro p:first-child{margin-top:0}#cookies-policy .cookies__intro a{color:inherit;text-decoration:underline;transition:color .2s ease-out}#cookies-policy .cookies__intro a:focus,#cookies-policy .cookies__intro a:hover{color:#7959ef}#cookies-policy .cookies__actions{display:flex;flex-direction:column;gap:4px;justify-content:space-between;margin-top:1em}#cookies-policy .cookies__btn--customize{align-items:center;border-top:1px solid #e7e8e9;color:#2c2e30;display:flex;font-size:.875em;font-weight:600;justify-content:space-between;line-height:1em;padding:1.125em 24px;position:relative;text-decoration:none}#cookies-policy .cookies__btn svg{transition:transform .2s ease-out}#cookies-policy .cookies__sections{max-height:450px;overflow-y:scroll}#cookies-policy .cookies__section{padding:0 1.5em}#cookies-policy .cookies__section+.cookies__section{border-top:1px solid #eee}#cookies-policy .cookies__box,#cookies-policy .cookies__category{display:block;overflow:hidden;position:relative}#cookies-policy .cookies__category input{display:block;margin:0;padding:0;position:absolute;right:105%;top:0}#cookies-policy .cookies__box{cursor:pointer;line-height:1.4em;padding:1em 3em 1em 0}#cookies-policy .cookies__box:after,#cookies-policy .cookies__box:before{border-radius:1.4em;content:"";display:block;position:absolute;top:50%}#cookies-policy .cookies__box:after{background:#e7e8e9;height:1.4em;margin-top:-.7em;right:0;transition:background .2s ease-out,opacity .2s ease-out;width:2.5em;z-index:0}#cookies-policy .cookies__box:before{background:#fff;height:1em;margin-top:-.5em;right:.75em;transform:translateX(-.55em);transition:transform .2s ease-out;width:1em;z-index:1}#cookies-policy .cookies__category input:checked+.cookies__box:after{background:#7959ef;opacity:1}#cookies-policy .cookies__category input:disabled+.cookies__box:after{opacity:.6}#cookies-policy .cookies__category input:checked+.cookies__box:before{transform:translateX(.55em)}#cookies-policy .cookies__label{color:#2c2e30;font-size:.875em;font-weight:600}#cookies-policy .cookies__info{color:#2c2e30;font-size:.875em;font-weight:450;line-height:1.4em}#cookies-policy .cookies__details{color:#7959ef;display:block;font-size:.875em;margin:.625em 0 .9em;transition:color .2s ease-out}#cookies-policy .cookies__details:focus,#cookies-policy .cookies__details:hover{color:#7959ef}#cookies-policy .cookies__definitions{color:#676767;font-size:.875em;line-height:1.2em;padding-top:.8em}#cookies-policy .cookies__cookie+.cookies__cookie{margin-top:1em}#cookies-policy .cookies__name{color:#8a8e92;display:inline;font-weight:600;line-height:22px}#cookies-policy .cookies__duration{color:#8a8e92;display:inline;text-align:right}#cookies-policy .cookies__description{color:#8a8e92;display:block;line-height:120%;padding-top:.3em;text-align:left;width:100%}#cookies-policy .cookies__save{border-top:1px solid #e7e8e9;display:flex;justify-content:flex-end;margin-top:.4em;padding:.75em 1.5em}#cookies-policy .cookiesBtn{width:100%}#cookies-policy .cookiesBtn__link{background:#7959ef;border:1px solid #7959ef;border-radius:4px;color:#fff;cursor:pointer;display:block;font:inherit;font-size:14px;font-weight:600;line-height:1em;margin:0;overflow:hidden;padding:.86em 1em;text-align:center;text-decoration:none;text-overflow:ellipsis;transition:opacity .2s ease-out;white-space:nowrap;width:100%}#cookies-policy .cookiesBtn__link:focus,#cookies-policy .cookiesBtn__link:hover{opacity:.8}
5272
5273
5274    /* Alpine x-show handles visibility — override default hidden state */
5275    #cookies-policy .cookies__expandable--custom {
5276        height: auto !important;
5277        opacity: 1 !important;
5278        visibility: visible !important;
5279    }
5280
5281    /* Fix save button text — .cookies__label sets dark color */
5282    #cookies-policy .cookies__save .button .cookies__label {
5283        color: #fff;
5284    }
5285</style>
5286
5287    
5287<script>
5288        document.addEventListener('alpine:init', () => {
5289            Alpine.data(
5290                'cookieConsentBanner',
5291                (cookieName, cookieDuration, registeredCookieNames, categoryCookieMap) => ({
5292                    showBanner: false,
5293                    showSettings: false,
5294
5295                    init() {
5296                        this.showBanner = !this.hasValidConsent();
5297
5298                        window.addEventListener('reset-cookie-consent', () => {
5299                            this.showBanner = true;
5300                            this.showSettings = false;
5301                            this.checkAllCategories();
5302                        });
5303                    },
5304
5305                    hasValidConsent() {
5306                        const raw = this.getCookie(cookieName);
5307                        if (!raw) return false;
5308
5309                        try {
5310                            const prefs = JSON.parse(decodeURIComponent(raw));
5311                            if (!prefs.consent_at || typeof prefs.consent_at !== 'number') return false;
5312
5313                            const expiresAt = prefs.consent_at + cookieDuration * 60;
5314                            if (expiresAt < Math.floor(Date.now() / 1000)) return false;
5315
5316                            return registeredCookieNames.every((name) => name in prefs);
5317                        } catch {
5318                            return false;
5319                        }
5320                    },
5321
5322                    setCookieConsent(preferences) {
5323                        preferences.consent_at = Math.floor(Date.now() / 1000);
5324                        const expires = new Date(Date.now() + cookieDuration * 60 * 1000).toUTCString();
5325                        const secure = location.protocol === 'https:' ? '; Secure' : '';
5326                        const value = encodeURIComponent(JSON.stringify(preferences));
5327                        document.cookie = `${cookieName}=${value}; expires=${expires}; path=/; SameSite=Lax${secure}`;
5328                        this.showBanner = false;
5329                        window.dispatchEvent(new Event('cookie-consent-given'));
5330                    },
5331
5332                    acceptAll() {
5333                        const prefs = {};
5334                        Object.values(categoryCookieMap)
5335                            .flat()
5336                            .forEach((name) => {
5337                                prefs[name] = true;
5338                            });
5339                        this.setCookieConsent(prefs);
5340                    },
5341
5342                    saveSettings() {
5343                        const checked = [...this.$root.querySelectorAll('.category-checkbox')]
5344                            .filter((el) => el.checked)
5345                            .map((el) => el.value);
5346                        const prefs = {};
5347                        Object.entries(categoryCookieMap).forEach(([key, cookieNames]) => {
5348                            const enabled = checked.includes(key);
5349                            cookieNames.forEach((name) => {
5350                                prefs[name] = enabled;
5351                            });
5352                        });
5353                        this.setCookieConsent(prefs);
5354                    },
5355
5356                    checkAllCategories() {
5357                        this.$root.querySelectorAll('.category-checkbox').forEach((el) => {
5358                            el.checked = true;
5359                        });
5360                    },
5361
5362                    getCookie(name) {
5363                        const match = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)'));
5364                        return match ? match[1] : null;
5365                    },
5366                }),
5367            );
5368        });
5369    </script>
vendor: 1 bytes, line 5369
5369
5370<script src="/livewire/livewire.min.js?id=f084fdfb"   data-csrf="qLsVengNDLZMA3t5u0s2SuX44VgKDvFW5Xh6pIoH" data-update-uri="/livewire/update" data-navigate-once="true"></script>
5370
5371</body>
5372</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.