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 '>m_auth=L3HA_Co4914QuQjA1nxPCg>m_preview=env-1>m_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>m_auth=L3HA_Co4914QuQjA1nxPCg>m_preview=env-1>m_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="{"data":{"enabled":true,"currentFilter":null,"isProd":true,"lastPage":0,"query":"","sitesWithSearchEnabled":[{"1":"Artist's Academy","2":"National Bowling Academy","3":"Creative Cake Design","4":"Classic Car Restoration Club","5":"Creative Crochet Corner","6":"Craftsy","7":"Craftsy Espanol","8":"Fix My Hog","9":"Get Healthy U TV","10":"Craft And Hobby","11":"The Knitting Circle","12":"Model Railroad Academy","13":"Personal Defense Network","14":"Outdoor Photography Guide","15":"National Quilters Circle","16":"RV Lifestyle & Repair","17":"National Sewing Circle","18":"Skill Shack","19":"WoodWorkers Guild of America"},{"s":"arr"}],"results":[[],{"s":"arr"}],"filters":[[],{"s":"arr"}],"page":1,"total":0,"flippedDesiredSearchFilterOptionsOrder":[{"class":0,"video":1,"article":2,"purchase-to-own":3},{"s":"arr"}]},"memo":{"id":"oB9sums3bC3YZY8TKcN3","name":"search.search-results","path":"products\/sewing-classes","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"68f43594ac01afeb9575b08b76176026e6b808f6a85d49b1e24ebe80ffbfc441"}" wire:effects="{"partials":[]}" 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 & 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 & 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&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 & 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&add-to-cart-multi=1&products=611&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 & 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="{"data":{"enabled":true,"currentFilter":null,"isProd":true,"lastPage":0,"query":"","sitesWithSearchEnabled":[{"1":"Artist's Academy","2":"National Bowling Academy","3":"Creative Cake Design","4":"Classic Car Restoration Club","5":"Creative Crochet Corner","6":"Craftsy","7":"Craftsy Espanol","8":"Fix My Hog","9":"Get Healthy U TV","10":"Craft And Hobby","11":"The Knitting Circle","12":"Model Railroad Academy","13":"Personal Defense Network","14":"Outdoor Photography Guide","15":"National Quilters Circle","16":"RV Lifestyle & Repair","17":"National Sewing Circle","18":"Skill Shack","19":"WoodWorkers Guild of America"},{"s":"arr"}],"results":[[],{"s":"arr"}],"filters":[[],{"s":"arr"}],"page":1,"total":0,"flippedDesiredSearchFilterOptionsOrder":[{"class":0,"video":1,"article":2,"purchase-to-own":3},{"s":"arr"}]},"memo":{"id":"CV97dw8l1AmHyJvv4HNV","name":"search.search-results","path":"products\/sewing-classes","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"3758db699321f51762599e0190bd7e5baa0559e451718ff671ba29492b8fda2b"}" wire:effects="{"partials":[]}" 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="{"data":{"cartCount":0},"memo":{"id":"G6bXQ8VeZR1BEfLfEF7O","name":"global-header.cart","path":"products\/sewing-classes","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"6562c22d215690b1e07df64f8643d61852f65aa8166c4920c6b412806ee6959a"}" wire:effects="{"partials":[],"listeners":["cart-updated"]}" 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="{"data":{"category":"sewing-classes","tag":null,"productTypes":[[],{"s":"arr"}],"postIn":null,"showPrices":true,"orderBy":"post_date-desc","filters":[{"tag":[{"title":"Content Topic","options":[{"alterations":["Alterations",{"s":"str"}],"baby-projects":["Baby Projects",{"s":"str"}],"bags":["Bags",{"s":"str"}],"dresses":["Dresses",{"s":"str"}],"embroidery":["Embroidery",{"s":"str"}],"fabric-know-how":["Fabric Know-How",{"s":"str"}],"gift-ideas":["Gift Ideas",{"s":"str"}],"home-decor":["Home Decor",{"s":"str"}],"jackets-coats":["Jackets & Coats",{"s":"str"}],"needles-thread":["Needles & Thread",{"s":"str"}],"other-notions-tools":["Other Notions & Tools",{"s":"str"}],"patternmaking":["Patternmaking",{"s":"str"}],"serging":["Serging",{"s":"str"}],"sewing-machine-basics":["Sewing Machine Basics",{"s":"str"}],"sewing-tips":["Sewing Tips",{"s":"str"}],"sewing-with-knits":["Sewing With Knits",{"s":"str"}],"shirts-tops":["Shirts & Tops",{"s":"str"}],"skirts-pants":["Skirts & Pants",{"s":"str"}],"specialty-fabrics":["Specialty Fabrics",{"s":"str"}],"zippers":["Zippers",{"s":"str"}]},{"s":"arr"}]},{"s":"arr"}],"instructor":[{"title":"Instructor","options":[{"30129":"Ashley Hough","36975":"Aurora Sisneros","222368":"Candie Cooper and Katie Hacker","14508":"Jessica Giardino","220160":"Linda Lee","252711":"Mary Beth Temple","42935":"Nicki LaFoille","220176":"Suzy Furrer","31743":"ZJ Humbach"},{"s":"arr"}]},{"s":"arr"}],"price":[{"title":"Price to Own","options":[{".01-9.99":"Under $9.99","10.00-19.99":"$10.00 - $19.99"},{"s":"arr"}]},{"s":"arr"}]},{"s":"arr"}],"selectedFilterList":null,"selectedFilters":[[],{"s":"arr"}],"itemCount":24,"page":1,"perPage":24,"results":[{"23":[{"ID":952633,"post_type":"product","type":"class","title":"Sew a Sporty Racerback Tank","slug":"sew-a-sporty-racerback-tank","url":"https:\/\/www.nationalsewingcircle.com\/class\/sew-a-sporty-racerback-tank","excerpt_filtered":"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...","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Nicki LaFoille","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2026\/04\/01115213\/Sew-a-Sporty-Racerback-Tank_notext-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2026-08-26 08:11:17","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/sew-a-sporty-racerback-tank"},{"s":"arr"}],"22":[{"ID":951585,"post_type":"product","type":"class","title":"Beyond the Basics: Advanced Fanny Pack Design and Assembly","slug":"beyond-the-basics-advanced-fanny-pack-design-and-assembly","url":"https:\/\/www.nationalsewingcircle.com\/class\/beyond-the-basics-advanced-fanny-pack-design-and-assembly","excerpt_filtered":"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...","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Nicki LaFoille","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2026\/02\/17090806\/Beyond-the-Basics-Advanced-Fanny-Pack-Design-and-Assembly_notext-1-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2026-08-26 08:12:27","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/beyond-the-basics-advanced-fanny-pack-design-and-assembly"},{"s":"arr"}],"21":[{"ID":946986,"post_type":"product","type":"class","title":"Sew Skirts Without a Pattern: A Step-by-Step Class","slug":"sew-skirts-without-a-pattern-a-step-by-step-class","url":"https:\/\/www.nationalsewingcircle.com\/class\/sew-skirts-without-a-pattern-a-step-by-step-class","excerpt_filtered":"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....","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Mary Beth Temple","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/12\/04100635\/Sew_Skirts_Without_a_Pattern_A_Step-by-Step_Class_notext-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2026-08-26 08:13:13","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/sew-skirts-without-a-pattern-a-step-by-step-class"},{"s":"arr"}],"20":[{"ID":942681,"post_type":"product","type":"class","title":"Sew a Dual-Duty Weekend Tote &amp; Machine Carrier","slug":"sew-a-dual-duty-weekend-tote-machine-carrier","url":"https:\/\/www.nationalsewingcircle.com\/class\/sew-a-dual-duty-weekend-tote-machine-carrier","excerpt_filtered":"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,...","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Nicki LaFoille","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141221\/Sew-a-Dual-Duty-Weekend-Tote-Machine-Carrier_notext-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2026-08-26 08:14:00","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/sew-a-dual-duty-weekend-tote-machine-carrier"},{"s":"arr"}],"19":[{"ID":942041,"post_type":"product","type":"class","title":"Sew a Stylish Cross-Body Bag","slug":"sew-a-stylish-cross-body-bag","url":"https:\/\/www.nationalsewingcircle.com\/class\/sew-a-stylish-cross-body-bag","excerpt_filtered":"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...","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Nicki LaFoille","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141218\/SEW_Sew_a_Stylish_Cross-Body_Bag_LaFoille_notext-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2026-08-26 08:14:46","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/sew-a-stylish-cross-body-bag"},{"s":"arr"}],"18":[{"ID":939263,"post_type":"product","type":"class","title":"Make a Memory Bear from a Quilt: Learn Sewing Techniques for a Sentimental Keepsake","slug":"make-a-memory-bear-from-a-quilt","url":"https:\/\/www.nationalsewingcircle.com\/class\/make-a-memory-bear-from-a-quilt","excerpt_filtered":"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...","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Mary Beth Temple","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141214\/SEW_Make_a_Memory_Bear_From_a_Quilt_Temple_notext-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2025-10-23 14:17:10","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/make-a-memory-bear-from-a-quilt"},{"s":"arr"}],"17":[{"ID":939085,"post_type":"product","type":"class","title":"Textile Art: Create One-of-a-Kind Fabric
1027 with Markers, Paint, Acid Dyes &amp; Cyanotype","slug":"textile-art","url":"https:\/\/www.nationalsewingcircle.com\/class\/textile-art","excerpt_filtered":"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...","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Mary Beth Temple","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141211\/SEW_Textile_Art_Temple_Titlecard_notext-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2025-10-23 14:17:27","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/textile-art"},{"s":"arr"}],"16":[{"ID":937556,"post_type":"product","type":"class","title":"Sashiko Embroidery Masterclass: Traditional Japanese Techniques for Modern Sewing","slug":"sashiko-embroidery-masterclass","url":"https:\/\/www.nationalsewingcircle.com\/class\/sashiko-embroidery-masterclass","excerpt_filtered":"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 \"little stabs,\" involves...","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Mary Beth Temple","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141207\/SEW_Sashiko_Embroidery_Masterclass_Temple_titlecard_notext-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2025-10-23 14:17:39","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/sashiko-embroidery-masterclass"},{"s":"arr"}],"15":[{"ID":934737,"post_type":"product","type":"class","title":"Make a Cozy Coat from Thrifted Quilts: Draft Your Own Pattern and Add Creative Closures","slug":"make-a-cozy-coat-from-thrifted-quilts-draft-your-own-pattern-and-add-creative-closures","url":"https:\/\/www.nationalsewingcircle.com\/class\/make-a-cozy-coat-from-thrifted-quilts-draft-your-own-pattern-and-add-creative-closures","excerpt_filtered":"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!","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Mary Beth Temple","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141204\/SEW_Make_a_Cozy_Coat_from_Thrifted_Quilts_Temple_titlecard_notext-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2025-10-23 14:17:54","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/make-a-cozy-coat-from-thrifted-quilts-draft-your-own-pattern-and-add-creative-closures"},{"s":"arr"}],"14":[{"ID":934715,"post_type":"product","type":"class","title":"Thrift Flipping: How to Upcycle Fashion Finds","slug":"thrift-flipping-how-to-upcycle-fashion-finds","url":"https:\/\/www.nationalsewingcircle.com\/class\/thrift-flipping-how-to-upcycle-fashion-finds","excerpt_filtered":"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...","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Mary Beth Temple","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141201\/SEW_Thrift-Flipping-How-to-Upcycle-Fashion-Finds_Temple_notext-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2025-10-23 14:18:06","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/thrift-flipping-how-to-upcycle-fashion-finds"},{"s":"arr"}],"13":[{"ID":934707,"post_type":"product","type":"class","title":"Leather &amp; Vinyl Sewing for Beginners","slug":"leather-vinyl-sewing-for-beginners","url":"https:\/\/www.nationalsewingcircle.com\/class\/leather-vinyl-sewing-for-beginners","excerpt_filtered":"Learn the art of sewing with leather and vinyl in this hands-on class designed for all skill levels. Whether you're looking to add stunning embellishments to your projects or create...","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Mary Beth Temple","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141158\/SEW_Leather_and_Vinyl_Sewing_for_Beginners_Temple_titlecard_notext-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2025-10-23 14:18:16","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/leather-vinyl-sewing-for-beginners"},{"s":"arr"}],"12":[{"ID":930928,"post_type":"product","type":"class","title":"Altering Commercial Patterns for a Custom Designed Look","slug":"altering-commercial-patterns-for-a-custom-designed-look","url":"https:\/\/www.nationalsewingcircle.com\/class\/altering-commercial-patterns-for-a-custom-designed-look","excerpt_filtered":"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...","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Nicki LaFoille","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141154\/Altering-Commercials-Patterns-for-a-Custom-Designed-Look_notext-1-1-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2025-10-23 14:18:32","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/altering-commercial-patterns-for-a-custom-designed-look"},{"s":"arr"}],"11":[{"ID":930421,"post_type":"product","type":"class","title":"Pattern Free Garments","slug":"pattern-free-garments","url":"https:\/\/www.nationalsewingcircle.com\/class\/pattern-free-garments","excerpt_filtered":"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...","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Nicki LaFoille","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141151\/Pattern-Free-Garments_notext-1-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2025-10-23 14:18:47","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/pattern-free-garments"},{"s":"arr"}],"10":[{"ID":929490,"post_type":"product","type":"class","title":"Divider Tote","slug":"divider-tote","url":"https:\/\/www.nationalsewingcircle.com\/class\/divider-tote","excerpt_filtered":"Making purses, totes and handbags is a great way to practice your sewing skills, use fun fabrics, and create something beautiful and functional.","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Nicki LaFoille","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141117\/Divider-Tote_notext-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2025-10-23 14:19:02","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/divider-tote"},{"s":"arr"}],"9":[{"ID":925864,"post_type":"product","type":"class","title":"Copying Ready to Wear: The Cutting Method","slug":"
1027copying-ready-to-wear-the-cutting-method","url":"https:\/\/www.nationalsewingcircle.com\/class\/copying-ready-to-wear-the-cutting-method","excerpt_filtered":"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...","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Suzy Furrer","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141115\/Copying-Ready-to-Wear-The-Cutting-Method-1-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2025-10-23 14:19:13","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/copying-ready-to-wear-the-cutting-method"},{"s":"arr"}],"8":[{"ID":925741,"post_type":"product","type":"class","title":"Pressing Tools","slug":"pressing-tools","url":"https:\/\/www.nationalsewingcircle.com\/class\/pressing-tools","excerpt_filtered":"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.","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Suzy Furrer","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141111\/Pressing-Tools-2-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2025-10-23 14:19:34","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/pressing-tools"},{"s":"arr"}],"7":[{"ID":900439,"post_type":"product","type":"class","title":"Knit Know-How + Cowl Neck Sweatshirt","slug":"knit-know-how-cowl-neck-sweatshirt","url":"https:\/\/www.nationalsewingcircle.com\/class\/knit-know-how-cowl-neck-sweatshirt","excerpt_filtered":"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.","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Nicki LaFoille","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141023\/Knit-Know-How-Cowl-Neck-Sweatshirt-1-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2025-10-23 14:25:51","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/knit-know-how-cowl-neck-sweatshirt"},{"s":"arr"}],"6":[{"ID":896952,"post_type":"product","type":"class","title":"Combining Knit and Woven Fabric","slug":"combining-knit-and-woven-fabric","url":"https:\/\/www.nationalsewingcircle.com\/class\/combining-knit-and-woven-fabric","excerpt_filtered":"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...","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Nicki LaFoille","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141013\/Combining-Knit-and-Woven-Fabr
1027ic_titlecard-1-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2025-10-23 14:26:10","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/combining-knit-and-woven-fabric"},{"s":"arr"}],"5":[{"ID":892518,"post_type":"product","type":"class","title":"Hands On Crafts for Kids: The Artist in You!","slug":"hands-on-crafts-for-kids-the-artist-in-you","url":"https:\/\/www.nationalsewingcircle.com\/class\/hands-on-crafts-for-kids-the-artist-in-you","excerpt_filtered":"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...","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Candie Cooper and Katie Hacker","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141005\/HOC1600_The_Artist_in_You_16x9-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2025-10-23 14:33:56","product_type":"class","price":7,"regular_price":29.99,"sale_price":7,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/hands-on-crafts-for-kids-the-artist-in-you"},{"s":"arr"}],"4":[{"ID":891279,"post_type":"product","type":"class","title":"Backpack Basics: Construct &amp; Customize","slug":"backpack-basics-construct-customize","url":"https:\/\/www.nationalsewingcircle.com\/class\/backpack-basics-construct-customize","excerpt_filtered":"In this class you\u2019ll learn about many types of bag hardware, including tension locks, sliders, D rings, clasps, magnetic snaps and eyelets.","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Nicki LaFoille","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23141002\/Title-card-5-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2026-04-17 11:33:24","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/backpack-basics-construct-customize"},{"s":"arr"}],"3":[{"ID":887049,"post_type":"product","type":"class","title":"Hands On Crafts for Kids: Be Creative","slug":"hands-on-crafts-for-kids-be-creative","url":"https:\/\/www.nationalsewingcircle.com\/class\/hands-on-crafts-for-kids-be-creative","excerpt_filtered":"Let\u2019s get creative. We just have to look around us each day to get great ideas for fun family crafts.","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Candie Cooper and Katie Hacker","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23140955\/HOC1800_Be_Creative_16x9-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2025-10-23 14:34:54","product_type":"class","price":7,"regular_price":29.99,"sale_price":7,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/hands-on-crafts-for-kids-be-creative"},{"s":"arr"}],"2":[{"ID":886944,"post_type":"product","type":"class","title":"Hands On Crafts for Kids: A Fresh Look","slug":"hands-on-crafts-for-kids-a-fresh-look","url":"https:\/\/www.nationalsewingcircle.com\/class\/hands-on-crafts-for-kids-a-fresh-look","excerpt_filtered":"Let'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,...","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Candie Cooper and Katie Hacker","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23140951\/HOC1900_A_Fresh_Look_16x9-768x432.jpg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2025-10-23 14:35:26","product_type":"class","price":7,"regular_price":29.99,"sale_price":7,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/hands-on-crafts-for-kids-a-fresh-look"},{"s":"arr"}],"1":[{"ID":883023,"post_type":"product","type":"class","title":"Patternmaking + Design: The Pants Sloper","slug":"patternmaking-design-the-pants-sloper","url":"https:\/\/www.nationalsewingcircle.com\/class\/patternmaking-design-the-pants-sloper","excerpt_filtered":"
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","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Suzy Furrer","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23140947\/image-683-768x436.jpeg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2025-10-23 14:26:35","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/patternmaking-design-the-pants-sloper"},{"s":"arr"}],"0":[{"ID":883003,"post_type":"product","type":"class","title":"Patternmaking Basics: The Bodice Sloper","slug":"patternmaking-basics-the-bodice-sloper","url":"https:\/\/www.nationalsewingcircle.com\/class\/patternmaking-basics-the-bodice-sloper","excerpt_filtered":"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","display_group":[{"slug":"class","name":"Class"},{"s":"arr"}],"membership_access_level":null,"author_name":"Suzy Furrer","thumbnail_url":"https:\/\/d2culxnxbccemt.cloudfront.net\/sew\/content\/uploads\/2025\/10\/23140944\/image-281-768x432.jpeg","is_new":false,"class":"App\\Models\\Products\\ClassProduct","updated_date":"2026-06-08 13:27:03","product_type":"class","price":10,"regular_price":39.99,"sale_price":10,"on_sale":true,"has_discount":true,"is_free":false,"is_purchasable":true,"purchase_url":"\/product\/patternmaking-basics-the-bodice-sloper"},{"s":"arr"}]},{"s":"arr"}],"sortOptions":[{"post_date-desc":"Date: New to Old","post_date-asc":"Date: Old to New","post_title-asc":"Alphabetical: A-Z","post_title-desc":"Alphabetical: Z-A","author_lastname-desc":"Instructor Last Name: Z-A","author_lastname-asc":"Instructor Last Name: A-Z","price-asc":"Price: Low to High","price-desc":"Price: High to Low "},{"s":"arr"}],"totalItemCount":58,"totalPages":3,"search":null,"filtersFromUrl":null,"sortFromUrl":null},"memo":{"id":"U7pSSkFFsORePND76AGD","name":"listings.product-listing","path":"products\/sewing-classes","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"51e04b075a6c3ddbd407be83d53f8eb25ee2349d6700e36e5519a5d7efd5f20a"}" wire:effects="{"partials":[],"url":{"search":{"as":"search","use":"replace","alwaysShow":false,"except":null},"filtersFromUrl":{"as":"filters","use":"replace","alwaysShow":false,"except":null},"sortFromUrl":{"as":"orderby","use":"replace","alwaysShow":false,"except":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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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"> $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"> $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"> $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 & 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"> $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"> $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"> $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 & 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"> $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"> $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"> $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"> $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 & 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"> $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"> $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"> $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"> $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"> $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"> $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"> $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"> $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"> $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 & 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"> $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"> $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"> $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"> $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"> $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="{"partials":[]}" wire:id="I04RjUhVE1bSwNiF3BJR" wire:snapshot="{"data":{"extraFields":[{"secret":"","valid_from":"eyJpdiI6Ik0xejFhYi84NmpYWUFGWUhWMmRJTWc9PSIsInZhbHVlIjoiWmpCSGhtMGVCSWI0R3V5Y1JIRmNvQT09IiwibWFjIjoiMzFhY2M5MTA4MzIyYjJlMzhhNDhiYmY0YTkwYTZjMDg5MTY2YWY2ZDRmYjM1OGVjZjRmYTRhODlhYzdmMTcwMiIsInRhZyI6IiJ9"},{"class":"Spatie\\Honeypot\\Http\\Livewire\\Concerns\\HoneypotData","s":"wrbl"}],"email":"","ctaText":"SIGN UP"},"memo":{"id":"I04RjUhVE1bSwNiF3BJR","name":"forms.newsletter-form","path":"products\/sewing-classes","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"a85d5a335cf2c786a162ba8acdfeed8aea2c0579ab6f1fd2ccc4465c0c6983f7"}"> 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 & 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&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 & 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 & 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 & 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>© 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="{"data":{"playlists":null,"showModal":false,"user":null,"contentId":null},"memo":{"id":"PeDCuZuJvSveUIZHfNJq","name":"playlists.add-to-playlist-modal","path":"products\/sewing-classes","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"39b1ff30f465d0f71e73cabae2903024b407a9ccd38206f910983f3347eed058"}" wire:effects="{"partials":[],"listeners":["close-add-to-playlist-modal","open-add-to-playlist-modal"]}" wire:id="PeDCuZuJvSveUIZHfNJq"></div> <div wire:snapshot="{"data":{"membershipOption":null,"campaignCode":null,"openModal":false},"memo":{"id":"6aNXGIG5VkavJPpOX4f2","name":"global-access-modal","path":"products\/sewing-classes","method":"GET","release":"a-a-a","children":[],"scripts":["2014947305-0"],"assets":[],"errors":[],"locale":"en"},"checksum":"bb27b2d63cd7acd16844d6ec7e64b03180b3a928bcc2798ead514f7b1a4b7404"}" wire:effects="{"partials":[],"scripts":{"2014947305-0":" <script>\n const urlParams = new URLSearchParams(window.location.search);\n const showMembershipAccessModal = ['1', 'true'].includes(urlParams.get('accessmodal'));\n if (showMembershipAccessModal) {\n $wire.dispatch('open-access-modal', {\n tier: 'premium',\n location: 'become-a-member-bottom-bar',\n });\n }\n <\/script>\n "},"listeners":["open-access-modal","close-access-modal"]}" 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.