PageSourceSearch

https://www.modelrailroadacademy.com/articles/all

html modelrailroadacademy.com collected 2026-09-26 13:34:44 UTC 310,831 bytes, 4,271 lines download raw bytes

1<!doctype html>
2<html lang="en">
3<head data-cast-api-enabled="true">
4        
5    
5<script async type="text/javascript">
6        HTMLCollection.prototype.lastIndex = function () {
7            return this.length - 1;
8        };
9        document.getLastScript = function () {
10            return this.getElementsByTagName('script')[this.getElementsByTagName('script').lastIndex()];
11        };
12    </script>
12
13
14    <meta charset="utf-8" />
15    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
16
17    <title>All Articles | Model Railroad Academy</title>
18
19
20<link rel="canonical" href="https://www.modelrailroadacademy.com/articles/all" />
21
22    <meta name="robots" content="max-snippet:-1,max-image-preview:standard,max-video-preview:-1" />
23    <meta property="og:title" content="All Articles" />
24    <meta property="og:type" content="website" />
25    <meta property="og:url" content="https://www.modelrailroadacademy.com/articles/all" />
26    <meta property="og:image" content="https://www.modelrailroadacademy.com/images/favicons/mra.png" />
27    <meta property="og:locale" content="en_US" />
28    <meta property="og:sitename" content="Model Railroad Academy" />
29    <meta name="twitter:card" content="summary_large_image" />
30<meta name="twitter:title" content="All Articles" />
31
32
33    <meta name="twitter:image" content="https://www.modelrailroadacademy.com/images/favicons/mra.png" />
34    
34<script type="application/ld+json">
35    {"@context":"http:\/\/schema.org","@type":"WebPage","name":"All Articles","author":"Model Railroad Academy","image":"https:\/\/www.modelrailroadacademy.com\/images\/favicons\/mra.png","headline":"All Articles"}</script>
35
36
37<meta name="google-site-verification" content="ubg48GlZgdKbG9duIsEr58TehzeVtHrgeT3safOYVN0" />
38<meta name="msvalidate.01" content="8E82025FC6707609F589EFD9D7A566A8" />
39
40    <meta name="HandheldFriendly" content="True" />
41    <meta name="MobileOptimized" content="320" />
42    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
43
44    
45    <link rel="stylesheet" href="https://www.modelrailroadacademy.com/css/normalize.min.css" type="text/css" media="all" />
46    <link rel="preload" as="font" type="font/woff2" crossorigin href="https://www.modelrailroadacademy.com/fonts/poppins/regular.woff2" />
47    <link rel="preload" as="font" type="font/woff2" crossorigin href="https://www.modelrailroadacademy.com/fonts/poppins/bold.woff2" />
48    <link rel="preload" as="font" type="font/woff2" crossorigin href="https://www.modelrailroadacademy.com/fonts/poppins/light.woff2" />
49    <link rel="preload" as="font" type="font/woff2" crossorigin href="https://www.modelrailroadacademy.com/fonts/poppins/black.woff2" />
50
51
52<style>
53            @font-face {
54            font-family: 'Poppins Regular';
55            src:
56                local('Poppins Regular'),
57                url('https://www.modelrailroadacademy.com/fonts/poppins/regular.woff2') format('woff2');
58            font-weight: normal;
59            font-style: normal;
60            font-display: swap;
61        }
62            @font-face {
63            font-family: 'Poppins Bold';
64            src:
65                local('Poppins Bold'),
66                url('https://www.modelrailroadacademy.com/fonts/poppins/bold.woff2') format('woff2');
67            font-weight: normal;
68            font-style: normal;
69            font-display: swap;
70        }
71            @font-face {
72            font-family: 'Poppins Light';
73            src:
74                local('Poppins Light'),
75                url('https://www.modelrailroadacademy.com/fonts/poppins/light.woff2') format('woff2');
76            font-weight: normal;
77            font-style: normal;
78            font-display: swap;
79        }
80            @font-face {
81            font-family: 'Poppins Black';
82            src:
83                local('Poppins Black'),
84                url('https://www.modelrailroadacademy.com/fonts/poppins/black.woff2') format('woff2');
85            font-weight: normal;
86            font-style: normal;
87            font-display: swap;
88        }
89    </style>
90    <style>
91    @media print {
92        #top-ad,
93        #wc-promo-banner,
94        #top-navigation-wrapper,
95        #main-footer,
96        #footer-newsletter,
97        .bottom-cta-bar,
98        .vs-demonstration .breadcrumb,
99        .vs-demonstration .message.warning,
100        .vs-demonstration #instructor,
101        .vs-demonstration .button-wrap,
102        .vs-demonstration #comments,
103        .vs-demonstration section.has-blur {
104            display: none !important;
105        }
106    }
107</style>
108    <link
109    rel="stylesheet"
110    href="https://www.modelrailroadacademy.com/css/mra.css?ver=1790260809"
111    type="text/css"
112    media="all"
113/>
114    <link rel="icon" href="https://www.modelrailroadacademy.com/images/favicons/mra.png" sizes="32x32" />
115<link rel="icon" href="https://www.modelrailroadacademy.com/images/favicons/mra.png" sizes="192x192" />
116<link rel="apple-touch-icon" href="https://www.modelrailroadacademy.com/images/favicons/mra.png" />
117
118    
119    
120    <link rel="stylesheet" href="https://www.modelrailroadacademy.com/wp/wp-includes/css/dashicons.min.css" type="text/css" media="all" />
121
122    <link rel="stylesheet" href="https://www.modelrailroadacademy.com/css/vidstore-brightcove.css" />
123
124    
124<script>
125    function sendGtmEvent(event, data = {}, clear = true) {
126        let pushObjs = [];
127
128        if (clear) {
129            pushObjs.push({ tn: { event_data: undefined } });
130        }
131
132        pushObjs.push({
133            event: event,
134            tn: {
135                event_data: data && Object.keys(data).length > 0 ? { ...data } : {},
136            },
137        });
138
139        window.dataLayer = window.dataLayer || [];
140
141        for (const pushObj of pushObjs) {
142            console.log('dataLayer.push()', pushObj);
143            window.dataLayer.push(pushObj);
144        }
145    }
146
147    window.dataLayer = window.dataLayer || [];
148
149    window.dataLayer.push({
150        event: 'tn.__site__',
151        tn: {"site":{"brand":"mra","env":"production"},"user":{"logged_in":false,"email":"","wp_id":"","username":""},"page":{"full_url":"https:\/\/www.modelrailroadacademy.com\/articles\/all","hostname":"www.modelrailroadacademy.com","path":"articles\/all","query_string":null,"title":"All Articles"}},
152    });
153
154    (function (w, d, s, l, i) {
155        w[l] = w[l] || [];
156        w[l].push({
157            'gtm.start': new Date().getTime(),
158            event: 'gtm.js',
159        });
160        var f = d.getElementsByTagName(s)[0],
161            j = d.createElement(s),
162            dl = l != 'dataLayer' ? '&l=' + l : '';
163        j.async = true;
164        j.src =
165            'https://www.googletagmanager.com/gtm.js?id=' +
166            i +
167            dl +
168            '&gtm_auth=L3HA_Co4914QuQjA1nxPCg&gtm_preview=env-1&gtm_cookies_win=x';
169        f.parentNode.insertBefore(j, f);
170    })(window, document, 'script', 'dataLayer', 'GTM-TB2JHJB');
171
172    const events = [];
173
174    for (const event of events) {
175        const eventName = event.name;
176        const eventData = event.data || {};
177        const clear = event.clear || true;
178
179        console.log('sendGtmEvent()', eventName, eventData, clear);
180
181        sendGtmEvent(eventName, eventData, clear);
182    }
183</script>
183
184
185
186    
186<script rel="preload" src="https://www.modelrailroadacademy.com/js/jquery/jquery.min.js?ver=1790260809"></script>
186
187    
187<script rel="preload" src="https://www.modelrailroadacademy.com/js/jquery/jquery-migrate.min.js?ver=1790260809"></script>
187
188
189    
189<script src="https://www.modelrailroadacademy.com/js/scripts.js?ver=1790260809" defer></script>
189
190
191    
191<script src="https://www.modelrailroadacademy.com/js/track-event.js?ver=1790260809" defer></script>
191
192
193    
194    
195        
195<script
196        type="text/javascript"
197        async
198        src="https://www.modelrailroadacademy.com/js/prebid/asc.tnmarketing.mra.js"
199    ></script>
199
200
201    
201<script>
202        window.fpPromise = import('https://id.modelrailroadacademy.com/web/v3/vzeLgTSYE8BVd26eHn4M').then((FingerprintJS) =>
203        FingerprintJS.load({
204            endpoint: ['https://id.modelrailroadacademy.com', FingerprintJS.defaultEndpoint],
205        }),
206    );
207    </script>
207
208<!-- 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>
209</head>
210
211<body data-cached="true"
212    class="is-full-bleed-page"
213    x-data="{
214        openPremiumAccessModal(location = null) {
215            this.openAccessModal('premium', location);
216        },
217
218        openGoldAccessModal(location = null) {
219            this.openAccessModal('gold', location);
220        },
221
222        openAccessModal(tier, location = null, campaign = null) {
223            $dispatch('open-access-modal', {
224                tier: tier,
225                location: location,
226                campaign: campaign,
227            });
228        },
229    }"
230>
231    <!-- Place immediately after <body data-cached="true"> tag. -->
232<noscript
233    ><iframe
234        src="https://www.googletagmanager.com/ns.html?id=GTM-TB2JHJB&gtm_auth=L3HA_Co4914QuQjA1nxPCg&gtm_preview=env-1&gtm_cookies_win=x"
235        title="Google Tag Manager"
236        height="0"
237        width="0"
238        style="display: none; visibility: hidden"
239    ></iframe
240></noscript>
241
242    
243            <div id="container" class="">
244                            <nav class="skip-links" aria-label="Skip links">
245            <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">
246    Skip to main content
247</a>
248    </nav>
249            
250            
251                            
251<script>
252    /**
253     * Set CSS variables for viewport heights.
254     *
255     * Used to calculate height on _secondary-navigation.scss
256     * since notch, URL bars, etc differ across devices.
257     * This must be run before core styles are loaded.
258     */
259    function setViewportStyleVars() {
260        const styleElements = {
261            windowInnerHeight: window.innerHeight,
262            topNavOffset: document.querySelector('nav.vs-top-nav-wrap')?.offsetHeight || 0,
263        };
264
265                styleElements['topAdOffset'] = document.getElementById('top-ad')?.offsetHeight || 0;
266        
267                styleElements['secNavOffset'] = document.querySelector('nav.secondary-nav')?.offsetHeight || 0;
268        
269        for (let name in styleElements) {
270            document.documentElement.style.setProperty(`--${name}`, `${styleElements[name]}px`);
271        }
272    }
273    document.addEventListener('DOMContentLoaded', setViewportStyleVars);
274    window.addEventListener('resize', setViewportStyleVars);
275    window.addEventListener('orientationchange', setViewportStyleVars);
276</script>
276
277
278    <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">
279
280<div
281    data-aaad="true"
282    data-aa-adunit='/21718562853/mra/desktop_leaderboard_sticky'
283    class="vidstore_ad_block mx-auto is-flex is-justify-content-center"
284></div>
285
286    </div>
287
288
289<div
290    x-data="{
291        atTop: document.documentElement.scrollTop <= 0,
292        mobileMenuOpen: false,
293        userNotification: '',
294    }"
295    x-init="
296        document.addEventListener('livewire:initialized', () => {
297            Livewire.on('password-reset-email-sent', (payload) => {
298                userNotification = payload?.message ?? '';
299            });
300        })
301    "
302    class="is-full-width"
303>
304    <nav
305        class="navbar vs-top-nav-wrap"
306        role="navigation"
307        aria-label="main navigation"
308        data-test-ref="main-navigation"
309        :class="{ 'is-fixed-top': !atTop }"
310        @scroll.window="
311            const adEl = document.querySelector('#top-ad');
312            let windowWidth = window.innerWidth;
313            let scrollPosition = document.documentElement.scrollTop;
314
315            if (!adEl || adEl.innerHTML.trim() == 0) {
316                if (scrollPosition === 0) {
317                    toggleStickyNav(false);
318                } else {
319                    toggleStickyNav(true);
320                }
321            } else {
322                if ((windowWidth < 1024 && scrollPosition <= 90) || (windowWidth >= 1024 && scrollPosition <= 120)) {
323                    toggleStickyNav(false);
324                } else {
325                    toggleStickyNav(true);
326                }
327            }
328
329            function toggleStickyNav(makeSticky) {
330                if (makeSticky) {
331                    atTop = false;
332                    document.body.classList.add('has-navbar-fixed-top');
333                } else {
334                    atTop = true;
335                    document.body.classList.remove('has-navbar-fixed-top');
336                }
337            }
338        "
339    >
340        <div class="vs-top-nav container is-fluid is-flex px-0">
341            <div class="navbar-menu vs-main-nav is-marginless px-3" x-cloak>
342                <div class="mobile-toggle is-hidden-desktop">
343                                            <button
344                    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;
345                                document.body.classList.toggle('has-open-modal');"
346>
347    <span
348    x-show="!mobileMenuOpen" x-cloak="x-cloak" class="svg-icon menu white small"
349>
350            <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>
351                            <span
352    x-show="mobileMenuOpen" x-cloak="x-cloak" class="svg-icon close white small"
353>
354            <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>
355</button>
356                                    </div>
357                <div class="navbar-brand pr-5-desktop is-flex is-align-items-center-desktop">
358                    <a href="/" target="_self" aria-label="Click to go to the Model Railroad Academy home page" class="is-cursor-pointer is-primary  is-uppercase navbar-item top-nav-logo is-flex py-0 pl-0-desktop mra" role="button" tabindex="0" type="button" data-test-ref="global-nav-clickable-logo">
359    <span aria-hidden="true" class="svg-logo is-flex is-align-items-center">
360        <svg title="Model Railroad Academy Clickable Logo" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1139 710"><title>Model Railroad Academy Clickable Logo</title><path fill="none" d="M626.37 249.83s.09.05.14.08l1.04-1.75-1.17 1.67ZM585.54 235.34c.07.01.14.03.21.04l.28-2.7-.49 2.67ZM613.42 243.18c.06.02.11.05.17.07l.92-2.22zM599.72 238.35c.07.02.13.03.2.05l.65-2.57zM571.
36014 234.23h.2l-.1-2.61zM528.24 241.62s.03-.01.05-.02l-.3-.59zM542.3 237.3s.08-.02.11-.03l-.49-1.45.37 1.48ZM556.69 234.86c.06 0 .11-.01.17-.02l-.4-2.18.23 2.19ZM648.73 268.46s.05.06.08.08l1.08-1.01-1.15.92ZM657.4 280.22s.04.07.07.1l1.31-.92-1.38.81ZM638.26 258.28s.07.05.1.08l1.05-1.31z"/><path fill="#fff" d="M796.32 522.22H342l-29.59 50.91 256.75 104.31L825.9 573.13z"/><path fill="#c2522e" d="M503.29 178.73c0-.09.01-.19.01-.28 0 .09-.01.19-.01.28M524.91 228.03c-9.51-8.82-16.47-20.35-19.64-33.37-39.16 18.44-69.24 52.96-81.74 95.04h-5.66l51.45.7.64-.7h-5.7c11.38-27.64 33.27-49.81 60.65-61.67M639.34 257.13v.01l.07-.08zM649.32 267.99l.04.04.53-.49zM721.39 289.7h-3.95c-12.5-42.08-42.58-76.6-81.74-95.04-3.17 13.02-10.14 24.55-19.64 33.37 27.38 11.87 49.27 34.03 60.65 61.67h-7.4l.64.7 51.45-.7Z"/><path fill="#fff" d="m558.69 244.88 3.55 19.49c2.54-.3 5.12-.49 7.74-.51l.7-17.95h-.2c-4.03 0-7.96-.36-11.79-1.04ZM525.91 228.89c-.33-.29-.67-.56-.99-.86-27.38 11.87-49.27 34.03-60.65 61.67h34.2l-14.74-10.32 17.47 10.32h15.08l-23.66-22.19 25.37 20.34a70 70 0 0 1 5.38-5.52l-20.27-25.3 22.13 23.61c1.96-1.68 3.99-3.29 6.13-4.74l-16.39-27.76 18.5 26.44c2.19-1.38 4.46-2.63 6.8-3.76l-12.02-29.2-.25-.61.3.59 14.2 28.15c2.37-1.05 4.79-2 7.29-2.78L543 240.03c-6.28-2.83-12.01-6.62-17.09-11.15ZM571.8 245.87l.71 18.08c2.61.07 5.17.3 7.69.65l3.66-20.06c-3.91.79-7.93 1.25-12.06 1.33M543.4 240.2l8.77 26.16a69 69 0 0 1 7.62-1.61l-2.08-20.08c-4.99-.96-9.78-2.46-14.31-4.46ZM584.82 244.33l-2.14 20.65c2.56.45 5.07 1.02 7.52 1.74l9.18-27.38c-4.59 2.2-9.47 3.87-14.57 4.98ZM616.05 228.03c-.63.58-1.29 1.12-1.94 1.68a67 67 0 0 1-14.39 9.46l-7.14 28.31c2.44.82 4.81 1.78 7.13 2.86l13.72-27.17 1.09-2.15-.92 2.22-11.61 28.19c2.27 1.16 4.48 2.41 6.6 3.8l17.79-25.41 1.17-1.67-1.04 1.75-15.83 26.79c2.05 1.46 4.01 3.04 5.89 4.7l21.68-23.12 1.08-1.15.07-.08-.07.08-.98 1.23-19.87 24.78c1.8 1.72 3.53 3.52 5.14 5.43l25.11-20.12.59-.47.56-.45-.53.49-.55.52-22.58 21.16h15.1l16.07-9.49 1.38-.81-1.31.92-13.41 9.38h32.65c-11.38-27.64-33.27-49.81-60.65-61.67ZM503.29 178.73c0-.09.01-.19.01-.28.03-6.81 1.08-13.37 2.99-19.55-57.69 21.23-101.94 70.24-116.53 130.81h33.77c12.5-42.08 42.58-76.6 81.74-95.04-1.25-5.12-1.98-10.43-1.98-15.94M634.6 158.86c1.95 6.28 3.08 12.93 3.08 19.86 0 .31-.05.6-.06.91a67.7 67.7 0 0 1-1.92 15.03c39.16 18.44 69.24 52.96 81.74 95.04h33.77c-14.6-60.6-58.89-109.63-116.61-130.84"/><path fill="#27313a" d="M503.29 178.73c0 5.5.73 10.82 1.98 15.94-1.25-5.12-1.98-10.44-1.98-15.94M637.62 179.63c0-.31.06-.6.06-.91 0 .31-.05.6-.06.91M637.62 179.63a67.604 67.604 0 0 0 0 0"/><path fill="#c64527" d="M477.03 611.39c7.19 2.93 10.78 4.39 17.97 7.32 3.65-23.98 7.29-47.96 10.94-71.94-5.1-1.88-10.08-3.99-14.95-6.3l-13.95 70.92ZM584.74 557.6c.95 27.88 1.91 55.75 2.86 83.63 7.19-2.93 10.78-4.39 17.97-7.32-1.81-26.04-3.63-52.08-5.44-78.11-5.06.82-10.2 1.4-15.39 1.8M532.32 633.91c7.19 2.93 10.78 4.39 17.97 7.32.96-27.94 1.91-55.89 2.87-83.83-5.19-.47-10.31-1.18-15.37-2.07-1.82 26.19-3.65 52.39-5.47 78.58M421.75 588.88c7.19 2.93 10.78 4.39 17.97 7.32 6.94-22.96 13.88-45.92 20.83-68.87h-16.6l-22.2 61.56ZM632.08 547.64l10.8 71.07c7.19-2.93 10.78-4.39 17.97-7.32l-13.74-69.82c-4.91 2.23-9.92 4.27-15.04 6.07ZM730.24 527.32c7.74 15.45 15.48 30.91 23.22 46.36 7.19-2.93 10.78-4.39 17.97-7.32-7.54-13.01-15.09-26.03-22.63-39.04h-18.55ZM366.47 566.37c7.19 2.93 10.78 4.39 17.97 7.32 7.74-15.45 15.48-30.91 23.22-46.36h-18.55c-7.54 13.01-15.09 26.03-22.63 39.04ZM677.35 527.32c6.94 22.96 13.88 45.92 20.83 68.87 7.19-2.93 10.78-4.39 17.97-7.32l-22.2-61.56h-16.6Z"/><path fill="none" d="M518.54 287.29h-1.25l.7.56c.17-.2.37-.37.55-.56M641.33 289.7l4.08-2.41h-16.6l-2.58 2.41zM625.23 287.29h-2.81c.39.44.83.83 1.21 1.28zM516.28 289.7l-2.57-2.41h-16.6l4.08 2.41zM569.98 263.87l.7-17.95h-.2c-4.03 0-7.96-.36-11.79-1.04l3.55 19.49c2.54-.3 5.12-.49 7.74-.51ZM590.2 266.72l9.18-27.38c-4.59 2.2-9.47 3.87-14.57 4.98l-2.14 20.65c2.56.45 5.07 1.02 7.52 1.74ZM580.2 264.6l3.66-20.06c-3.91.79-7.93 1.25-12.06 1.33l.71 18.08c2.61.07 5.17.3 7.69.65M559.79 264.75l-2.08-20.08c-4.99-.96-9.78-2.46-14.31-4.46l8.77 26.16a69 69 0 0 1 7.62-1.61Z"/>
360<path fill="#27313a" d="M583.29 162.91a2.13 2.13 0 0 0 0 3.01c3.42 3.42 5.31 7.97 5.31 12.81s-1.89 9.39-5.31 12.81c-6.84 6.84-18.77 6.84-25.62 0a2.13 2.13 0 0 0-3.01 0 2.13 2.13 0 0 0 0 3.01c4.23 4.22 9.85 6.55 15.82 6.55s11.6-2.33 15.82-6.55c4.22-4.23 6.56-9.85 6.56-15.82s-2.33-11.6-6.56-15.82a2.13 2.13 0 0 0-3.01 0"/><path fill="#fff" d="M644.04 57.6c-.21-1.38-7.09-7.63-19.51-13.46-11.25-5.28-30.02-11.57-55.57-11.57s-44.32 6.29-55.57 11.57c-12.43 5.83-19.31 12.08-19.51 13.46-2.55 17.34 3.45 23.99 7.26 26.41l.21.13.14-.2c.18-.26.4-.47.65-.62 1.13-.68 2.3-1.36 3.48-2.02 17.78-9.83 40.58-15.24 64.17-15.24 1.18 0 2.15.96 2.15 2.15s-.97 2.14-2.15 2.14c-22.88 0-44.94 5.22-62.1 14.7-.25.14-.49.28-.74.43-.17.1-.33.2-.5.29l-.51.29.55.18c8.31 2.68 12.43 9.62 14.41 14.97 2.16 5.82 2.35 11.08 2.36 11.13v18.26a67.7 67.7 0 0 0-17.21 28.21 67.5 67.5 0 0 0-3.01 19.63v.29c0 5.2.67 10.58 1.99 16 3.13 12.85 9.95 24.43 19.72 33.49.19.18.39.35.59.52l.41.35c5.21 4.64 10.98 8.41 17.15 11.19.08.04.16.07.24.1.06.02.12.04.17.07 4.54 2.01 9.37 3.52 14.36 4.48.15.03.3.06.45.1l.54.12c3.91.69 7.9 1.04 11.84 1.04h.2c.21 0 .41-.02.62-.03l.5-.03c4.05-.08 8.12-.53 12.1-1.33.23-.05.45-.1.67-.15l.29-.07a67 67 0 0 0 14.63-5l.14-.07c.07-.03.13-.07.2-.1a67 67 0 0 0 14.44-9.5l.58-.49c.46-.39.93-.79 1.37-1.2 9.76-9.06 16.58-20.64 19.72-33.49 1.2-4.96 1.85-10.03 1.92-15.08 0-.14.02-.28.03-.41.02-.17.03-.33.03-.5 0-6.63-1.04-13.34-3.09-19.94-3.75-12.04-10.73-22.75-20.2-30.98v-15.46c0-.06.19-5.55 2.48-11.54 2.11-5.51 6.48-12.57 15.35-14.93 5.9-1.57 9.7-5.83 11.3-12.67 1.3-5.54.86-11.55.27-15.62Zm-47.73 148.33c-.1.1-.21.19-.31.29-.82.77-1.68 1.5-2.57 2.19-.19.15-.39.29-.58.43-.82.61-1.66 1.19-2.54 1.73-.27.17-.54.33-.81.49-.82.48-1.66.93-2.51 1.35-.34.17-.67.33-1.01.49-.82.37-1.66.7-2.51 1.02-.39.15-.78.3-1.18.43-.84.28-1.69.51-2.55.73-.42.11-.84.23-1.27.33-.9.2-1.83.33-2.75.46-.4.06-.79.14-1.19.18-1.33.14-2.68.22-4.04.22s-2.71-.08-4.04-.22c-.4-.04-.79-.13-1.19-.18-.93-.13-1.85-.27-2.75-.46-.43-.09-.85-.22-1.27-.33-.86-.22-1.71-.45-2.55-.72-.4-.13-.79-.29-1.18-.43-.85-.31-1.69-.65-2.5-1.02-.34-.16-.68-.32-1.01-.49-.86-.42-1.69-.87-2.51-1.35-.27-.16-.54-.32-.81-.49-.87-.54-1.71-1.12-2.54-1.73-.19-.14-.39-.28-.58-.43-.89-.69-1.75-1.42-2.57-2.19-.1-.1-.21-.19-.31-.28-7.2-6.84-11.72-16.49-11.72-27.21 0-20.74 16.81-37.55 37.55-37.55s37.55 16.81 37.55 37.55c0 10.72-4.51 20.37-11.72 27.21Zm12.17-62.19c-.84.83-2.18.83-3.01 0-9.34-9.34-21.77-14.49-34.99-14.49s-25.65 5.15-34.99 14.49a49.4 49.4 0 0 0-11.98 19.45c-.35 1.05-.64 2.11-.92 3.19l-.27 1.07c-.22.91-.4 1.83-.57 2.76-.12.67-.21 1.35-.3 2.03-.09.7-.2 1.4-.26 2.1-.13 1.46-.21 2.92-.21 4.4 0 1.58.08 3.15.23 4.7s.37 3.08.66 4.6c.43 2.25 1.04 4.45 1.77 6.61.12.35.25.71.38 1.06.76 2.1 1.63 4.15 2.67 6.13v.02c1.04 1.95 2.25 3.81 3.54 5.61.29.41.59.81.9 1.21 1.34 1.76 2.77 3.47 4.36 5.06.83.83.83 2.18 0 3.01-.42.42-.96.62-1.51.62s-1.09-.21-1.51-.62c-1.69-1.69-3.2-3.5-4.63-5.36-.36-.46-.7-.93-1.04-1.4-1.36-1.89-2.64-3.84-3.73-5.87v-.02
360c-1.11-2.06-2.02-4.21-2.85-6.4-.19-.51-.37-1.01-.55-1.53-1.89-5.54-2.93-11.39-2.93-17.42 0-2.09.15-4.16.39-6.2.05-.41.12-.81.18-1.22.25-1.78.58-3.54 1-5.28.05-.2.1-.39.15-.58 1.14-4.48 2.82-8.78 5.06-12.8 2.4-4.31 5.38-8.33 8.96-11.91 10.15-10.15 23.64-15.74 38-15.74s27.85 5.59 38 15.74c.83.83.83 2.18 0 3.01Z"/><path fill="#c64527" d="M570.28 202.77c-6.44 0-12.5-2.51-17.05-7.06a3.869 3.869 0 0 1 5.47-5.47c6.19 6.19 16.97 6.19 23.16 0 3.1-3.09 4.8-7.21 4.8-11.58s-1.7-8.49-4.8-11.58a3.869 3.869 0 0 1 5.47-5.47c4.56 4.55 7.06 10.61 7.06 17.05s-2.51 12.5-7.06 17.05a23.96 23.96 0 0 1-17.05 7.06"/><circle cx="484.32" cy="230.92" r="8.78" fill="#fff"/><circle cx="454.4" cy="266.58" r="8.78" fill="#fff"/><circle cx="686.57" cy="266.58" r="8.78" fill="#fff"/><circle cx="656.65" cy="230.92" r="8.78" fill="#fff"/><path fill="#fff" d="M59.38 287.37h1020.23v10.31H59.38zM59.38 517.06h1020.23v10.31H59.38z"/><path fill="#c64527" d="m259.81 482.44-6.77-8.5 2.41-10.6 9.8-4.71 9.8 4.71 2.42 10.6-6.78 8.5zM868.18 482.44l-6.78-8.5 2.42-10.6 9.79-4.71 9.8 4.71 2.42 10.6-6.78 8.5z"/><path fill="#fff" d="m82.82 425.83 1.77-102.24h24.23l11.23 59.45 12.12-59.45h23.35l1.77 102.24h-16.03l-1.89-68.03-11.87 68.03h-14.26l-12.62-68.54-1.51 68.54H82.83ZM207.65 427.34c-7.66 0-13.72-1.35-18.18-4.04s-7.66-6.56-9.59-11.61c-1.94-5.05-2.9-11.06-2.9-18.05v-37.99c0-7.07.97-13.08 2.9-18.05 1.93-4.96 5.13-8.77 9.59-11.42s10.52-3.98 18.18-3.98 13.86 1.33 18.36 3.98 7.72 6.46 9.66 11.42c1.93 4.97 2.9 10.98 2.9 18.05v37.99c0 6.99-.97 13-2.9 18.05q-2.91 7.575-9.66 11.61c-4.5 2.69-10.62 4.04-18.36 4.04m0-16.03c2.35 0 4.08-.59 5.17-1.77s1.81-2.69 2.15-4.54.5-3.74.5-5.68v-49.23c0-2.02-.17-3.93-.5-5.74-.34-1.81-1.05-3.3-2.15-4.48s-2.82-1.77-5.17-1.77q-3.285 0-4.92 1.77c-1.09 1.18-1.81 2.67-2.14 4.48-.34 1.81-.51 3.72-.51 5.74v49.23c0 1.94.15 3.83.44 5.68s.97 3.37 2.02 4.54c1.05 1.18 2.75 1.77 5.11 1.77M258.64 425.83V323.59h25.88c8.92 0 15.86 1.12 20.83 3.35 4.96 2.23 8.46 5.72 10.48 10.48 2.02 4.75 3.03 10.92 3.03 18.49v37.11c0 7.66-1.01 13.91-3.03 18.74-2.02 4.84-5.49 8.39-10.41 10.67s-11.8 3.41-20.64 3.41h-26.13Zm22.6-15.65h3.53c3.45 0 5.93-.51 7.45-1.52s2.46-2.52 2.84-4.54.57-4.54.57-7.57v-44.56q0-4.545-.69-7.32c-.46-1.85-1.45-3.2-2.97-4.04-1.51-.84-3.96-1.26-7.32-1.26h-3.41zM338.92 425.83V323.59h45.95v15.4h-23.35v25.37h17.8v15.65h-17.8v30.55h23.6v15.27zM401.65 425.83V323.59h22.6v86.97h23.48v15.27h-46.07ZM502.5 425.83V323.59h28.15c6.9 0 12.87.76 17.92 2.27 5.05 1.52 8.98 4.23 11.8 8.14s4.23 9.45 4.23 16.6c0 4.21-.34 7.95-1.01 11.23s-1.92 6.12-3.72 8.52c-1.81 2.4-4.4 4.4-7.76 6l14.01 49.48h-23.35l-11.23-45.82h-6.44v45.82zm22.6-58.82h6.31c3.2 0 5.68-.57 7.45-1.7q2.655-1.71 3.72-4.92c.72-2.14 1.07-4.73 1.07-7.76 0-4.37-.8-7.78-2.4-10.22s-4.54-3.66-8.84-3.66h-7.32v28.28ZM579.63 425.83l19.31-102.24h25.75l19.06 102.24h-20.83l-3.41-21.59h-15.02l-3.53 21.59zm26.88-35.09h10.86l-5.43-39.89zM660.54 425.83V323.59h22.59v102.24zM704.71 425.83V323.59h22.6v86.97h23.48v15.27h-46.07ZM766.94 425.83V323.59h28.15c6.9 0 12.87.76 17.92 2.27 5.05 1.52 8.98 4.23 11.8 8.14s4.23 9.45 4.23 16.6c0 4.21-.34 7.95-1.01 11.23s-1.92 6.12-3.72 8.52c-1.81 2.4-4.4 4.4-7.76 6l14.01 49.48h-23.35l-11.23-45.82h-6.44v45.82zm22.59-58.82h6.31c3.2 0 5.68-.57 7.45-1.7q2.655-1.71 3.72-4.92c.72-2.14 1.07-4.73 1.07-7.76 0-4.37-.8-7.78-2.4-10.22s-4.54-3.66-8.84-3.66h-7.32v28.28ZM877.26 427.34c-7.66 0-13.72-1.35-18.18-4.04s-7.66-6.56-9.59-11.61c-1.94-5.05-2.9-11.06-2.9-18.05v-37.99c0-7.07.97-13.08 2.9-18.05 1.93-4.96 5.13-8.77 9.59-11.42s10.52-3.98 18.18-3.98 13.86 1.33 18.36 3.98 7.72 6.46 9.66 11.42c1.93 4.97 2.9 10.98 2.9 18.05v37.99c0 6.99-.97 13-2.9 18.05q-2.91 7.575-9.66 11.61c-4.5 2.69-10.62 4.04-18.36 4.04m0-16.03c2.35 0 4.08-.59 5.17-1.77s1.81-2.69 2.15-4.54.5-3.74.5-5.68v-49.23c0-2.02-.17-3.93-.5-5.74-.34-1.81-1.05-3.3-2.15-4.48s-2.82-1.77-5.17-1.77q-3.285 0-4.92 1.77c-1.09 1.18-1.81 2.67-2.14 4.48-.34 1.81-.51 3.72-.51 5.74v49.23c0 1.94.15 3.83.44 5.68s.97 3.37 2.02 4.54c1.05 1.18 2.75 1.77 5.11 1.77M921.69 425.83 941 323.59h25.75l19.06 102.24h-20.83l-3.41-21.59h-15.02l-3.53 21.59zm26.88-35.09h10.86L954 350.85zM1002.47 425.83V323.59h25.88c8.92 0 15.86 1.12 20.83 3.35 4.96 2.23 8.46 5.72 10.48 10.48 2.02 4.75 3.03 10.92 3.03 18.49v37.11c0 7.66-1.01 13.91-3.03 18.74-2.02 4.84-5.49 8.39-10.41 10.67-4.92 2.27-11.8 3.41-20.64 3.41h-26.13Zm22.59-15.65h3.53c3.45 0 5.93-.51 7.45-1.52s2.46-2.52 2.84-4.54.57-4.54.57-7.57v-44.56q0-4.545-.69-7.32c-.46-1.85-1.45-3.2-2.97-4.04s-3.96-1.26-7.32-1.26h-3.41zM326.83 497.08l-.16-3.45 4.11-1.15 16.84-41.91 5.42-3.21 18.16 45.12 4.19 1.15-.25 3.45H356.9l-.25-3.45 5.1-1.15-4.68-11.75-.9-2.63-8.79-21.37 2.05-.57-7.97 21.94-.9 2.46-4.19 11.92 5.1 1.15-.16 3.45h-14.46Zm12-14.8v-4.77c1.04.06 2.4.11 4.07.16 1.67.06 3.74.08 6.2.08s4.55-.03 6.25-.08 3.04-.11 4.03-.16v4.69c-1.59 0-3.23-.03-4.93-.08s-3.48-.08-5.34-.08-3.53.03-5.18.08c-1.64.06-3.34.11-5.1.16M426.01 497.82c-4.93 0-9.37-.92-13.31-2.75s-7.08-4.57-9.41-8.22c-2.33-3.64-3.49-8.12-3.49-13.44 0-3.56.63-6.89 1.89-9.98s3.09-5.78 5.51-8.05c2.41-2.27 5.32-4.05 8.71-5.34 3.4-1.29 7.2-1.93 11.42-1.93 2.35 0 4.79.23 7.31.7s4.71 1.11 6.58 1.93l.57 11.67-4.11.33-2.55-8.05c-1.04-.66-2.34-1.15-3.9-1.48s-3.11-.49-4.64-.49c-3.84 0-6.99.83-9.45 2.5-2.47 1.67-4.3 3.96-5.51 6.86s-1.81 6.16-1.81 9.78c0 4.49.78 8.33 2.34 11.51s3.66 5.59 6.28 7.23q3.945 2.46 8.79 2.46c1.59 0 3.12-.21 4.6-.62s2.82-1 4.03-1.77l3.37-7.64 4.36.49-2.38 10.52c-1.75.99-3.98 1.86-6.7 2.63-2.71.77-5.55 1.15-8.51 1.15ZM466.12 497.08l-.16-3.45 4.11-1.15 16.84-41.91 5.42-3.21 18.16 45.12 4.19 1.15-.25 3.45h-18.24l-.25-3.45 5.1-1.15-4.68-11.75-.9-2.63-8.79-21.37 2.05-.57-7.97 21.94-.9 2.46-4.19 11.92 5.1 1.15-.16 3.45h-14.46Zm12-14.8v-4.77c1.04.06 2.4.11 4.07.16 1.67.06 3.74.08 6.2.08s4.55-.03 6.25-.08 3.04-.11 4.03-.16v4.69c-1.59 0-3.23-.03-4.93-.08s-3.48-.08-5.34-.08-3.53.03-5.18.08c-1.64.06-3.34.11-5.1.16M539.17 448.84h20.79c8.71 0 15.5 2.07 20.38 6.2 4.88 4.14 7.31 9.93 7.31 17.38 0 4.82-1.14 9.08
360-3.41 12.78s-5.42 6.6-9.45 8.71-8.67 3.16-13.93 3.16h-21.69l-.25-3.45 5.1-1.15c.16-.49.29-1.9.37-4.23s.12-5.02.12-8.09v-14.3c0-3.34-.04-6.15-.12-8.42s-.21-3.6-.37-3.98l-5.1-1.15.25-3.45Zm13.81 4.77c0 .44-.01 1.12-.04 2.05s-.05 2.21-.08 3.82-.04 3.74-.04 6.37v14.3c0 1.59.01 3.12.04 4.6s.08 2.82.16 4.03.15 2.19.21 2.96c1.59.22 3.05.4 4.4.53q2.01.21 3.9.21c5.42 0 9.55-1.48 12.37-4.44s4.23-7.37 4.23-13.23c0-3.62-.44-6.79-1.32-9.53s-2.15-5.01-3.82-6.82-3.67-3.16-6-4.07-4.97-1.36-7.93-1.36c-.93 0-1.9.04-2.92.12-1.01.08-2.07.23-3.16.45ZM653.89 497.49c-1.53-.16-3.07-.27-4.6-.33-1.53-.05-2.96-.08-4.27-.08h-28.27l-.25-3.45 5.18-1.15c.11-.27.19-.93.25-1.97.05-1.04.09-2.44.12-4.19s.04-3.81.04-6.16v-14.3c0-2.41-.01-4.51-.04-6.29q-.045-2.67-.12-4.23c-.06-1.04-.14-1.67-.25-1.89l-5.18-1.15.25-3.45h26.13c.82 0 1.78-.01 2.88-.04s2.22-.07 3.37-.12 2.25-.11 3.29-.16l1.73 11.26-3.94.58-2.88-6.99c-.55-.11-1.1-.19-1.64-.25-.55-.05-1.12-.08-1.73-.08h-8.3c-1.04 0-1.99.01-2.84.04s-1.63.1-2.34.21c0 .28-.01.9-.04 1.89s-.05 2.15-.08 3.49-.04 2.75-.04 4.23v20.62c0 1.32.01 2.56.04 3.74s.05 2.22.08 3.12.04 1.55.04 1.93c.82.06 1.68.11 2.59.16.9.06 1.98.08 3.25.08h6.9c1.26 0 2.26-.01 3-.04s1.32-.07 1.73-.12c.41-.06.78-.11 1.11-.16l4.35-7.89 3.94.74-3.45 12.41Zm-9.53-17.18-.9-5.51c-.33-.11-.85-.19-1.56-.25-.71-.05-1.56-.08-2.55-.08h-5.67c-.77 0-1.56.03-2.38.08-.82.06-1.64.11-2.47.16v-4.85c.82.06 1.64.1 2.47.12.82.03 1.61.04 2.38.04h5.67c.99 0 1.83-.03 2.55-.08.71-.05 1.23-.08 1.56-.08l.9-5.67h3.78v16.11h-3.78ZM684.87 448.84h15.12l17.26 38.46h-1.73l16.44-38.46h14.54l.25 3.45-5.18 1.07c-.06.66-.06 1.97 0 3.94.05 1.97.11 4.27.16 6.9l.41 14.87c.06 2.58.12 4.78.21 6.62q.12 2.76.21 4.44c.05 1.12.11 1.9.16 2.34l5.1 1.15-.25 3.45h-18.9l-.25-3.45 5.1-1.15c.05-.44.08-1.12.08-2.05v-3.9c0-1.67-.03-3.85-.08-6.53l-.16-28.76h2.63l-19.8 46.1h-3.53l-20.87-46.18h3.04l.08 28.02c0 4.49.01 7.71.04 9.66s.07 3.16.12 3.66l5.67 1.15-.25 3.45h-16.76l-.25-3.45 5.67-1.15q.075-.57.12-2.22c.045-1.65.07-2.48.12-4.15s.08-3.57.08-5.71l.25-16.11c.05-2.68.07-4.96.04-6.82s-.04-3.21-.04-4.03l-5.1-1.15.25-3.45ZM813.64 453.44l-17.01 26.62 2.55-6.41v7.89c0 1.75.01 3.27.04 4.56s.06 2.37.08 3.25c.03.88.07 1.57.12 2.09s.11.86.16 1.03l5.75 1.07-.25 3.53h-20.05l-.25-3.53 5.75-1.07c.05-.16.09-.51.12-1.03l.12-2.09c.05-.88.09-1.96.12-3.25s.04-2.81.04-4.56v-7.89l1.97 6.41-16.35-26.62-4.11-1.15.16-3.45h18.49l.25 3.45-5.1 1.15 11.59 18.98h-1.4l11.26-18.98-5.75-1.15.25-3.45h15.37l.16 3.45-4.11 1.15Z"/></svg>    </span>
361</a>
362                </div>
363                <div
364                    id="primary-nav"
365                    class="navbar-start is-full-width"
366                    data-test-ref="global-header-primary-menu"
367                    
368                    x-bind:class="'is-' + (!mobileMenuOpen ? 'hidden' : 'flex') + '-touch'"
369                >
370                                            <div
371    class="is-full-width is-flex is-flex-direction-column-touch is-flex-direction-row-desktop is-justify-content-center-desktop"
372>
373    <div class="mobile-nav-search is-flex-touch is-hidden-desktop">
374        <div wire:snapshot="{&quot;data&quot;:{&quot;enabled&quot;:true,&quot;currentFilter&quot;:null,&quot;isProd&quot;:true,&quot;lastPage&quot;:0,&quot;query&quot;:&quot;&quot;,&quot;sitesWithSearchEnabled&quot;:[{&quot;1&quot;:&quot;Artist&#039;s Academy&quot;,&quot;2&quot;:&quot;National Bowling Academy&quot;,&quot;3&quot;:&quot;Creative Cake Design&quot;,&quot;4&quot;:&quot;Classic Car Restoration Club&quot;,&quot;5&quot;:&quot;Creative Crochet Corner&quot;,&quot;6&quot;:&quot;Craftsy&quot;,&quot;7&quot;:&quot;Craftsy Espanol&quot;,&quot;8&quot;:&quot;Fix My Hog&quot;,&quot;9&quot;:&quot;Get Healthy U TV&quot;,&quot;10&quot;:&quot;Craft And Hobby&quot;,&quot;11&quot;:&quot;The Knitting Circle&quot;,&quot;12&quot;:&quot;Model Railroad Academy&quot;,&quot;13&quot;:&quot;Personal Defense Network&quot;,&quot;14&quot;:&quot;Outdoor Photography Guide&quot;,&quot;15&quot;:&quot;National Quilters Circle&quot;,&quot;16&quot;:&quot;RV Lifestyle &amp; Repair&quot;,&quot;17&quot;:&quot;National Sewing Circle&quot;,&quot;18&quot;:&quot;Skill Shack&quot;,&quot;19&quot;:&quot;WoodWorkers Guild of America&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;results&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;filters&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;page&quot;:1,&quot;total&quot;:0,&quot;flippedDesiredSearchFilterOptionsOrder&quot;:[{&quot;class&quot;:0,&quot;video&quot;:1,&quot;article&quot;:2,&quot;purchase-to-own&quot;:3},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;kvFf2CdquhBfxpxPjibB&quot;,&quot;name&quot;:&quot;search.search-results&quot;,&quot;path&quot;:&quot;articles\/all&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;f1ac3d9c4151ab53accf6c80a2c87dd8b63e2b1ff054317fd6949880c69ad1b8&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="kvFf2CdquhBfxpxPjibB" class="global-search is-full-width pt-4-touch ">
375    <div>
376        <form
377    role="search"
378    method="get"
379    id="search-form-54d82065-9d9a-48f8-9371-a5321197dd66"
380    class="search-form has-border-radius-50 is-full-width px-2 is-jumbo-search"
381    action="https://www.modelrailroadacademy.com/search"
382    data-test-ref="search-form"
383            x-ref="searchForm"
384        x-on:submit.prevent="submitForm()"
385        x-data="searchFormData"
386        wire:search="search(searchTerm)"
387        x-bind:class="{ 'default-focused-input': focused }"
388        x-init="searchTerm = ''"
389    >
390    <label id="search-form-label-54d82065-9d9a-48f8-9371-a5321197dd66" for="search-form-input-54d82065-9d9a-48f8-9371-a5321197dd66" class="is-sr-only">
391        Site Search
392    </label>
393    <div class="field has-addons is-flex">
394        <div class="input-wrap is-full-width is-relative order-1">
395            <input
396                id="search-form-input-54d82065-9d9a-48f8-9371-a5321197dd66"
397                class="input is-borderless is-shadowless is-full-width font-main-light font-color-child-black is-line-height-font-size pl-0"
398                type="text"
399                name="s"
400                placeholder="What can I help you find?"
401                aria-labelledby="search-form-label-54d82065-9d9a-48f8-9371-a5321197dd66"
402                aria-describedby="site-search-input-field-description-54d82065-9d9a-48f8-9371-a5321197dd66"
403                                    x-model="searchTerm"
404                    x-ref="searchInput"
405                    x-on:focusin="focused = true"
406                    x-on:focusout="focused = false"
407                    x-on:input.debounce.1000ms="
408                        if (!submitting) {
409                            sendGtmEvent();
410                            $dispatch('search');
411                        }
412                    "
413                            />
414            <span id="site-search-input-field-description-54d82065-9d9a-48f8-9371-a5321197dd66" class="is-sr-only">
415                Enter your search term here and press the Search button.
416            </span>
417            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
418        <div class="input-wrap is-flex is-align-items-center">
419            <button
420                    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-54d82065-9d9a-48f8-9371-a5321197dd66"
421>
422    <span
423    class="svg-icon search black"
424>
425    <!--[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>
426</button>
427        </div>
428    </div>
429</form>
430
431    
431<script>
432        document.addEventListener('alpine:init', () => {
433            Alpine.data('searchFormData', () => ({
434                focused: false,
435
436                submitting: false,
437
438                searchTerm: '',
439
440                clearSearchAndInput() {
441                    this.$refs.searchInput.focus();
442                    this.searchTerm = '';
443                },
444
445                submitForm() {
446                    this.submitting = true;
447
448                    if (typeof trackEvent === 'function') {
449                        trackEvent('search', { term: this.searchTerm });
450                    }
451
452                    this.$refs.searchForm.submit();
453                },
454            }));
455        });
456    </script>
456
457        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
458    <div class="is-relative">
459        <div wire:loading.class="loading" class="loader-overlay align-top light mt-6">
460            <div class="bulma-loader large"></div>
461        </div>
462        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
463</div>
464    </div>
465
466    <div
467        class="primary-link is-flex is-hidden-touch mx-3 "
468        data-test-ref="primary-links"
469    >
470        <a
471            href="/videos"
472            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"
473            data-test-ref="primary-link-anchor"
474        >
475            Videos
476        </a>
477    </div>
478    <div
479        class="primary-link is-flex is-hidden-touch mx-3 "
480        data-test-ref="primary-links"
481    >
482        <a
483            href="/live-events"
484            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"
485            data-test-ref="primary-link-anchor"
486        >
487            Live
488        </a>
489    </div>
490    <div
491        class="primary-link is-flex is-hidden-touch mx-3 is-active"
492        data-test-ref="primary-links"
493    >
494        <a
495            href="/resources"
496            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"
497            data-test-ref="primary-link-anchor"
498        >
499            Resources
500        </a>
501    </div>
502    <div
503        class="primary-link is-flex is-hidden-touch mx-3 "
504        data-test-ref="primary-links"
505    >
506        <a
507            href="/shop"
508            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"
509            data-test-ref="primary-link-anchor"
510        >
511            Shop
512        </a>
513    </div>
514
515    <div
516    class="mobile-nav is-hidden-desktop"
517    data-test-ref="mobile-nav"
518    x-data="{ activeSection: null, searching: false }"
519    x-on:global-search-state.window="searching = $event.detail.searching"
520    x-show="!searching"
521>
522    <div class="mobile-nav-track" x-bind:class="{ 'is-drilled-in': activeSection !== null }">
523        
524        <div class="mobile-nav-panel" x-bind:inert="activeSection !== null">
525                                                <button
526                        type="button"
527                        id="mobile-nav-section-0"
528                        class="mobile-nav-section "
529                        data-test-ref="mobile-nav-section"
530                        aria-controls="mobile-nav-sub-panel-0"
531                        
532                                                x-on:click="activeSection = 0; $nextTick(() => $refs.back0?.focus({ preventScroll: true }))"
533                        x-bind:aria-expanded="(activeSection === 0).toString()"
534                    >
535                        <span class="mobile-nav-section-title font-primary-bold">Videos</span>
536                        <span
537    aria-hidden="true" class="svg-icon carrot-forward mobile-nav-chevron"
538>
539            <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>
540                    </button>
541                                                                <button
542                        type="button"
543                        id="mobile-nav-section-1"
544                        class="mobile-nav-section "
545                        data-test-ref="mobile-nav-section"
546                        aria-controls="mobile-nav-sub-panel-1"
547                        
548                                                x-on:click="activeSection = 1; $nextTick(() => $refs.back1?.focus({ preventScroll: true }))"
549                        x-bind:aria-expanded="(activeSection === 1).toString()"
550                    >
551                        <span class="mobile-nav-section-title font-primary-bold">Live</span>
552                        <span
553    aria-hidden="true" class="svg-icon carrot-forward mobile-nav-chevron"
554>
555            <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>
556                    </button>
557                                                                <button
558                        type="button"
559                        id="mobile-nav-section-2"
560                        class="mobile-nav-section is-active"
561                        data-test-ref="mobile-nav-section"
562                        aria-controls="mobile-nav-sub-panel-2"
563                        
564                         aria-current="true"                         x-on:click="activeSection = 2; $nextTick(() => $refs.back2?.focus({ preventScroll: true }))"
565                        x-bind:aria-expanded="(activeSection === 2).toString()"
566                    >
567                        <span class="mobile-nav-section-title font-primary-bold">Resources</span>
568                        <span
569    aria-hidden="true" class="svg-icon carrot-forward mobile-nav-chevron"
570>
571            <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>
572                    </button>
573                                                                <a
574                        href="/shop"
575                        class="mobile-nav-section "
576                        data-test-ref="mobile-nav-section"
577                                            >
578                        <span class="mobile-nav-section-title font-primary-bold">Shop</span>
579                    </a>
580                                    </div>
581
582        <div class="mobile-nav-panel" x-bind:inert="activeSection === null">
583                            <div id="mobile-nav-sub-panel-0" x-show="activeSection === 0" x-cloak>
584                    <button
585                        type="button"
586                        class="mobile-nav-back"
587                        data-test-ref="mobile-nav-back"
588                        x-ref="back0"
589                        x-on:click="activeSection = null; $nextTick(() => document.getElementById('mobile-nav-section-0')?.focus({ preventScroll: true }))"
590                    >
591                        <span
592    aria-hidden="true" class="svg-icon carrot-back mobile-nav-chevron"
593>
594            <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>
595                        <span class="mobile-nav-section-title font-primary-bold">Videos</span>
596                    </button>
597
598                                            <a
599                            href="/videos/backdrops"
600                            class="mobile-nav-sub-link "
601                            data-test-ref="mobile-nav-sub-link"
602                                                    >
603                            Backdrops
604                        </a>
605                                            <a
606                            href="/videos/layout-planning"
607                            class="mobile-nav-sub-link "
608                            data-test-ref="mobile-nav-sub-link"
609                                                    >
610                            Layout Planning
611                        </a>
612                                            <a
613                            href="/videos/operations"
614                            class="mobile-nav-sub-link "
615                            data-test-ref="mobile-nav-sub-link"
616                                                    >
617                            Operations
618                        </a>
619                                            <a
620                            href="/videos/scenery"
621                            class="mobile-nav-sub-link "
622                            data-test-ref="mobile-nav-sub-link"
623                                                    >
624                            Scenery
625                        </a>
626                                            <a
627                            href="/videos/structures"
628                            class="mobile-nav-sub-link "
629                            data-test-ref="mobile-nav-sub-link"
630                                                    >
631                            Structures
632                        </a>
633                                            <a
634                            href="/videos/tips-and-tools"
635                            class="mobile-nav-sub-link "
636                            data-test-ref="mobile-nav-sub-link"
637                                                    >
638                            Tips and Tools
639                        </a>
640                                            <a
641                            href="/videos/track"
642                            class="mobile-nav-sub-link "
643                            data-test-ref="mobile-nav-sub-link"
644                                                    >
645                            Track
646                        </a>
647                                            <a
648                            href="/videos/track-talk-live"
649                            class="mobile-nav-sub-link "
650                            data-test-ref="mobile-nav-sub-link"
651                                                    >
652                            Track Talk Live
653                        </a>
654                                            <a
655                            href="/videos/weathering"
656                            class="mobile-nav-sub-link "
657                            data-test-ref="mobile-nav-sub-link"
658                                                    >
659                            Weathering
660                        </a>
661                                            <a
662                            href="/videos/wiring"
663                            class="mobile-nav-sub-link "
664                            data-test-ref="mobile-nav-sub-link"
665                                                    >
666                            Wiring
667                        </a>
668                                            <a
669                            href="/videos/all"
670                            class="mobile-nav-sub-link "
671                            data-test-ref="mobile-nav-sub-link"
672                                                    >
673                            All Videos
674                        </a>
675                                            <a
676                            href="/videos/free"
677                            class="mobile-nav-sub-link "
678                            data-test-ref="mobile-nav-sub-link"
679                                                    >
680                            Free Videos
681                        </a>
682                                            <a
683                            href="/videos/all?filters=access-type%3A92527"
684                            class="mobile-nav-sub-link "
685                            data-test-ref="mobile-nav-sub-link"
686                                                    >
687                            Premium Videos
688                        </a>
689                                    </div>
690                            <div id="mobile-nav-sub-panel-1" x-show="activeSection === 1" x-cloak>
691                    <button
692                        type="button"
693                        class="mobile-nav-back"
694                        data-test-ref="mobile-nav-back"
695                        x-ref="back1"
696                        x-on:click="activeSection = null; $nextTick(() => document.getElementById('mobile-nav-section-1')?.focus({ preventScroll: true }))"
697                    >
698                        <span
699    aria-hidden="true" class="svg-icon carrot-back mobile-nav-chevron"
700>
701            <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>
702                        <span class="mobile-nav-section-title font-primary-bold">Live</span>
703                    </button>
704
705                                            <a
706                            href="/videos/all-live-events"
707                            class="mobile-nav-sub-link "
708                            data-test-ref="mobile-nav-sub-link"
709                                                    >
710                            All Live
711                        </a>
712                                            <a
713                            href="/videos/gold-live"
714                            class="mobile-nav-sub-link "
715                            data-test-ref="mobile-nav-sub-link"
716                                                    >
717                            MRA Gold
718                        </a>
719                                    </div>
720                            <div id="mobile-nav-sub-panel-2" x-show="activeSection === 2" x-cloak>
721                    <button
722                        type="button"
723                        class="mobile-nav-back"
724                        data-test-ref="mobile-nav-back"
725                        x-ref="back2"
726                        x-on:click="activeSection = null; $nextTick(() => document.getElementById('mobile-nav-section-2')?.focus({ preventScroll: true }))"
727                    >
728                        <span
729    aria-hidden="true" class="svg-icon carrot-back mobile-nav-chevron"
730>
731            <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>
732                        <span class="mobile-nav-section-title font-primary-bold">Resources</span>
733                    </button>
734
735                                            <a
736                            href="/articles/all"
737                            class="mobile-nav-sub-link is-active"
738                            data-test-ref="mobile-nav-sub-link"
739                             aria-current="page"                         >
740                            Articles
741                        </a>
742                                            <a
743                            href="/post/show-us-your-layout"
744                            class="mobile-nav-sub-link "
745                            data-test-ref="mobile-nav-sub-link"
746                                                    >
747                            Layout Gallery
748                        </a>
749                                            <a
750                            href="/how-to-stream-to-your-tv"
751                            class="mobile-nav-sub-link "
752                            data-test-ref="mobile-nav-sub-link"
753                                                    >
754                            Stream to Your TV
755                        </a>
756                                    </div>
757                    </div>
758    </div>
759
760    <div class="mobile-nav-footer" data-test-ref="mobile-nav-footer">
761        <a class="mobile-nav-promo" href="https://www.modelrailroadacademy.com?vscid=A68045&amp;add-to-cart-multi=1&amp;products=78&amp;skipcart=1" data-test-ref="mobile-nav-promo">
762    <span class="mobile-nav-promo-copy">
763        <span class="mobile-nav-promo-headline font-primary-bold">Unlock hundreds of model railroading videos</span>
764        <span class="mobile-nav-promo-price">Just $1.77 for a whole year</span>
765    </span>
766    <span
767    aria-hidden="true" class="svg-icon arrow-forward mobile-nav-promo-arrow"
768>
769            <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>
770</a>
771
772        
773        <div class="mobile-nav-account">
774                            <button
775                    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"
776>
777    Sign In
778</button>
779                    </div>
780    </div>
781</div>
782</div>
783                                    </div>
784
785                <div class="navbar-end is-flex is-align-items-center is-justify-content-end">
786                                            <div class="navbar-item is-flex is-justify-content-end is-hidden-touch">
787                            <div
788    class="is-flex is-align-items-center"
789    x-data="{
790        show: false,
791        toggleSearch: function () {
792            this.show = !this.show;
793            document.body.classList.toggle('has-open-search-modal');
794        },
795        closeSearch: function () {
796            this.show = false;
797            document.body.classList.remove('has-open-search-modal');
798        },
799    }"
800>
801    <button
802                    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"
803>
804    <span
805    class="svg-icon search white is-flex is-align-items-center"
806>
807            <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>
808</button>
809    <div
810        x-cloak
811        x-show="show"
812        x-trap="show"
813        role="dialog"
814        aria-modal="true"
815        id="global-search-dialog"
816        aria-label="Search Modal"
817        class="search-dropdown container is-fluid"
818        data-test-ref="global-nav-desktop-search-modal"
819    >
820        <div class="is-relative pt-7">
821            <button
822                    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"
823>
824    <span
825    class="svg-icon close-thin small-plus"
826>
827            <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>
828</button>
829            <div class="pt-4">
830                <div wire:snapshot="{&quot;data&quot;:{&quot;enabled&quot;:true,&quot;currentFilter&quot;:null,&quot;isProd&quot;:true,&quot;lastPage&quot;:0,&quot;query&quot;:&quot;&quot;,&quot;sitesWithSearchEnabled&quot;:[{&quot;1&quot;:&quot;Artist&#039;s Academy&quot;,&quot;2&quot;:&quot;National Bowling Academy&quot;,&quot;3&quot;:&quot;Creative Cake Design&quot;,&quot;4&quot;:&quot;Classic Car Restoration Club&quot;,&quot;5&quot;:&quot;Creative Crochet Corner&quot;,&quot;6&quot;:&quot;Craftsy&quot;,&quot;7&quot;:&quot;Craftsy Espanol&quot;,&quot;8&quot;:&quot;Fix My Hog&quot;,&quot;9&quot;:&quot;Get Healthy U TV&quot;,&quot;10&quot;:&quot;Craft And Hobby&quot;,&quot;11&quot;:&quot;The Knitting Circle&quot;,&quot;12&quot;:&quot;Model Railroad Academy&quot;,&quot;13&quot;:&quot;Personal Defense Network&quot;,&quot;14&quot;:&quot;Outdoor Photography Guide&quot;,&quot;15&quot;:&quot;National Quilters Circle&quot;,&quot;16&quot;:&quot;RV Lifestyle &amp; Repair&quot;,&quot;17&quot;:&quot;National Sewing Circle&quot;,&quot;18&quot;:&quot;Skill Shack&quot;,&quot;19&quot;:&quot;WoodWorkers Guild of America&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;results&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;filters&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;page&quot;:1,&quot;total&quot;:0,&quot;flippedDesiredSearchFilterOptionsOrder&quot;:[{&quot;class&quot;:0,&quot;video&quot;:1,&quot;article&quot;:2,&quot;purchase-to-own&quot;:3},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;FEkS6IFWaIJ6dZHIp1yP&quot;,&quot;name&quot;:&quot;search.search-results&quot;,&quot;path&quot;:&quot;articles\/all&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;edd3d936ba6760aad8ce88de698a1b556abe7582794efaf0c1593f92c20805a6&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="FEkS6IFWaIJ6dZHIp1yP" class="global-search is-full-width pt-4-touch ">
831    <div>
832        <form
833    role="search"
834    method="get"
835    id="search-form-f0f59723-8977-40ce-b0a3-d86c85be5cfa"
836    class="search-form has-border-radius-50 is-full-width px-2 is-jumbo-search"
837    action="https://www.modelrailroadacademy.com/search"
838    data-test-ref="search-form"
839            x-ref="searchForm"
840        x-on:submit.prevent="submitForm()"
841        x-data="searchFormData"
842        wire:search="search(searchTerm)"
843        x-bind:class="{ 'default-focused-input': focused }"
844        x-init="searchTerm = ''"
845    >
846    <label id="search-form-label-f0f59723-8977-40ce-b0a3-d86c85be5cfa" for="search-form-input-f0f59723-8977-40ce-b0a3-d86c85be5cfa" class="is-sr-only">
847        Site Search
848    </label>
849    <div class="field has-addons is-flex">
850        <div class="input-wrap is-full-width is-relative order-1">
851            <input
852                id="search-form-input-f0f59723-8977-40ce-b0a3-d86c85be5cfa"
853                class="input is-borderless is-shadowless is-full-width font-main-light font-color-child-black is-line-height-font-size pl-0"
854                type="text"
855                name="s"
856                placeholder="What can I help you find?"
857                aria-labelledby="search-form-label-f0f59723-8977-40ce-b0a3-d86c85be5cfa"
858                aria-describedby="site-search-input-field-description-f0f59723-8977-40ce-b0a3-d86c85be5cfa"
859                                    x-model="searchTerm"
860                    x-ref="searchInput"
861                    x-on:focusin="focused = true"
862                    x-on:focusout="focused = false"
863                    x-on:input.debounce.1000ms="
864                        if (!submitting) {
865                            sendGtmEvent();
866                            $dispatch('search');
867                        }
868                    "
869                            />
870            <span id="site-search-input-field-description-f0f59723-8977-40ce-b0a3-d86c85be5cfa" class="is-sr-only">
871                Enter your search term here and press the Search button.
872            </span>
873            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
874        <div class="input-wrap is-flex is-align-items-center">
875            <button
876                    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-f0f59723-8977-40ce-b0a3-d86c85be5cfa"
877>
878    <span
879    class="svg-icon search black"
880>
881    <!--[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>
882</button>
883        </div>
884    </div>
885</form>
886
887        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
888    <div class="is-relative">
889        <div wire:loading.class="loading" class="loader-overlay align-top light mt-6">
890            <div class="bulma-loader large"></div>
891        </div>
892        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
893</div>
894            </div>
895        </div>
896    </div>
897</div>
898                        </div>
899                    
900                                            <div class="navbar-item is-flex is-justify-content-end pr-5-widescreen">
901                            <div wire:snapshot="{&quot;data&quot;:{&quot;cartCount&quot;:0},&quot;memo&quot;:{&quot;id&quot;:&quot;Dx7SSOvdbSXbssdcN597&quot;,&quot;name&quot;:&quot;global-header.cart&quot;,&quot;path&quot;:&quot;articles\/all&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;a3209de8269a9359794ea876c66b6d703bd5dcf02bfddd0d17466fca1c9f247b&quot;}" wire:effects="{&quot;partials&quot;:[],&quot;listeners&quot;:[&quot;cart-updated&quot;]}" wire:id="Dx7SSOvdbSXbssdcN597" wire:init="updateCartCount" class="is-relative is-flex is-align-items-center">
902    <a href="https://www.modelrailroadacademy.com/cart" data-test-ref="global-nav-cart-icon">
903        <span
904    data-test-ref="top-nav-cart-icon" aria-hidden="true" class="svg-icon cart white is-flex is-align-items-center"
905>
906    <!--[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>
907        <span class="is-sr-only">Cart</span>
908        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </a>
909</div>
910                        </div>
911                    
912                                            <div class="navbar-item is-flex is-justify-content-end">
913                            <div
914    class="account-nav-wrap has-white-space-nowrap is-flex is-align-items-stretch"
915    x-data="{ accountNavOpen: false }"
916    @scroll.window="accountNavOpen = false"
917    data-test-ref="account-dropdown-toggle"
918>
919            <button
920                    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"
921>
922    <span>SIGN IN</span>
923</button>
924    </div>
925                        </div>
926                    
927                    
928                </div>
929            </div>
930        </div>
931    </nav>
932    <div
933        role="status"
934        aria-live="polite"
935        x-cloak
936        x-show="userNotification"
937        data-test-ref="user-notification-bar"
938        class="has-text-white has-background-black py-4 is-relative"
939    >
940        <span class="is-flex is-justify-content-center is-align-items-center">
941            <span
942    class="svg-icon info-filled pref-center-icon white small"
943>
944            <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>
945            <span x-text="userNotification"></span>
946        </span>
947    </div>
948</div>
949
950    <div
951    x-data="{ overflowOpen: false, mobileSecondaryMenuOpen: false }"
952    x-init="checkOverflow(true)"
953    x-on:resize.window="(checkOverflow(), (overflowOpen = false), (mobileSecondaryMenuOpen = false))"
954    @scroll.window="overflowOpen = false"
955    x-effect="document.body.classList.toggle('is-overflow-hidden', mobileSecondaryMenuOpen)"
956    class="is-relative secondary-navigation"
957    data-test-ref="secondary-navigation"
958>
959    <nav
960        class="secondary-nav container is-fluid is-full-height"
961        role="navigation"
962        aria-label="secondary/local navigation"
963    >
964        <div class="secondary-menu-container is-invisible mx-a is-full-height">
965            <div
966                class="secondary-menu-toggler is-full-width is-full-height is-flex-touch is-hidden-desktop is-align-items-center is-justify-content-space-between"
967                :class="mobileSecondaryMenuOpen ? 'is-open' : ''"
968                x-on:click="mobileSecondaryMenuOpen = !mobileSecondaryMenuOpen"
969                data-test-ref="secondary-navigation-mobile-toggle"
970            >
971                <span class="active-section font-header">
972                                            <span class="active-section-parent">Resources</span>
973                        <span class="active-section-separator" aria-hidden="true">&rsaquo;</span>
974                                        Articles
975                </span>
976                <span
977    class="svg-icon carrot-up tiny is-flex is-align-items-center"
978>
979            <svg title="Carrot Up Icon" role="img" viewBox="0 0 24 12" xmlns="http://www.w3.org/2000/svg"><title>Carrot Up Icon</title><path d="M23.7 10.4c.4.4.4.9.1 1.3s-.9.4-1.3.1L11.9 2.5 1.5 11.8c-.3.3-.9.3-1.3-.1-.3-.4-.3-1 .1-1.3L12 0z"/></svg>    </span>
980            </div>
981            <div
982                class="secondary-menu-items is-flex is-flex-direction-column-touch is-align-items-center-desktop is-align-items-flex-start-touch is-justify-content-center-desktop"
983                :class="!mobileSecondaryMenuOpen ? 'is-hidden-touch' : 'is-flex-touch'"
984                data-test-ref="secondary-navigation-links"
985            >
986                                    <div
987                        class="secondary-menu-item text-center"
988                        data-test-ref="secondary-navigation-link"
989                    >
990                        <a
991                            class="has-white-space-nowrap is-text-decoration-none is-block is-full-width px-5 py-4-touch py-2-desktop is-relative is-active"
992                            href="/articles/all"
993                        >
994                            Articles
995                        </a>
996                    </div>
997                                    <div
998                        class="secondary-menu-item text-center"
999                        data-test-ref="secondary-navigation-link"
1000                    >
1001                        <a
1002                            class="has-white-space-nowrap is-text-decoration-none is-block is-full-width px-5 py-4-touch py-2-desktop is-relative "
1003                            href="/post/show-us-your-layout"
1004                        >
1005                            Layout Gallery
1006                        </a>
1007                    </div>
1008                                    <div
1009                        class="secondary-menu-item text-center"
1010                        data-test-ref="secondary-navigation-link"
1011                    >
1012                        <a
1013                            class="has-white-space-nowrap is-text-decoration-none is-block is-full-width px-5 py-4-touch py-2-desktop is-relative "
1014                            href="/how-to-stream-to-your-tv"
1015                        >
1016                            Stream to Your TV
1017                        </a>
1018                    </div>
1019                            </div>
1020        </div>
1021        <div
1022            class="secondary-overflow-btn is-hidden mr-5-desktop mr-7-fullhd is-full-height is-flex is-align-items-center is-justify-content-flex-end"
1023        >
1024            <button
1025                    aria-label="Browse All, Toggle Secondary Navigation Overflow Menu" class="is-cursor-pointer is-transparent is-borderless has-text-primary font-main is-shadowless py-2 is-height-auto is-uppercase button" role="button" tabindex="0" type="button" x-bind:aria-expanded="overflowOpen" @click.outside="overflowOpen = false" x-on:click="overflowOpen = !overflowOpen" aria-controls="secondary-navigation-overflow-menu" data-test-ref="secondary-navigation-overflow-toggle"
1026>
1027    Browse All
1028</button>
1029        </div>
1030        <div
1031            id="secondary-navigation-overflow-menu"
1032            class="secondary-menu-overflow mr-5-desktop mr-7-fullhd pt-2 has-border-radius-6-bottom has-nav-menu-shadow is-overflow-hidden"
1033            :class="!overflowOpen ? '' : 'visible'"
1034            @focusin="overflowOpen = true"
1035            @focusout="$el.contains($event.relatedTarget) || (overflowOpen = false)"
1036            data-test-ref="secondary-navigation-overflow-menu"
1037        ></div>
1038    </nav>
1039</div>
1040<script>
1041    function checkOverflow(isInit) {
1042        const secondaryMenu = document.querySelector('.secondary-menu-container');
1043        const menuContainer = document.querySelector('.secondary-menu-items');
1044        const overflowMenu = document.querySelector('.secondary-menu-overflow');
1045        const overflowBtn = document.querySelector('.secondary-overflow-btn');
1046        const menuItems = menuContainer.querySelectorAll('.secondary-menu-item');
1047        const overflowItems = overflowMenu.querySelectorAll('.secondary-menu-item');
1048        const containerWidth = menuContainer.offsetWidth;
1049        let totalWidth = 0;
1050
1051        if (window.innerWidth < 1024) {
1052            // if resizing from desktop->touch empty the overflow menu and hide it and the overflowBtn
1053            overflowItems.forEach((item) => {
1054                menuContainer.insertAdjacentElement('beforeend', item);
1055            });
1056            overflowBtn.classList.add('is-hidden');
1057        } else {
1058            menuItems.forEach((item) => {
1059                totalWidth += item.offsetWidth;
1060                if (totalWidth > containerWidth) {
1061                    // on init, we need to insert the items before into the overflow to preserve the link order.
1062                    if (isInit) {
1063                        overflowMenu.insertAdjacentElement('beforeend', item);
1064                    } else {
1065                        overflowMenu.insertAdjacentElement('afterbegin', item);
1066                    }
1067                }
1068            });
1069            overflowItems.forEach((item) => {
1070                totalWidth += item.offsetWidth;
1071                if (totalWidth < containerWidth) {
1072                    menuContainer.insertAdjacentElement('beforeend', item);
1073                }
1074            });
1075
1076            // shows/hides the overflowBtn when there is/isn't menuItems in the overflowMenu.
1077            if (overflowMenu.childNodes.length > 0) {
1078                overflowBtn.classList.remove('is-hidden');
1079            } else {
1080                overflowBtn.classList.add('is-hidden');
1081            }
1082        }
1083
1084        // used to avoid ui flicker, can't use alpine's x-cloak here because it makes the JS unable to calculate width.
1085        if (isInit) {
1086            secondaryMenu.classList.remove('is-invisible');
1087        }
1088    }
1089</script>
1089
1090
1091                
1092                    
1093                <main id="content" tabindex="-1">
1094        <div class="container is-fluid">
1095            
1096                            <header class="article-header mt-6">
1097                    <h1 data-test-ref="page-title" class="page-title">All Articles</h1>
1098                </header>
1099            
1100            <section>
1101                    <div wire:snapshot="{&quot;data&quot;:{&quot;postType&quot;:&quot;post&quot;,&quot;categoryTaxonomy&quot;:&quot;category&quot;,&quot;tagTaxonomy&quot;:&quot;post_tag&quot;,&quot;category&quot;:null,&quot;tag&quot;:null,&quot;orderBy&quot;:&quot;post_date-desc&quot;,&quot;filters&quot;:[{&quot;category&quot;:[{&quot;title&quot;:&quot;Categories&quot;,&quot;options&quot;:[{&quot;gold-live&quot;:[&quot;Gold Live&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;track-talk-live&quot;:[&quot;Track Talk Live&quot;,{&quot;s&quot;:&quot;str&quot;}],&quot;uncategorized&quot;:[&quot;Uncategorized&quot;,{&quot;s&quot;:&quot;str&quot;}]},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}],&quot;instructor&quot;:[{&quot;title&quot;:&quot;Instructor&quot;,&quot;options&quot;:[{&quot;2661&quot;:&quot;Doug Hodgdon&quot;,&quot;22562&quot;:&quot;Josh Clark&quot;,&quot;2640&quot;:&quot;MRA Editors&quot;,&quot;2654&quot;:&quot;Steve Doyle&quot;},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}],&quot;selectedFilterList&quot;:null,&quot;selectedFilters&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;itemCount&quot;:24,&quot;page&quot;:1,&quot;perPage&quot;:24,&quot;results&quot;:[{&quot;23&quot;:[{&quot;ID&quot;:195066,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;A Global Guide to Train Tourist Spots&quot;,&quot;slug&quot;:&quot;a-global-guide-to-train-tourist-spots&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/a-global-guide-to-train-tourist-spots&quot;,&quot;excerpt_filtered&quot;:&quot;Trains have been transporting people and goods across the globe for centuries, offering a unique and often breathtaking way to experience the world. From iconic routes that wind through towering...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;MRA Editors&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2024\/09\/10120728\/Train-Ride-768x496.png&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2024-09-10 12:09:00&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;22&quot;:[{&quot;ID&quot;:194524,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;5 Common Model Railroading Mistakes&quot;,&quot;slug&quot;:&quot;5-common-model-railroading-mistakes&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/5-common-model-railroading-mistakes&quot;,&quot;excerpt_filtered&quot;:&quot;Model railroading is a creative and rewarding hobby, but it can also be challenging when getting started. There are many common mistakes that new model railroaders make. However, by being...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;MRA Editors&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2024\/07\/24154147\/14-768x576.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2024-07-24 15:43:25&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;21&quot;:[{&quot;ID&quot;:194519,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;A Guide to Model Railroad Scales&quot;,&quot;slug&quot;:&quot;a-guide-to-model-railroad-scales&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/a-guide-to-model-railroad-scales&quot;,&quot;excerpt_filtered&quot;:&quot;Understanding model railroad scales is the first step in choosing what kind of model you want to create. It will help lay the foundation for choosing the right equipment and...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;MRA Editors&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2024\/07\/24140818\/Scale-Gauges-768x331.png&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2024-07-24 14:13:55&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;20&quot;:[{&quot;ID&quot;:193689,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;10 Expert Tips for Laying Track on Your Model Train Layout&quot;,&quot;slug&quot;:&quot;10-expert-tips-for-laying-track-on-your-model-train-layout&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/10-expert-tips-for-laying-track-on-your-model-train-layout&quot;,&quot;excerpt_filtered&quot;:&quot;Building and designing your layout is an exciting endeavor. However, one of the most critical aspects of creating a realistic and functional layout is laying the track properly. Whether you&#039;re...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;MRA Editors&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2024\/05\/09215500\/Laying-Track-Hero-768x576.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2024-05-10 09:04:43&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;3&quot;:[{&quot;ID&quot;:15530,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;Ideas for Unique Layout Concepts&quot;,&quot;slug&quot;:&quot;planning-building-layout-part-4-unique-layout-concepts&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/planning-building-layout-part-4-unique-layout-concepts&quot;,&quot;excerpt_filtered&quot;:&quot;In this installment, I\u2019d like to suggest various types of railroad layouts (in no particular order) from which you can derive inspiration for your concept: Club layout: I\u2019ve visited some...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Doug Hodgdon&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2016\/09\/13192759\/layout-concepts-3.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2023-11-16 10:59:04&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;2&quot;:[{&quot;ID&quot;:13408,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;Assigning a Theme for Your Model Railroad Layout&quot;,&quot;slug&quot;:&quot;planning-building-model-railroad-layout-part-3-layout-themes&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/planning-building-model-railroad-layout-part-3-layout-themes&quot;,&quot;excerpt_filtered&quot;:&quot;The next installment in our ongoing series on planning and building a model railroad layout is all about layout themes. In case you missed our previous installment on track configurations,...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Doug Hodgdon&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2016\/08\/09203443\/multiple-helixes.png&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2025-09-16 10:50:12&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;1&quot;:[{&quot;ID&quot;:12496,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;Choosing Model Railroad Track Configurations&quot;,&quot;slug&quot;:&quot;planning-and-building-a-model-railroad-layout-part-2-track-configurations&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/planning-and-building-a-model-railroad-layout-part-2-track-configurations&quot;,&quot;excerpt_filtered&quot;:&quot;There are many factors to consider before we start building a model railroad layout. I know of many model railroaders who have started building without much of a plan and...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Doug Hodgdon&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/mra\/2016\/07\/25215427\/doug-hodgdon-layout.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2023-11-16 10:58:14&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;0&quot;:[{&quot;ID&quot;:11564,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;
1101So You Want to Build a Model Railroad Layout?&quot;,&quot;slug&quot;:&quot;planning-building-a-layout-part-1&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/planning-building-a-layout-part-1&quot;,&quot;excerpt_filtered&quot;:&quot;I think model railroading is a fantastic hobby for many reasons, not the least of which is it gives an individual the opportunity to learn about many different things. You...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Doug Hodgdon&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/mra\/2016\/07\/12205444\/layout-1.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2023-11-16 10:57:38&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;19&quot;:[{&quot;ID&quot;:176232,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;Getting Started with Sectional Track&quot;,&quot;slug&quot;:&quot;getting-started-with-sectional-track&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/getting-started-with-sectional-track&quot;,&quot;excerpt_filtered&quot;:&quot;In this class, you\u2019ll see how easy it is to get started with model railroading in any of the major scales using sectional track. The idea of using sectional track...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Doug Hodgdon&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2017\/08\/15155446\/Class-Hero-1-Sectional-Track.png&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2022-02-02 15:30:49&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;18&quot;:[{&quot;ID&quot;:176230,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;Model Paints and Tools&quot;,&quot;slug&quot;:&quot;model-paints-and-tools&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/model-paints-and-tools&quot;,&quot;excerpt_filtered&quot;:&quot;Model painting and the associated tools are an essential part of our model railroad hobby. In this class, your instructor Doug Hodgdon will show you the assortment of paints, solvents,...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Doug Hodgdon&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2017\/08\/15163257\/MRA-Paint-Class1.png&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2022-02-02 15:24:21&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;17&quot;:[{&quot;ID&quot;:176223,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;Creating Rock Scenery Class&quot;,&quot;slug&quot;:&quot;creating-rock-scenery-class&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/creating-rock-scenery-class&quot;,&quot;excerpt_filtered&quot;:&quot;A key component in turning a model railroad track plan into a layout is realistic scenery. Regardless of what part of the world you model, there is a high probability...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Doug Hodgdon&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2018\/12\/03120331\/MRA-Class-Hero-Image1_Rock-Scenery.png&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2022-02-02 15:17:48&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;16&quot;:[{&quot;ID&quot;:176154,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;
1101Techniques for Spectacular Scenery 5: LIVE Event&quot;,&quot;slug&quot;:&quot;techniques-for-spectacular-scenery-5-live-event&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/techniques-for-spectacular-scenery-5-live-event&quot;,&quot;excerpt_filtered&quot;:&quot;Join us for an MRA PLATINUM LIVE event with Ron Marsh, who will discuss the Techniques for Spectacular Scenery PLATINUM LIVE Course and answer any questions you may have. More...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;MRA Editors&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2020\/01\/14135440\/LIVE.png&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2022-01-31 14:52:41&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;15&quot;:[{&quot;ID&quot;:176152,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;Techniques for Spectacular Scenery Week 4: Grass and Trees&quot;,&quot;slug&quot;:&quot;techniques-for-spectacular-scenery-week-4-grass-and-trees&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/techniques-for-spectacular-scenery-week-4-grass-and-trees&quot;,&quot;excerpt_filtered&quot;:&quot;In this session you will learn how to apply and color rocks and other ground texture to your scenery base in preparation for scenic details. You will learn about a...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;MRA Editors&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2020\/01\/14135228\/Week-4.png&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2022-01-31 14:52:27&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;14&quot;:[{&quot;ID&quot;:176149,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;Techniques for Spectacular Scenery 3: Water Effects&quot;,&quot;slug&quot;:&quot;techniques-for-spectacular-scenery-3-water-effects&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/techniques-for-spectacular-scenery-3-water-effects&quot;,&quot;excerpt_filtered&quot;:&quot;In this session you will learn how to apply and color rocks and other ground texture to your scenery base in preparation for scenic details. You will learn about a...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;MRA Editors&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2020\/01\/14135040\/Week-3.png&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2022-01-31 14:52:20&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;13&quot;:[{&quot;ID&quot;:176147,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;Techniques for Spectacular Scenery 2: Rocks, Texture, and Color&quot;,&quot;slug&quot;:&quot;techniques-for-spectacular-scenery-2-rocks-texture-and-color&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/techniques-for-spectacular-scenery-2-rocks-texture-and-color&quot;,&quot;excerpt_filtered&quot;:&quot;In this session you will learn how to apply and color rocks and other ground texture to your scenery base in preparation for scenic details. You will learn about a...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;MRA Editors&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2020\/01\/14134729\/Week-2.png&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2022-01-31 14:52:07&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;12&quot;:[{&quot;ID&quot;:176145,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;
1101Techniques for Spectacular Scenery 1: Scenery Base&quot;,&quot;slug&quot;:&quot;techniques-for-spectacular-scenery-1-scenery-base&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/techniques-for-spectacular-scenery-1-scenery-base&quot;,&quot;excerpt_filtered&quot;:&quot;In this session you will learn the importance of a good scenery base. You will get an overview of several different types of scenery base and a variety of materials...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;MRA Editors&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2020\/01\/14132925\/Week-1.png&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2022-01-31 14:52:11&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;11&quot;:[{&quot;ID&quot;:176143,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;Techniques for Spectacular Scenery&quot;,&quot;slug&quot;:&quot;techniques-for-spectacular-scenery-overview&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/techniques-for-spectacular-scenery-overview&quot;,&quot;excerpt_filtered&quot;:&quot;Nothing has a greater impact on the realistic look of a model railroad than scenery. Whether your layout is a small diorama, a 4\u2019 x 8\u2019 starter layout, or a...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;MRA Editors&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2020\/01\/14123332\/Course-Overview.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2022-01-31 14:43:31&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;10&quot;:[{&quot;ID&quot;:150043,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;7 Household Items You Can Use for Your Layout&quot;,&quot;slug&quot;:&quot;7-household-items-you-can-use-for-your-layout-2&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/7-household-items-you-can-use-for-your-layout-2&quot;,&quot;excerpt_filtered&quot;:&quot;Thanks for signing up for the Model Railroad Academy newsletter. Click any of the thumbnails below to learn more about these household items! Disused Steamer Parts Made from Cotton Swabs...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;MRA Editors&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2021\/02\/10154047\/7-household-items_FB-scaled.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2023-05-25 14:38:48&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;9&quot;:[{&quot;ID&quot;:150038,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;7 Household Items You Can Use for Your Layout&quot;,&quot;slug&quot;:&quot;7-household-items-you-can-use-for-your-layout&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/7-household-items-you-can-use-for-your-layout&quot;,&quot;excerpt_filtered&quot;:&quot;Thanks for signing up for the Model Railroad Academy newsletter. Click any of the thumbnails below to learn more about these household items! Disused Steamer Parts Made from Cotton Swabs...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;MRA Editors&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2021\/02\/10154047\/7-household-items_FB-scaled.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2025-01-14 12:58:37&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;8&quot;:[{&quot;ID&quot;:133038,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;Inside the Track&quot;,&quot;slug&quot;:&quot;inside-the-track-2&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/inside-the-track-2&quot;,&quot;excerpt_filtered&quot;:&quot;Thanks for signing up for the Model Railroad Academy newsletter. Click any of the thumbnails below to watch the tour. &amp;nbsp; Take a Tour of Greg Smith\u2019s Layout Take a...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;MRA Editors&quot;,&quot;thumbnail_url&quot;:null,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2022-02-23 11:42:27&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;7&quot;:[{&quot;ID&quot;:129516,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;Inside the Track&quot;,&quot;slug&quot;:&quot;inside-the-track&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/inside-the-track&quot;,&quot;excerpt_filtered&quot;:&quot;Thanks for signing up for the Model Railroad Academy newsletter. Click any of the thumbnails below to watch the tour. Take a Tour of Greg Smith\u2019s Layout Take a Tour...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;MRA Editors&quot;,&quot;thumbnail_url&quot;:null,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2025-07-03 14:08:23&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;6&quot;:[{&quot;ID&quot;:103931,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;Show Us Your Layout&quot;,&quot;slug&quot;:&quot;show-us-your-layout&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/show-us-your-layout&quot;,&quot;excerpt_filtered&quot;:&quot;We want to see your layout! Show off your work with the Model Railroad Academy community by sharing photos of your layout in the community gallery. Please also share a...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;MRA Editors&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2019\/08\/29151256\/Show-us-your-layout.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2023-02-15 11:15:10&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;5&quot;:[{&quot;ID&quot;:103049,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;Model Railroading: Where to Begin&quot;,&quot;slug&quot;:&quot;where-to-begin&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/where-to-begin&quot;,&quot;excerpt_filtered&quot;:&quot;Most of us can remember our first experience with trains. It may have been a Lionel steam set under the Christmas tree or an afternoon trackside with your grandfather. For...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;Josh Clark&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2019\/08\/07094223\/IMG_1286.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2019-08-07 09:46:52&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;4&quot;:[{&quot;ID&quot;:99772,&quot;post_type&quot;:&quot;post&quot;,&quot;type&quot;:&quot;post&quot;,&quot;title&quot;:&quot;Meet Martin T\u00e4rnrot: Model Railroad Academy Contributor&quot;,&quot;slug&quot;:&quot;meet-martin-tarnrot-model-railroad-academy-contributor&quot;,&quot;url&quot;:&quot;https:\/\/www.modelrailroadacademy.com\/post\/meet-martin-tarnrot-model-railroad-academy-contributor&quot;,&quot;excerpt_filtered&quot;:&quot;Model Railroad Academy is excited to announce our newest contributor: Martin T\u00e4rnrot. Martin is a professional model railroader from Sweden and has been a railfan from a young age. We...&quot;,&quot;display_group&quot;:[{&quot;slug&quot;:&quot;article&quot;,&quot;name&quot;:&quot;Article&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;membership_access_level&quot;:null,&quot;author_name&quot;:&quot;MRA Editors&quot;,&quot;thumbnail_url&quot;:&quot;https:\/\/d2culxnxbccemt.cloudfront.net\/mra\/content\/uploads\/2019\/06\/13125423\/Martin_2019_square_2.jpg&quot;,&quot;is_new&quot;:false,&quot;class&quot;:&quot;App\\Models\\Article&quot;,&quot;updated_date&quot;:&quot;2023-02-24 21:44:35&quot;},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}],&quot;sortOptions&quot;:[{&quot;post_date-desc&quot;:&quot;Date: New to Old&quot;,&quot;post_date-asc&quot;:&quot;Date: Old to New&quot;,&quot;post_title-asc&quot;:&quot;Alphabetical: A-Z&quot;,&quot;post_title-desc&quot;:&quot;Alphabetical: Z-A&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;totalItemCount&quot;:68,&quot;totalPages&quot;:3,&quot;search&quot;:null,&quot;filtersFromUrl&quot;:null,&quot;sortFromUrl&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;WI1ikfuANh5oBs6hyEPd&quot;,&quot;name&quot;:&quot;listings.post-listing&quot;,&quot;path&quot;:&quot;articles\/all&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;717e681ea896c5356d1a1722aaaf645adc8faf6701bdc90552622de6ac47e6a7&quot;}" wire:effects="{&quot;partials&quot;:[],&quot;url&quot;:{&quot;search&quot;:{&quot;as&quot;:&quot;search&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;filtersFromUrl&quot;:{&quot;as&quot;:&quot;filters&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;sortFromUrl&quot;:{&quot;as&quot;:&quot;orderby&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}}}" wire:id="WI1ikfuANh5oBs6hyEPd" class="listing-container mt-0-touch mt-4-desktop" data-test-ref="listing">
1102    <form method="get" wire:submit.prevent="resetResults">
1103        <div class="vs-listing columns is-multiline mb-4">
1104            <div
1105    class="listing-filter-bar column is-full is-hidden-desktop"
1106    data-filter-mode="global"
1107    x-data="{ open: null, overlay: false, sub: null, sortOpen: false, optionSearch: '' }"
1108>
1109    <div class="filter-bar-panel">
1110        <div class="filter-bar-search">
1111            <div class="search-form has-border-radius-50 is-full-width px-2">
1112    <label class="is-sr-only" for="listingSearchBar">Search</label>
1113    <div class="field has-addons">
1114        <div class="input-wrap is-full-width is-relative">
1115            <input
1116                class="input is-borderless is-shadowless is-full-width font-main-light font-color-child-black is-line-height-font-size pl-2"
1117                id="listingSearchBar"
1118                type="text"
1119                placeholder="Search"
1120                aria-label="Search"
1121                wire:model.live.debounce="search"
1122            />
1123            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1124        <div class="input-wrap is-flex is-align-items-center">
1125            <button
1126                    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"
1127>
1128    <span
1129    class="svg-icon search black is-flex is-align-items-center"
1130>
1131    <!--[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>
1132</button>
1133        </div>
1134    </div>
1135</div>
1136
1137            <button
1138                type="button"
1139                class="filter-sort-trigger"
1140                aria-label="Sort by"
1141                aria-haspopup="dialog"
1142                x-bind:aria-expanded="sortOpen"
1143                x-on:click="sortOpen = true"
1144            >
1145                <span
1146    class="svg-icon sort small"
1147>
1148    <!--[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>
1149            </button>
1150        </div>
1151
1152        <!--[if BLOCK]><![endif]-->            <div
1153    class="filter-bar-scroller"
1154    x-data="{
1155        atStart: true,
1156        atEnd: true,
1157        sync() {
1158            const row = this.$refs.row;
1159            this.atStart = row.scrollLeft <= 1;
1160            this.atEnd = Math.ceil(row.scrollLeft + row.clientWidth) >= row.scrollWidth - 1;
1161        },
1162        page(direction) {
1163            this.$refs.row.scrollBy({ left: direction * this.$refs.row.clientWidth * 0.8, behavior: 'smooth' });
1164        },
1165    }"
1166    x-init="$nextTick(() => sync())"
1167    x-on:resize.window.debounce.100ms="sync()"
1168>
1169    <button
1170        type="button"
1171        class="filter-bar-arrow filter-bar-arrow-prev"
1172        tabindex="-1"
1173        aria-hidden="true"
1174        data-test-ref="pill-scroll-prev"
1175        x-show="!atStart"
1176        x-cloak
1177        x-on:click="page(-1)"
1178    >
1179        <span
1180    class="svg-icon carrot-back small"
1181>
1182    <!--[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>
1183    </button>
1184
1185    <div class="filter-bar-row" x-ref="row" x-on:scroll.passive="sync()"><button
1186        type="button"
1187        class="filter-pill filter-pill-all"
1188        data-all-filters-button
1189                aria-haspopup="dialog"
1190        x-bind:aria-expanded="overlay"
1191        x-on:click="overlay = true"
1192    >
1193        <span
1194    class="svg-icon filter extra-small white"
1195>
1196    <!--[if BLOCK]><![endif]-->        <svg title="Filter Icon" role="img" viewBox="0 0 32 24" xmlns="http://www.w3.org/2000/svg"><title>Filter Icon</title><g clip-rule="evenodd"><path d="M0 0h32v3H0zM6 11h21v3H6zM11 21h11v3H11z"/></g></svg>    <!--[if ENDBLOCK]><![endif]--></span>
1197        <span>All filters</span>
1198        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </button>
1199
1200    <!--[if BLOCK]><![endif]-->        <label class="filter-pill filter-pill-category" data-category-pill="gold-live">
1201            <input
1202                type="checkbox"
1203                class="is-sr-only"
1204                autocomplete="off"
1205                value="category:gold-live"
1206                wire:model.live="selectedFilters"
1207                wire:key="bar-pill-category:gold-live"
1208            />
1209            <span>Gold Live</span>
1210        </label>
1211            <label class="filter-pill filter-pill-category" data-category-pill="track-talk-live">
1212            <input
1213                type="checkbox"
1214                class="is-sr-only"
1215                autocomplete="off"
1216                value="category:track-talk-live"
1217                wire:model.live="selectedFilters"
1218                wire:key="bar-pill-category:track-talk-live"
1219            />
1220            <span>Track Talk Live</span>
1221        </label>
1222            <label class="filter-pill filter-pill-category" data-category-pill="uncategorized">
1223            <input
1224                type="checkbox"
1225                class="is-sr-only"
1226                autocomplete="off"
1227                value="category:uncategorized"
1228                wire:model.live="selectedFilters"
1229                wire:key="bar-pill-category:uncategorized"
1230            />
1231            <span>Uncategorized</span>
1232        </label>
1233    <!--[if ENDBLOCK]><![endif]--></div>
1234
1235    <button
1236        type="button"
1237        class="filter-bar-arrow filter-bar-arrow-next"
1238        tabindex="-1"
1239        aria-hidden="true"
1240        data-test-ref="pill-scroll-next"
1241        x-show="!atEnd"
1242        x-cloak
1243        x-on:click="page(1)"
1244    >
1245        <span
1246    class="svg-icon carrot-forward small"
1247>
1248    <!--[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>
1249    </button>
1250</div>
1251
1252<div class="filter-chips is-hidden">
1253    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1254    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1255
1256<div
1257    class="filter-overlay"
1258    x-show="overlay"
1259    x-cloak
1260    x-trap.noscroll="overlay"
1261    x-on:keydown.escape.window="
1262        if (overlay && !sub) {
1263            overlay = false;
1264        }
1265    "
1266    x-transition:enter-start="is-offscreen"
1267    x-transition:leave-end="is-offscreen"
1268    role="dialog"
1269    aria-modal="true"
1270    aria-label="Filters"
1271>
1272    <div class="filter-overlay-header">
1273        <button
1274            type="button"
1275            class="filter-overlay-close"
1276            aria-label="Close"
1277            x-on:click="
1278                overlay = false;
1279                sub = null;
1280            "
1281        >
1282            <span
1283    class="svg-icon close small"
1284>
1285    <!--[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>
1286        </button>
1287        <span class="filter-sheet-title">Filters</span>
1288        <button type="button" class="filter-overlay-clear" wire:click.prevent="resetFilters">
1289            Clear all
1290        </button>
1291    </div>
1292
1293    <div class="filter-overlay-body">
1294        <!--[if BLOCK]><![endif]-->            <button
1295                type="button"
1296                class="filter-overlay-row"
1297                data-overlay-row="category"
1298                x-on:click="sub = 'category'; optionSearch = ''"
1299            >
1300                <span>Categories</span>
1301                <span class="filter-overlay-row-meta">
1302                    <!--[if BLOCK]><![endif]-->                        <span class="filter-overlay-hint">Any</span>
1303                    <!--[if ENDBLOCK]><![endif]-->                    <span
1304    class="svg-icon carrot-forward small"
1305>
1306    <!--[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>
1307                </span>
1308            </button>
1309                    <button
1310                type="button"
1311                class="filter-overlay-row"
1312                data-overlay-row="instructor"
1313                x-on:click="sub = 'instructor'; optionSearch = ''"
1314            >
1315                <span>Instructor</span>
1316                <span class="filter-overlay-row-meta">
1317                    <!--[if BLOCK]><![endif]-->                        <span class="filter-overlay-hint">Any</span>
1318                    <!--[if ENDBLOCK]><![endif]-->                    <span
1319    class="svg-icon carrot-forward small"
1320>
1321    <!--[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>
1322                </span>
1323            </button>
1324        <!--[if ENDBLOCK]><![endif]-->    </div>
1325
1326    <div class="filter-sheet-footer">
1327        <button
1328                    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="overlay = false;
1329                sub = null;"
1330>
1331    Show results
1332</button>
1333    </div>
1334
1335    <!--[if BLOCK]><![endif]-->        <div
1336            class="filter-overlay filter-overlay-sub"
1337            x-show="sub === 'category'"
1338            x-cloak
1339            x-trap.noscroll="sub === 'category'"
1340            x-on:keydown.escape.window="if (sub === 'category') { sub = null }"
1341            x-transition:enter-start="is-offscreen"
1342            x-transition:leave-end="is-offscreen"
1343            role="dialog"
1344            aria-modal="true"
1345            aria-label="Categories"
1346        >
1347            <div class="filter-overlay-header">
1348                <button
1349                    type="button"
1350                    class="filter-overlay-back"
1351                    aria-label="Back"
1352                    x-on:click="sub = null"
1353                >
1354                    <span
1355    class="svg-icon carrot-back small"
1356>
1357    <!--[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>
1358                </button>
1359                <span class="filter-sheet-title">Categories</span>
1360            </div>
1361
1362            <div class="filter-overlay-body">
1363                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1364<div class="filter-options">
1365    <!--[if BLOCK]><![endif]-->        <label
1366            class="checkbox has-text-black filter-option"
1367                    >
1368            <input
1369                type="checkbox"
1370                autocomplete="off"
1371                value="category:gold-live"
1372                data-label="Gold Live"
1373                data-filter-id="category:gold-live"
1374                wire:model.live="selectedFilters"
1375                wire:key="bar-category:gold-live"
1376            />
1377            <span class="ml-2">Gold Live</span>
1378        </label>
1379            <label
1380            class="checkbox has-text-black filter-option"
1381                    >
1382            <input
1383                type="checkbox"
1384                autocomplete="off"
1385                value="category:track-talk-live"
1386                data-label="Track Talk Live"
1387                data-filter-id="category:track-talk-live"
1388                wire:model.live="selectedFilters"
1389                wire:key="bar-category:track-talk-live"
1390            />
1391            <span class="ml-2">Track Talk Live</span>
1392        </label>
1393            <label
1394            class="checkbox has-text-black filter-option"
1395                    >
1396            <input
1397                type="checkbox"
1398                autocomplete="off"
1399                value="category:uncategorized"
1400                data-label="Uncategorized"
1401                data-filter-id="category:uncategorized"
1402                wire:model.live="selectedFilters"
1403                wire:key="bar-category:uncategorized"
1404            />
1405            <span class="ml-2">Uncategorized</span>
1406        </label>
1407    <!--[if ENDBLOCK]><![endif]--></div>
1408            </div>
1409
1410            <div class="filter-sheet-footer">
1411                <button
1412                    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="sub = null"
1413>
1414    Done
1415</button>
1416            </div>
1417        </div>
1418            <div
1419            class="filter-overlay filter-overlay-sub"
1420            x-show="sub === 'instructor'"
1421            x-cloak
1422            x-trap.noscroll="sub === 'instructor'"
1423            x-on:keydown.escape.window="if (sub === 'instructor') { sub = null }"
1424            x-transition:enter-start="is-offscreen"
1425            x-transition:leave-end="is-offscreen"
1426            role="dialog"
1427            aria-modal="true"
1428            aria-label="Instructor"
1429        >
1430            <div class="filter-overlay-header">
1431                <button
1432                    type="button"
1433                    class="filter-overlay-back"
1434                    aria-label="Back"
1435                    x-on:click="sub = null"
1436                >
1437                    <span
1438    class="svg-icon carrot-back small"
1439>
1440    <!--[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>
1441                </button>
1442                <span class="filter-sheet-title">Instructor</span>
1443            </div>
1444
1445            <div class="filter-overlay-body">
1446                <!--[if BLOCK]><![endif]-->    <div class="filter-option-search">
1447        <label class="is-sr-only" for="filter-search-bar-instructor">
1448            Search options
1449        </label>
1450        <input
1451            id="filter-search-bar-instructor"
1452            type="text"
1453            class="input"
1454            autocomplete="off"
1455            placeholder="Search"
1456            x-model="optionSearch"
1457        />
1458    </div>
1459<!--[if ENDBLOCK]><![endif]-->
1460<div class="filter-options">
1461    <!--[if BLOCK]><![endif]-->        <label
1462            class="checkbox has-text-black filter-option"
1463                            x-show="! optionSearch || 'doug hodgdon'.includes(optionSearch.toLowerCase())"
1464                    >
1465            <input
1466                type="checkbox"
1467                autocomplete="off"
1468                value="instructor:2661"
1469                data-label="Doug Hodgdon"
1470                data-filter-id="instructor:2661"
1471                wire:model.live="selectedFilters"
1472                wire:key="bar-instructor:2661"
1473            />
1474            <span class="ml-2">Doug Hodgdon</span>
1475        </label>
1476            <label
1477            class="checkbox has-text-black filter-option"
1478                            x-show="! optionSearch || 'josh clark'.includes(optionSearch.toLowerCase())"
1479                    >
1480            <input
1481                type="checkbox"
1482                autocomplete="off"
1483                value="instructor:22562"
1484                data-label="Josh Clark"
1485                data-filter-id="instructor:22562"
1486                wire:model.live="selectedFilters"
1487                wire:key="bar-instructor:22562"
1488            />
1489            <span class="ml-2">Josh Clark</span>
1490        </label>
1491            <label
1492            class="checkbox has-text-black filter-option"
1493                            x-show="! optionSearch || 'mra editors'.includes(optionSearch.toLowerCase())"
1494                    >
1495            <input
1496                type="checkbox"
1497                autocomplete="off"
1498                value="instructor:2640"
1499                data-label="MRA Editors"
1500                data-filter-id="instructor:2640"
1501                wire:model.live="selectedFilters"
1502                wire:key="bar-instructor:2640"
1503            />
1504            <span class="ml-2">MRA Editors</span>
1505        </label>
1506            <label
1507            class="checkbox has-text-black filter-option"
1508                            x-show="! optionSearch || 'steve doyle'.includes(optionSearch.toLowerCase())"
1509                    >
1510            <input
1511                type="checkbox"
1512                autocomplete="off"
1513                value="instructor:2654"
1514                data-label="Steve Doyle"
1515                data-filter-id="instructor:2654"
1516                wire:model.live="selectedFilters"
1517                wire:key="bar-instructor:2654"
1518            />
1519            <span class="ml-2">Steve Doyle</span>
1520        </label>
1521    <!--[if ENDBLOCK]><![endif]--></div>
1522            </div>
1523
1524            <div class="filter-sheet-footer">
1525                <button
1526                    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="sub = null"
1527>
1528    Done
1529</button>
1530            </div>
1531        </div>
1532    <!--[if ENDBLOCK]><![endif]--></div>
1533        <!--[if ENDBLOCK]><![endif]-->    </div>
1534
1535    <div class="filter-bar-count">
1536        <span>
1537            <!--[if BLOCK]><![endif]-->                <strong>1 - 24</strong>
1538                of
1539                <strong>68</strong>
1540            <!--[if ENDBLOCK]><![endif]-->        </span>
1541
1542        <!--[if BLOCK]><![endif]-->            <span class="filter-bar-sort-label">Date: New to Old</span>
1543        <!--[if ENDBLOCK]><![endif]-->    </div>
1544
1545    <div class="filter-sheet-backdrop" x-show="sortOpen" x-cloak x-on:click="sortOpen = false" x-transition.opacity></div>
1546
1547<div
1548    class="filter-sheet"
1549    x-show="sortOpen"
1550    x-cloak
1551    x-trap.noscroll="sortOpen"
1552    x-on:keydown.escape.window="
1553        if (sortOpen) {
1554            sortOpen = false;
1555        }
1556    "
1557    x-transition:enter-start="is-offscreen"
1558    x-transition:leave-end="is-offscreen"
1559    role="dialog"
1560    aria-modal="true"
1561    aria-label="Sort by"
1562>
1563    <div class="filter-sheet-header">
1564        <span class="filter-sheet-title">Sort by</span>
1565    </div>
1566
1567    <div class="filter-sheet-body">
1568        <!--[if BLOCK]><![endif]-->            <button
1569                type="button"
1570                class="sort-option"
1571                data-sort-option="post_date-desc"
1572                wire:click="$set('orderBy', 'post_date-desc')"
1573                x-on:click="sortOpen = false"
1574            >
1575                <span>Date: New to Old</span>
1576                <!--[if BLOCK]><![endif]-->                    <span
1577    class="svg-icon checkmark small"
1578>
1579    <!--[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 
15790 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>
1580                <!--[if ENDBLOCK]><![endif]-->            </button>
1581                    <button
1582                type="button"
1583                class="sort-option"
1584                data-sort-option="post_date-asc"
1585                wire:click="$set('orderBy', 'post_date-asc')"
1586                x-on:click="sortOpen = false"
1587            >
1588                <span>Date: Old to New</span>
1589                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </button>
1590                    <button
1591                type="button"
1592                class="sort-option"
1593                data-sort-option="post_title-asc"
1594                wire:click="$set('orderBy', 'post_title-asc')"
1595                x-on:click="sortOpen = false"
1596            >
1597                <span>Alphabetical: A-Z</span>
1598                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </button>
1599                    <button
1600                type="button"
1601                class="sort-option"
1602                data-sort-option="post_title-desc"
1603                wire:click="$set('orderBy', 'post_title-desc')"
1604                x-on:click="sortOpen = false"
1605            >
1606                <span>Alphabetical: Z-A</span>
1607                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </button>
1608        <!--[if ENDBLOCK]><![endif]-->    </div>
1609</div>
1610</div>
1611            <div class="sidebar listing-sidebar is-clearfix column is-3 is-2-widescreen-fullbleed is-hidden-touch">
1612    <div class="count pb-5 pt-2">
1613        <!--[if BLOCK]><![endif]-->            <strong class="page_total">1 - 24</strong>
1614            of
1615            <strong><span class="total_items">68</span></strong>
1616        <!--[if ENDBLOCK]><![endif]-->    </div>
1617
1618    <div class="search-form has-border-radius-50 is-full-width px-2">
1619    <label class="is-sr-only" for="listingSearch">Search</label>
1620    <div class="field has-addons">
1621        <div class="input-wrap is-full-width is-relative">
1622            <input
1623                class="input is-borderless is-shadowless is-full-width font-main-light font-color-child-black is-line-height-font-size pl-2"
1624                id="listingSearch"
1625                type="text"
1626                placeholder="Search"
1627                aria-label="Search"
1628                wire:model.live.debounce="search"
1629            />
1630            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1631        <div class="input-wrap is-flex is-align-items-center">
1632            <button
1633                    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"
1634>
1635    <span
1636    class="svg-icon search black is-flex is-align-items-center"
1637>
1638    <!--[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>
1639</button>
1640        </div>
1641    </div>
1642</div>
1643
1644    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1645    <!--[if BLOCK]><![endif]-->        <!--[if BLOCK]><![endif]-->            <fieldset class="filter-group is-borderless mt-4" data-id="category" x-data="{ expanded: true }">
1646                <legend class="is-size-5-half mb-2">
1647                    <button
1648                        type="button"
1649                        x-bind:aria-expanded="expanded"
1650                        x-on:click="expanded = !expanded"
1651                        aria-controls="filters-content_access_filter-category"
1652                        class="title has-text-black is-full-width is-flex is-align-items-center is-justify-content-space-between p-0"
1653                    >
1654                        <span>Categories</span>
1655                        <span
1656                            class="dashicons"
1657                            aria-hidden="true"
1658                            x-bind:class="'dashicons-' + (expanded ? 'minus' : 'plus-alt2')"
1659                        ></span>
1660                    </button>
1661                </legend>
1662                <div id="filters-content_access_filter-category" class="filters pb-2" x-show="expanded">
1663                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1664<div class="filter-options">
1665    <!--[if BLOCK]><![endif]-->        <label
1666            class="checkbox has-text-black filter-option"
1667                    >
1668            <input
1669                type="checkbox"
1670                autocomplete="off"
1671                value="category:gold-live"
1672                data-label="Gold Live"
1673                data-filter-id="category:gold-live"
1674                wire:model.live="selectedFilters"
1675                wire:key="category:gold-live"
1676            />
1677            <span class="ml-2">Gold Live</span>
1678        </label>
1679            <label
1680            class="checkbox has-text-black filter-option"
1681                    >
1682            <input
1683                type="checkbox"
1684                autocomplete="off"
1685                value="category:track-talk-live"
1686                data-label="Track Talk Live"
1687                data-filter-id="category:track-talk-live"
1688                wire:model.live="selectedFilters"
1689                wire:key="category:track-talk-live"
1690            />
1691            <span class="ml-2">Track Talk Live</span>
1692        </label>
1693            <label
1694            class="checkbox has-text-black filter-option"
1695                    >
1696            <input
1697                type="checkbox"
1698                autocomplete="off"
1699                value="category:uncategorized"
1700                data-label="Uncategorized"
1701                data-filter-id="category:uncategorized"
1702                wire:model.live="selectedFilters"
1703                wire:key="category:uncategorized"
1704            />
1705            <span class="ml-2">Uncategorized</span>
1706        </label>
1707    <!--[if ENDBLOCK]><![endif]--></div>
1708                </div>
1709            </fieldset>
1710                    <fieldset class="filter-group is-borderless mt-4" data-id="instructor" x-data="{ expanded: true }">
1711                <legend class="is-size-5-half mb-2">
1712                    <button
1713                        type="button"
1714                        x-bind:aria-expanded="expanded"
1715                        x-on:click="expanded = !expanded"
1716                        aria-controls="filters-content_access_filter-instructor"
1717                        class="title has-text-black is-full-width is-flex is-align-items-center is-justify-content-space-between p-0"
1718                    >
1719                        <span>Instructor</span>
1720                        <span
1721                            class="dashicons"
1722                            aria-hidden="true"
1723                            x-bind:class="'dashicons-' + (expanded ? 'minus' : 'plus-alt2')"
1724                        ></span>
1725                    </button>
1726                </legend>
1727                <div id="filters-content_access_filter-instructor" class="filters pb-2" x-show="expanded">
1728                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1729<div class="filter-options">
1730    <!--[if BLOCK]><![endif]-->        <label
1731            class="checkbox has-text-black filter-option"
1732                    >
1733            <input
1734                type="checkbox"
1735                autocomplete="off"
1736                value="instructor:2661"
1737                data-label="Doug Hodgdon"
1738                data-filter-id="instructor:2661"
1739                wire:model.live="selectedFilters"
1740                wire:key="instructor:2661"
1741            />
1742            <span class="ml-2">Doug Hodgdon</span>
1743        </label>
1744            <label
1745            class="checkbox has-text-black filter-option"
1746                    >
1747            <input
1748                type="checkbox"
1749                autocomplete="off"
1750                value="instructor:22562"
1751                data-label="Josh Clark"
1752                data-filter-id="instructor:22562"
1753                wire:model.live="selectedFilters"
1754                wire:key="instructor:22562"
1755            />
1756            <span class="ml-2">Josh Clark</span>
1757        </label>
1758            <label
1759            class="checkbox has-text-black filter-option"
1760                    >
1761            <input
1762                type="checkbox"
1763                autocomplete="off"
1764                value="instructor:2640"
1765                data-label="MRA Editors"
1766                data-filter-id="instructor:2640"
1767                wire:model.live="selectedFilters"
1768                wire:key="instructor:2640"
1769            />
1770            <span class="ml-2">MRA Editors</span>
1771        </label>
1772            <label
1773            class="checkbox has-text-black filter-option"
1774                    >
1775            <input
1776                type="checkbox"
1777                autocomplete="off"
1778                value="instructor:2654"
1779                data-label="Steve Doyle"
1780                data-filter-id="instructor:2654"
1781                wire:model.live="selectedFilters"
1782                wire:key="instructor:2654"
1783            />
1784            <span class="ml-2">Steve Doyle</span>
1785        </label>
1786    <!--[if ENDBLOCK]><![endif]--></div>
1787                </div>
1788            </fieldset>
1789        <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></div>
1790            
1791            <div
1792                class="listing-main column is-9 is-full-touch is-10-widescreen-fullbleed"
1793                wire:loading.class="is-opacity-50"
1794            >
1795                <!--[if BLOCK]><![endif]-->                    <header class="is-clearfix pb-3 is-hidden-touch">
1796                        <div class="select is-pulled-right is-flex is-align-items-center">
1797    <label class="orderby-label pr-2" for="listingOrderBy">
1798        <strong>Sort by: </strong>
1799    </label>
1800    <select
1801        id="listingOrderBy"
1802        name="orderby"
1803        class="orderby has-text-black is-borderless font-main-light pl-0"
1804        wire:model.live="orderBy"
1805        wire:loading.attr="disabled"
1806    >
1807        <!--[if BLOCK]><![endif]-->            <option value="post_date-desc">Date: New to Old</option>
1808                    <option value="post_date-asc">Date: Old to New</option>
1809                    <option value="post_title-asc">Alphabetical: A-Z</option>
1810                    <option value="post_title-desc">Alphabetical: Z-A</option>
1811        <!--[if ENDBLOCK]><![endif]-->    </select>
1812</div>
1813                    </header>
1814                    <p class="no-results-text column is-full has-text-centered is-size-4 is-hidden">
1815                        Sorry, there were no results
1816                    </p>
1817                    <div class="columns is-multiline items"><!--[if BLOCK]><![endif]-->            <div data-test-ref="list-article" class="list-article column is-flex">
1818    <div class="list-article-inner is-full-width">
1819        <article class="card">
1820            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/a-global-guide-to-train-tourist-spots" 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">
1821    <figure
1822                        data-test-ref="card-image"
1823                        class="is-relative is-full-width"
1824                    >
1825                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
1826        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2024/09/10120728/Train-Ride-768x496.png" alt="" loading="lazy" />
1827    </picture>
1828<!--[if ENDBLOCK]><![endif]-->
1829                    </figure>
1830                    <div
1831            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
1832        >
1833            <header class="is-full-width">
1834                <div class="is-flex is-flex-direction-column-reverse">
1835                    <div
1836                        data-test-ref="card-title"
1837                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
1838                    >
1839                        A Global Guide to Train Tourist Spots
1840                    </div>
1841
1842                    <div
1843                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
1844                    >
1845                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
1846    <span
1847    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
1848>
1849    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
1850    <div
1851        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"
1852    >
1853        Article
1854    </div>
1855</div>
1856                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1857                </div>
1858
1859                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1860                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
1861                        Trains have been transporting people and goods across the globe for centuries, offering a unique and often breathtaking way to experience the world. From iconic routes that wind through towering...
1862                    </cite>
1863                <!--[if ENDBLOCK]><![endif]-->
1864                <!--[if BLOCK]><![endif]-->
1864                    <span class="read-more has-text-primary is-size-6-half is-block">
1865                        <!--[if BLOCK]><![endif]-->                            View Content
1866                        <!--[if ENDBLOCK]><![endif]-->                        <span
1867    class="svg-icon arrow-forward is-inline-block tiny primary"
1868>
1869    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
1870                    </span>
1871                <!--[if ENDBLOCK]><![endif]-->            </header>
1872        </div>
1873</a>
1874            <!--[if ENDBLOCK]><![endif]-->        </article>
1875    </div>
1876</div>
1877
1878            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
1879    <div class="list-article-inner is-full-width">
1880        <article class="card">
1881            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/5-common-model-railroading-mistakes" 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">
1882    <figure
1883                        data-test-ref="card-image"
1884                        class="is-relative is-full-width"
1885                    >
1886                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
1887        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2024/07/24154147/14-768x576.jpg" alt="" loading="lazy" />
1888    </picture>
1889<!--[if ENDBLOCK]><![endif]-->
1890                    </figure>
1891                    <div
1892            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
1893        >
1894            <header class="is-full-width">
1895                <div class="is-flex is-flex-direction-column-reverse">
1896                    <div
1897                        data-test-ref="card-title"
1898                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
1899                    >
1900                        5 Common Model Railroading Mistakes
1901                    </div>
1902
1903                    <div
1904                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
1905                    >
1906                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
1907    <span
1908    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
1909>
1910    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
1911    <div
1912        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"
1913    >
1914        Article
1915    </div>
1916</div>
1917                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1918                </div>
1919
1920                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1921                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
1922                        Model railroading is a creative and rewarding hobby, but it can also be challenging when getting started. There are many common mistakes that new model railroaders make. However, by being...
1923                    </cite>
1924                <!--[if ENDBLOCK]><![endif]-->
1925                <!--[if BLOCK]><![endif]-->
1925                    <span class="read-more has-text-primary is-size-6-half is-block">
1926                        <!--[if BLOCK]><![endif]-->                            View Content
1927                        <!--[if ENDBLOCK]><![endif]-->                        <span
1928    class="svg-icon arrow-forward is-inline-block tiny primary"
1929>
1930    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
1931                    </span>
1932                <!--[if ENDBLOCK]><![endif]-->            </header>
1933        </div>
1934</a>
1935            <!--[if ENDBLOCK]><![endif]-->        </article>
1936    </div>
1937</div>
1938
1939            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
1940    <div class="list-article-inner is-full-width">
1941        <article class="card">
1942            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/a-guide-to-model-railroad-scales" 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">
1943    <figure
1944                        data-test-ref="card-image"
1945                        class="is-relative is-full-width"
1946                    >
1947                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
1948        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2024/07/24140818/Scale-Gauges-768x331.png" alt="" loading="lazy" />
1949    </picture>
1950<!--[if ENDBLOCK]><![endif]-->
1951                    </figure>
1952                    <div
1953            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
1954        >
1955            <header class="is-full-width">
1956                <div class="is-flex is-flex-direction-column-reverse">
1957                    <div
1958                        data-test-ref="card-title"
1959                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
1960                    >
1961                        A Guide to Model Railroad Scales
1962                    </div>
1963
1964                    <div
1965                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
1966                    >
1967                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
1968    <span
1969    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
1970>
1971    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
1972    <div
1973        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"
1974    >
1975        Article
1976    </div>
1977</div>
1978                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1979                </div>
1980
1981                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1982                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
1983                        Understanding model railroad scales is the first step in choosing what kind of model you want to create. It will help lay the foundation for choosing the right equipment and...
1984                    </cite>
1985                <!--[if ENDBLOCK]><![endif]-->
1986                <!--[if BLOCK]><![endif]-->
1986                    <span class="read-more has-text-primary is-size-6-half is-block">
1987                        <!--[if BLOCK]><![endif]-->                            View Content
1988                        <!--[if ENDBLOCK]><![endif]-->                        <span
1989    class="svg-icon arrow-forward is-inline-block tiny primary"
1990>
1991    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
1992                    </span>
1993                <!--[if ENDBLOCK]><![endif]-->            </header>
1994        </div>
1995</a>
1996            <!--[if ENDBLOCK]><![endif]-->        </article>
1997    </div>
1998</div>
1999
2000            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
2001    <div class="list-article-inner is-full-width">
2002        <article class="card">
2003            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/10-expert-tips-for-laying-track-on-your-model-train-layout" 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">
2004    <figure
2005                        data-test-ref="card-image"
2006                        class="is-relative is-full-width"
2007                    >
2008                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2009        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2024/05/09215500/Laying-Track-Hero-768x576.jpg" alt="" loading="lazy" />
2010    </picture>
2011<!--[if ENDBLOCK]><![endif]-->
2012                    </figure>
2013                    <div
2014            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2015        >
2016            <header class="is-full-width">
2017                <div class="is-flex is-flex-direction-column-reverse">
2018                    <div
2019                        data-test-ref="card-title"
2020                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2021                    >
2022                        10 Expert Tips for Laying Track on Your Model Train Layout
2023                    </div>
2024
2025                    <div
2026                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2027                    >
2028                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2029    <span
2030    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
2031>
2032    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2033    <div
2034        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"
2035    >
2036        Article
2037    </div>
2038</div>
2039                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2040                </div>
2041
2042                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2043                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
2044                        Building and designing your layout is an exciting endeavor. However, one of the most critical aspects of creating a realistic and functional layout is laying the track properly. Whether you're...
2045                    </cite>
2046                <!--[if ENDBLOCK]><![endif]-->
2047                <!--[if BLOCK]><![endif]-->
2047                    <span class="read-more has-text-primary is-size-6-half is-block">
2048                        <!--[if BLOCK]><![endif]-->                            View Content
2049                        <!--[if ENDBLOCK]><![endif]-->                        <span
2050    class="svg-icon arrow-forward is-inline-block tiny primary"
2051>
2052    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
2053                    </span>
2054                <!--[if ENDBLOCK]><![endif]-->            </header>
2055        </div>
2056</a>
2057            <!--[if ENDBLOCK]><![endif]-->        </article>
2058    </div>
2059</div>
2060
2061            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
2062    <div class="list-article-inner is-full-width">
2063        <article class="card">
2064            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/planning-building-layout-part-4-unique-layout-concepts" 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">
2065    <figure
2066                        data-test-ref="card-image"
2067                        class="is-relative is-full-width"
2068                    >
2069                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2070        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2016/09/13192759/layout-concepts-3.jpg" alt="" loading="lazy" />
2071    </picture>
2072<!--[if ENDBLOCK]><![endif]-->
2073                    </figure>
2074                    <div
2075            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2076        >
2077            <header class="is-full-width">
2078                <div class="is-flex is-flex-direction-column-reverse">
2079                    <div
2080                        data-test-ref="card-title"
2081                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2082                    >
2083                        Ideas for Unique Layout Concepts
2084                    </div>
2085
2086                    <div
2087                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2088                    >
2089                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2090    <span
2091    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
2092>
2093    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2094    <div
2095        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"
2096    >
2097        Article
2098    </div>
2099</div>
2100                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2101                </div>
2102
2103                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2104                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
2105                        In this installment, I’d like to suggest various types of railroad layouts (in no particular order) from which you can derive inspiration for your concept: Club layout: I’ve visited some...
2106                    </cite>
2107                <!--[if ENDBLOCK]><![endif]-->
2108                <!--[if BLOCK]><![endif]-->
2108                    <span class="read-more has-text-primary is-size-6-half is-block">
2109                        <!--[if BLOCK]><![endif]-->                            View Content
2110                        <!--[if ENDBLOCK]><![endif]-->                        <span
2111    class="svg-icon arrow-forward is-inline-block tiny primary"
2112>
2113    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
2114                    </span>
2115                <!--[if ENDBLOCK]><![endif]-->            </header>
2116        </div>
2117</a>
2118            <!--[if ENDBLOCK]><![endif]-->        </article>
2119    </div>
2120</div>
2121
2122            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
2123    <div class="list-article-inner is-full-width">
2124        <article class="card">
2125            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/planning-building-model-railroad-layout-part-3-layout-themes" 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">
2126    <figure
2127                        data-test-ref="card-image"
2128                        class="is-relative is-full-width"
2129                    >
2130                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2131        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2016/08/09203443/multiple-helixes.png" alt="" loading="lazy" />
2132    </picture>
2133<!--[if ENDBLOCK]><![endif]-->
2134                    </figure>
2135                    <div
2136            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2137        >
2138            <header class="is-full-width">
2139                <div class="is-flex is-flex-direction-column-reverse">
2140                    <div
2141                        data-test-ref="card-title"
2142                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2143                    >
2144                        Assigning a Theme for Your Model Railroad Layout
2145                    </div>
2146
2147                    <div
2148                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2149                    >
2150                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2151    <span
2152    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
2153>
2154    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2155    <div
2156        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"
2157    >
2158        Article
2159    </div>
2160</div>
2161                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2162                </div>
2163
2164                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2165                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
2166                        The next installment in our ongoing series on planning and building a model railroad layout is all about layout themes. In case you missed our previous installment on track configurations,...
2167                    </cite>
2168                <!--[if ENDBLOCK]><![endif]-->
2169                <!--[if BLOCK]><![endif]-->
2169                    <span class="read-more has-text-primary is-size-6-half is-block">
2170                        <!--[if BLOCK]><![endif]-->                            View Content
2171                        <!--[if ENDBLOCK]><![endif]-->                        <span
2172    class="svg-icon arrow-forward is-inline-block tiny primary"
2173>
2174    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
2175                    </span>
2176                <!--[if ENDBLOCK]><![endif]-->            </header>
2177        </div>
2178</a>
2179            <!--[if ENDBLOCK]><![endif]-->        </article>
2180    </div>
2181</div>
2182
2183            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
2184    <div class="list-article-inner is-full-width">
2185        <article class="card">
2186            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/planning-and-building-a-model-railroad-layout-part-2-track-configurations" 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">
2187    <figure
2188                        data-test-ref="card-image"
2189                        class="is-relative is-full-width"
2190                    >
2191                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2192        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/mra/2016/07/25215427/doug-hodgdon-layout.jpg" alt="" loading="lazy" />
2193    </picture>
2194<!--[if ENDBLOCK]><![endif]-->
2195                    </figure>
2196                    <div
2197            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2198        >
2199            <header class="is-full-width">
2200                <div class="is-flex is-flex-direction-column-reverse">
2201                    <div
2202                        data-test-ref="card-title"
2203                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2204                    >
2205                        Choosing Model Railroad Track Configurations
2206                    </div>
2207
2208                    <div
2209                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2210                    >
2211                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2212    <span
2213    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
2214>
2215    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2216    <div
2217        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"
2218    >
2219        Article
2220    </div>
2221</div>
2222                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2223                </div>
2224
2225                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2226                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
2227                        There are many factors to consider before we start building a model railroad layout. I know of many model railroaders who have started building without much of a plan and...
2228                    </cite>
2229                <!--[if ENDBLOCK]><![endif]-->
2230                <!--[if BLOCK]><![endif]-->
2230                    <span class="read-more has-text-primary is-size-6-half is-block">
2231                        <!--[if BLOCK]><![endif]-->                            View Content
2232                        <!--[if ENDBLOCK]><![endif]-->                        <span
2233    class="svg-icon arrow-forward is-inline-block tiny primary"
2234>
2235    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
2236                    </span>
2237                <!--[if ENDBLOCK]><![endif]-->            </header>
2238        </div>
2239</a>
2240            <!--[if ENDBLOCK]><![endif]-->        </article>
2241    </div>
2242</div>
2243
2244            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
2245    <div class="list-article-inner is-full-width">
2246        <article class="card">
2247            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/planning-building-a-layout-part-1" 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">
2248    <figure
2249                        data-test-ref="card-image"
2250                        class="is-relative is-full-width"
2251                    >
2252                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2253        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/mra/2016/07/12205444/layout-1.jpg" alt="" loading="lazy" />
2254    </picture>
2255<!--[if ENDBLOCK]><![endif]-->
2256                    </figure>
2257                    <div
2258            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2259        >
2260            <header class="is-full-width">
2261                <div class="is-flex is-flex-direction-column-reverse">
2262                    <div
2263                        data-test-ref="card-title"
2264                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2265                    >
2266                        So You Want to Build a Model Railroad Layout?
2267                    </div>
2268
2269                    <div
2270                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2271                    >
2272                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2273    <span
2274    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
2275>
2276    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2277    <div
2278        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"
2279    >
2280        Article
2281    </div>
2282</div>
2283                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2284                </div>
2285
2286                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2287                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
2288                        I think model railroading is a fantastic hobby for many reasons, not the least of which is it gives an individual the opportunity to learn about many different things. You...
2289                    </cite>
2290                <!--[if ENDBLOCK]><![endif]-->
2291                <!--[if BLOCK]><![endif]-->
2291                    <span class="read-more has-text-primary is-size-6-half is-block">
2292                        <!--[if BLOCK]><![endif]-->                            View Content
2293                        <!--[if ENDBLOCK]><![endif]-->                        <span
2294    class="svg-icon arrow-forward is-inline-block tiny primary"
2295>
2296    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
2297                    </span>
2298                <!--[if ENDBLOCK]><![endif]-->            </header>
2299        </div>
2300</a>
2301            <!--[if ENDBLOCK]><![endif]-->        </article>
2302    </div>
2303</div>
2304
2305            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
2306    <div class="list-article-inner is-full-width">
2307        <article class="card">
2308            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/getting-started-with-sectional-track" 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">
2309    <figure
2310                        data-test-ref="card-image"
2311                        class="is-relative is-full-width"
2312                    >
2313                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2314        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2017/08/15155446/Class-Hero-1-Sectional-Track.png" alt="" loading="lazy" />
2315    </picture>
2316<!--[if ENDBLOCK]><![endif]-->
2317                    </figure>
2318                    <div
2319            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2320        >
2321            <header class="is-full-width">
2322                <div class="is-flex is-flex-direction-column-reverse">
2323                    <div
2324                        data-test-ref="card-title"
2325                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2326                    >
2327                        Getting Started with Sectional Track
2328                    </div>
2329
2330                    <div
2331                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2332                    >
2333                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2334    <span
2335    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
2336>
2337    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2338    <div
2339        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"
2340    >
2341        Article
2342    </div>
2343</div>
2344                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2345                </div>
2346
2347                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2348                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
2349                        In this class, you’ll see how easy it is to get started with model railroading in any of the major scales using sectional track. The idea of using sectional track...
2350                    </cite>
2351                <!--[if ENDBLOCK]><![endif]-->
2352                <!--[if BLOCK]><![endif]-->
2352                    <span class="read-more has-text-primary is-size-6-half is-block">
2353                        <!--[if BLOCK]><![endif]-->                            View Content
2354                        <!--[if ENDBLOCK]><![endif]-->                        <span
2355    class="svg-icon arrow-forward is-inline-block tiny primary"
2356>
2357    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
2358                    </span>
2359                <!--[if ENDBLOCK]><![endif]-->            </header>
2360        </div>
2361</a>
2362            <!--[if ENDBLOCK]><![endif]-->        </article>
2363    </div>
2364</div>
2365
2366            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
2367    <div class="list-article-inner is-full-width">
2368        <article class="card">
2369            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/model-paints-and-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">
2370    <figure
2371                        data-test-ref="card-image"
2372                        class="is-relative is-full-width"
2373                    >
2374                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2375        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2017/08/15163257/MRA-Paint-Class1.png" alt="" loading="lazy" />
2376    </picture>
2377<!--[if ENDBLOCK]><![endif]-->
2378                    </figure>
2379                    <div
2380            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2381        >
2382            <header class="is-full-width">
2383                <div class="is-flex is-flex-direction-column-reverse">
2384                    <div
2385                        data-test-ref="card-title"
2386                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2387                    >
2388                        Model Paints and Tools
2389                    </div>
2390
2391                    <div
2392                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2393                    >
2394                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2395    <span
2396    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
2397>
2398    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2399    <div
2400        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"
2401    >
2402        Article
2403    </div>
2404</div>
2405                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2406                </div>
2407
2408                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2409                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
2410                        Model painting and the associated tools are an essential part of our model railroad hobby. In this class, your instructor Doug Hodgdon will show you the assortment of paints, solvents,...
2411                    </cite>
2412                <!--[if ENDBLOCK]><![endif]-->
2413                <!--[if BLOCK]><![endif]-->
2413                    <span class="read-more has-text-primary is-size-6-half is-block">
2414                        <!--[if BLOCK]><![endif]-->                            View Content
2415                        <!--[if ENDBLOCK]><![endif]-->                        <span
2416    class="svg-icon arrow-forward is-inline-block tiny primary"
2417>
2418    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
2419                    </span>
2420                <!--[if ENDBLOCK]><![endif]-->            </header>
2421        </div>
2422</a>
2423            <!--[if ENDBLOCK]><![endif]-->        </article>
2424    </div>
2425</div>
2426
2427            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
2428    <div class="list-article-inner is-full-width">
2429        <article class="card">
2430            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/creating-rock-scenery-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">
2431    <figure
2432                        data-test-ref="card-image"
2433                        class="is-relative is-full-width"
2434                    >
2435                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2436        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2018/12/03120331/MRA-Class-Hero-Image1_Rock-Scenery.png" alt="" loading="lazy" />
2437    </picture>
2438<!--[if ENDBLOCK]><![endif]-->
2439                    </figure>
2440                    <div
2441            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2442        >
2443            <header class="is-full-width">
2444                <div class="is-flex is-flex-direction-column-reverse">
2445                    <div
2446                        data-test-ref="card-title"
2447                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2448                    >
2449                        Creating Rock Scenery Class
2450                    </div>
2451
2452                    <div
2453                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2454                    >
2455                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2456    <span
2457    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
2458>
2459    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2460    <div
2461        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"
2462    >
2463        Article
2464    </div>
2465</div>
2466                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2467                </div>
2468
2469                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2470                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
2471                        A key component in turning a model railroad track plan into a layout is realistic sce
2471nery. Regardless of what part of the world you model, there is a high probability...
2472                    </cite>
2473                <!--[if ENDBLOCK]><![endif]-->
2474                <!--[if BLOCK]><![endif]-->                    <span class="read-more has-text-primary is-size-6-half is-block">
2475                        <!--[if BLOCK]><![endif]-->                            View Content
2476                        <!--[if ENDBLOCK]><![endif]-->                        <span
2477    class="svg-icon arrow-forward is-inline-block tiny primary"
2478>
2479    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
2480                    </span>
2481                <!--[if ENDBLOCK]><![endif]-->            </header>
2482        </div>
2483</a>
2484            <!--[if ENDBLOCK]><![endif]-->        </article>
2485    </div>
2486</div>
2487
2488            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
2489    <div class="list-article-inner is-full-width">
2490        <article class="card">
2491            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/techniques-for-spectacular-scenery-5-live-event" 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">
2492    <figure
2493                        data-test-ref="card-image"
2494                        class="is-relative is-full-width"
2495                    >
2496                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2497        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2020/01/14135440/LIVE.png" alt="" loading="lazy" />
2498    </picture>
2499<!--[if ENDBLOCK]><![endif]-->
2500                    </figure>
2501                    <div
2502            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2503        >
2504            <header class="is-full-width">
2505                <div class="is-flex is-flex-direction-column-reverse">
2506                    <div
2507                        data-test-ref="card-title"
2508                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2509                    >
2510                        Techniques for Spectacular Scenery 5: LIVE Event
2511                    </div>
2512
2513                    <div
2514                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2515                    >
2516                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2517    <span
2518    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
2519>
2520    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2521    <div
2522        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"
2523    >
2524        Article
2525    </div>
2526</div>
2527                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2528                </div>
2529
2530                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2531                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
2532                        Join us for an MRA PLATINUM LIVE event with Ron Marsh, who will discuss the Techniques for Spectacular Scener
2532y PLATINUM LIVE Course and answer any questions you may have. More...
2533                    </cite>
2534                <!--[if ENDBLOCK]><![endif]-->
2535                <!--[if BLOCK]><![endif]-->                    <span class="read-more has-text-primary is-size-6-half is-block">
2536                        <!--[if BLOCK]><![endif]-->                            View Content
2537                        <!--[if ENDBLOCK]><![endif]-->                        <span
2538    class="svg-icon arrow-forward is-inline-block tiny primary"
2539>
2540    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
2541                    </span>
2542                <!--[if ENDBLOCK]><![endif]-->            </header>
2543        </div>
2544</a>
2545            <!--[if ENDBLOCK]><![endif]-->        </article>
2546    </div>
2547</div>
2548
2549            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
2550    <div class="list-article-inner is-full-width">
2551        <article class="card">
2552            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/techniques-for-spectacular-scenery-week-4-grass-and-trees" 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">
2553    <figure
2554                        data-test-ref="card-image"
2555                        class="is-relative is-full-width"
2556                    >
2557                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2558        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2020/01/14135228/Week-4.png" alt="" loading="lazy" />
2559    </picture>
2560<!--[if ENDBLOCK]><![endif]-->
2561                    </figure>
2562                    <div
2563            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2564        >
2565            <header class="is-full-width">
2566                <div class="is-flex is-flex-direction-column-reverse">
2567                    <div
2568                        data-test-ref="card-title"
2569                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2570                    >
2571                        Techniques for Spectacular Scenery Week 4: Grass and Trees
2572                    </div>
2573
2574                    <div
2575                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2576                    >
2577                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2578    <span
2579    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
2580>
2581    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2582    <div
2583        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"
2584    >
2585        Article
2586    </div>
2587</div>
2588                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2589                </div>
2590
2591                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2592                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
2593                        In this session you will learn how to apply and color rocks and other ground texture to your scener
2593y base in preparation for scenic details. You will learn about a...
2594                    </cite>
2595                <!--[if ENDBLOCK]><![endif]-->
2596                <!--[if BLOCK]><![endif]-->                    <span class="read-more has-text-primary is-size-6-half is-block">
2597                        <!--[if BLOCK]><![endif]-->                            View Content
2598                        <!--[if ENDBLOCK]><![endif]-->                        <span
2599    class="svg-icon arrow-forward is-inline-block tiny primary"
2600>
2601    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
2602                    </span>
2603                <!--[if ENDBLOCK]><![endif]-->            </header>
2604        </div>
2605</a>
2606            <!--[if ENDBLOCK]><![endif]-->        </article>
2607    </div>
2608</div>
2609
2610            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
2611    <div class="list-article-inner is-full-width">
2612        <article class="card">
2613            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/techniques-for-spectacular-scenery-3-water-effects" 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">
2614    <figure
2615                        data-test-ref="card-image"
2616                        class="is-relative is-full-width"
2617                    >
2618                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2619        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2020/01/14135040/Week-3.png" alt="" loading="lazy" />
2620    </picture>
2621<!--[if ENDBLOCK]><![endif]-->
2622                    </figure>
2623                    <div
2624            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2625        >
2626            <header class="is-full-width">
2627                <div class="is-flex is-flex-direction-column-reverse">
2628                    <div
2629                        data-test-ref="card-title"
2630                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2631                    >
2632                        Techniques for Spectacular Scenery 3: Water Effects
2633                    </div>
2634
2635                    <div
2636                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2637                    >
2638                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2639    <span
2640    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
2641>
2642    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2643    <div
2644        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"
2645    >
2646        Article
2647    </div>
2648</div>
2649                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2650                </div>
2651
2652                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2653                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
2654                        In this session you will learn how to apply and color rocks and other ground texture to your scener
2654y base in preparation for scenic details. You will learn about a...
2655                    </cite>
2656                <!--[if ENDBLOCK]><![endif]-->
2657                <!--[if BLOCK]><![endif]-->                    <span class="read-more has-text-primary is-size-6-half is-block">
2658                        <!--[if BLOCK]><![endif]-->                            View Content
2659                        <!--[if ENDBLOCK]><![endif]-->                        <span
2660    class="svg-icon arrow-forward is-inline-block tiny primary"
2661>
2662    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
2663                    </span>
2664                <!--[if ENDBLOCK]><![endif]-->            </header>
2665        </div>
2666</a>
2667            <!--[if ENDBLOCK]><![endif]-->        </article>
2668    </div>
2669</div>
2670
2671            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
2672    <div class="list-article-inner is-full-width">
2673        <article class="card">
2674            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/techniques-for-spectacular-scenery-2-rocks-texture-and-color" 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">
2675    <figure
2676                        data-test-ref="card-image"
2677                        class="is-relative is-full-width"
2678                    >
2679                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2680        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2020/01/14134729/Week-2.png" alt="" loading="lazy" />
2681    </picture>
2682<!--[if ENDBLOCK]><![endif]-->
2683                    </figure>
2684                    <div
2685            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2686        >
2687            <header class="is-full-width">
2688                <div class="is-flex is-flex-direction-column-reverse">
2689                    <div
2690                        data-test-ref="card-title"
2691                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2692                    >
2693                        Techniques for Spectacular Scenery 2: Rocks, Texture, and Color
2694                    </div>
2695
2696                    <div
2697                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2698                    >
2699                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2700    <span
2701    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
2702>
2703    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2704    <div
2705        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"
2706    >
2707        Article
2708    </div>
2709</div>
2710                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2711                </div>
2712
2713                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2714                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
2715                        In this session you will learn how to apply and color rocks and other ground texture to your scener
2715y base in preparation for scenic details. You will learn about a...
2716                    </cite>
2717                <!--[if ENDBLOCK]><![endif]-->
2718                <!--[if BLOCK]><![endif]-->                    <span class="read-more has-text-primary is-size-6-half is-block">
2719                        <!--[if BLOCK]><![endif]-->                            View Content
2720                        <!--[if ENDBLOCK]><![endif]-->                        <span
2721    class="svg-icon arrow-forward is-inline-block tiny primary"
2722>
2723    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
2724                    </span>
2725                <!--[if ENDBLOCK]><![endif]-->            </header>
2726        </div>
2727</a>
2728            <!--[if ENDBLOCK]><![endif]-->        </article>
2729    </div>
2730</div>
2731
2732            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
2733    <div class="list-article-inner is-full-width">
2734        <article class="card">
2735            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/techniques-for-spectacular-scenery-1-scenery-base" 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">
2736    <figure
2737                        data-test-ref="card-image"
2738                        class="is-relative is-full-width"
2739                    >
2740                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2741        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2020/01/14132925/Week-1.png" alt="" loading="lazy" />
2742    </picture>
2743<!--[if ENDBLOCK]><![endif]-->
2744                    </figure>
2745                    <div
2746            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2747        >
2748            <header class="is-full-width">
2749                <div class="is-flex is-flex-direction-column-reverse">
2750                    <div
2751                        data-test-ref="card-title"
2752                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2753                    >
2754                        Techniques for Spectacular Scenery 1: Scenery Base
2755                    </div>
2756
2757                    <div
2758                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2759                    >
2760                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2761    <span
2762    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
2763>
2764    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2765    <div
2766        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"
2767    >
2768        Article
2769    </div>
2770</div>
2771                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2772                </div>
2773
2774                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2775                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
2776                        In this session you will learn the importance of a good scenery base. You will get an overview of several different types of scenery base and a variety of materials...
2777                    </cite>
2778                <!--[if ENDBLOCK]><![endif]-->
2779                <!--[if BLOCK]><![endif]-->
2779                    <span class="read-more has-text-primary is-size-6-half is-block">
2780                        <!--[if BLOCK]><![endif]-->                            View Content
2781                        <!--[if ENDBLOCK]><![endif]-->                        <span
2782    class="svg-icon arrow-forward is-inline-block tiny primary"
2783>
2784    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
2785                    </span>
2786                <!--[if ENDBLOCK]><![endif]-->            </header>
2787        </div>
2788</a>
2789            <!--[if ENDBLOCK]><![endif]-->        </article>
2790    </div>
2791</div>
2792
2793            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
2794    <div class="list-article-inner is-full-width">
2795        <article class="card">
2796            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/techniques-for-spectacular-scenery-overview" 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">
2797    <figure
2798                        data-test-ref="card-image"
2799                        class="is-relative is-full-width"
2800                    >
2801                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2802        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2020/01/14123332/Course-Overview.jpg" alt="" loading="lazy" />
2803    </picture>
2804<!--[if ENDBLOCK]><![endif]-->
2805                    </figure>
2806                    <div
2807            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2808        >
2809            <header class="is-full-width">
2810                <div class="is-flex is-flex-direction-column-reverse">
2811                    <div
2812                        data-test-ref="card-title"
2813                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2814                    >
2815                        Techniques for Spectacular Scenery
2816                    </div>
2817
2818                    <div
2819                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2820                    >
2821                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2822    <span
2823    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
2824>
2825    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2826    <div
2827        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"
2828    >
2829        Article
2830    </div>
2831</div>
2832                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2833                </div>
2834
2835                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2836                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
2837                        Nothing has a greater impact on the realistic look of a model railroad than scenery. Whether your layout is a small diorama, a 4’ x 8’ starter layout, or a...
2838                    </cite>
2839                <!--[if ENDBLOCK]><![endif]-->
2840                <!--[if BLOCK]><![endif]-->
2840                    <span class="read-more has-text-primary is-size-6-half is-block">
2841                        <!--[if BLOCK]><![endif]-->                            View Content
2842                        <!--[if ENDBLOCK]><![endif]-->                        <span
2843    class="svg-icon arrow-forward is-inline-block tiny primary"
2844>
2845    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
2846                    </span>
2847                <!--[if ENDBLOCK]><![endif]-->            </header>
2848        </div>
2849</a>
2850            <!--[if ENDBLOCK]><![endif]-->        </article>
2851    </div>
2852</div>
2853
2854            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
2855    <div class="list-article-inner is-full-width">
2856        <article class="card">
2857            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/7-household-items-you-can-use-for-your-layout-2" 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">
2858    <figure
2859                        data-test-ref="card-image"
2860                        class="is-relative is-full-width"
2861                    >
2862                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2863        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2021/02/10154047/7-household-items_FB-scaled.jpg" alt="" loading="lazy" />
2864    </picture>
2865<!--[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                <div class="is-flex is-flex-direction-column-reverse">
2872                    <div
2873                        data-test-ref="card-title"
2874                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2875                    >
2876                        7 Household Items You Can Use for Your Layout
2877                    </div>
2878
2879                    <div
2880                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2881                    >
2882                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2883    <span
2884    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
2885>
2886    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2887    <div
2888        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"
2889    >
2890        Article
2891    </div>
2892</div>
2893                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2894                </div>
2895
2896                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2897                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
2898                        Thanks for signing up for the Model Railroad Academy newsletter. Click any of the thumbnails below to learn more about these household items! Disused Steamer Parts Made from Cotton Swabs...
2899                    </cite>
2900                <!--[if ENDBLOCK]><![endif]-->
2901                <!--[if BLOCK]><![endif]-->
2901                    <span class="read-more has-text-primary is-size-6-half is-block">
2902                        <!--[if BLOCK]><![endif]-->                            View Content
2903                        <!--[if ENDBLOCK]><![endif]-->                        <span
2904    class="svg-icon arrow-forward is-inline-block tiny primary"
2905>
2906    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
2907                    </span>
2908                <!--[if ENDBLOCK]><![endif]-->            </header>
2909        </div>
2910</a>
2911            <!--[if ENDBLOCK]><![endif]-->        </article>
2912    </div>
2913</div>
2914
2915            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
2916    <div class="list-article-inner is-full-width">
2917        <article class="card">
2918            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/7-household-items-you-can-use-for-your-layout" 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">
2919    <figure
2920                        data-test-ref="card-image"
2921                        class="is-relative is-full-width"
2922                    >
2923                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
2924        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2021/02/10154047/7-household-items_FB-scaled.jpg" alt="" loading="lazy" />
2925    </picture>
2926<!--[if ENDBLOCK]><![endif]-->
2927                    </figure>
2928                    <div
2929            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2930        >
2931            <header class="is-full-width">
2932                <div class="is-flex is-flex-direction-column-reverse">
2933                    <div
2934                        data-test-ref="card-title"
2935                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2936                    >
2937                        7 Household Items You Can Use for Your Layout
2938                    </div>
2939
2940                    <div
2941                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
2942                    >
2943                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
2944    <span
2945    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
2946>
2947    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
2948    <div
2949        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"
2950    >
2951        Article
2952    </div>
2953</div>
2954                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2955                </div>
2956
2957                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2958                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
2959                        Thanks for signing up for the Model Railroad Academy newsletter. Click any of the thumbnails below to learn more about these household items! Disused Steamer Parts Made from Cotton Swabs...
2960                    </cite>
2961                <!--[if ENDBLOCK]><![endif]-->
2962                <!--[if BLOCK]><![endif]-->
2962                    <span class="read-more has-text-primary is-size-6-half is-block">
2963                        <!--[if BLOCK]><![endif]-->                            View Content
2964                        <!--[if ENDBLOCK]><![endif]-->                        <span
2965    class="svg-icon arrow-forward is-inline-block tiny primary"
2966>
2967    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
2968                    </span>
2969                <!--[if ENDBLOCK]><![endif]-->            </header>
2970        </div>
2971</a>
2972            <!--[if ENDBLOCK]><![endif]-->        </article>
2973    </div>
2974</div>
2975
2976            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
2977    <div class="list-article-inner is-full-width">
2978        <article class="card">
2979            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/inside-the-track-2" 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">
2980    <figure
2981                        data-test-ref="card-image"
2982                        class="is-relative is-full-width"
2983                    >
2984                        <!--[if BLOCK]><![endif]-->    <div class="card-image is-line-height-none is-relative is-full-width">&nbsp;</div>
2985<!--[if ENDBLOCK]><![endif]-->
2986                    </figure>
2987                    <div
2988            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
2989        >
2990            <header class="is-full-width">
2991                <div class="is-flex is-flex-direction-column-reverse">
2992                    <div
2993                        data-test-ref="card-title"
2994                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
2995                    >
2996                        Inside the Track
2997                    </div>
2998
2999                    <div
3000                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
3001                    >
3002                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
3003    <span
3004    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
3005>
3006    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
3007    <div
3008        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"
3009    >
3010        Article
3011    </div>
3012</div>
3013                        <!--[if ENDBLOCK]><![endif]-->                    </div>
3014                </div>
3015
3016                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3017                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
3018                        Thanks for signing up for the Model Railroad Academy newsletter. Click any of the thumbnails below to watch the tour. &nbsp; Take a Tour of Greg Smith’s Layout Take a...
3019                    </cite>
3020                <!--[if ENDBLOCK]><![endif]-->
3021                <!--[if BLOCK]><![endif]-->
3021                    <span class="read-more has-text-primary is-size-6-half is-block">
3022                        <!--[if BLOCK]><![endif]-->                            View Content
3023                        <!--[if ENDBLOCK]><![endif]-->                        <span
3024    class="svg-icon arrow-forward is-inline-block tiny primary"
3025>
3026    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
3027                    </span>
3028                <!--[if ENDBLOCK]><![endif]-->            </header>
3029        </div>
3030</a>
3031            <!--[if ENDBLOCK]><![endif]-->        </article>
3032    </div>
3033</div>
3034
3035            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
3036    <div class="list-article-inner is-full-width">
3037        <article class="card">
3038            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/inside-the-track" 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">
3039    <figure
3040                        data-test-ref="card-image"
3041                        class="is-relative is-full-width"
3042                    >
3043                        <!--[if BLOCK]><![endif]-->    <div class="card-image is-line-height-none is-relative is-full-width">&nbsp;</div>
3044<!--[if ENDBLOCK]><![endif]-->
3045                    </figure>
3046                    <div
3047            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
3048        >
3049            <header class="is-full-width">
3050                <div class="is-flex is-flex-direction-column-reverse">
3051                    <div
3052                        data-test-ref="card-title"
3053                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
3054                    >
3055                        Inside the Track
3056                    </div>
3057
3058                    <div
3059                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
3060                    >
3061                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
3062    <span
3063    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
3064>
3065    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
3066    <div
3067        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"
3068    >
3069        Article
3070    </div>
3071</div>
3072                        <!--[if ENDBLOCK]><![endif]-->                    </div>
3073                </div>
3074
3075                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3076                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
3077                        Thanks for signing up for the Model Railroad Academy newsletter. Click any of the thumbnails below to watch the tour. Take a Tour of Greg Smith’s Layout Take a Tour...
3078                    </cite>
3079                <!--[if ENDBLOCK]><![endif]-->
3080                <!--[if BLOCK]><![endif]-->
3080                    <span class="read-more has-text-primary is-size-6-half is-block">
3081                        <!--[if BLOCK]><![endif]-->                            View Content
3082                        <!--[if ENDBLOCK]><![endif]-->                        <span
3083    class="svg-icon arrow-forward is-inline-block tiny primary"
3084>
3085    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
3086                    </span>
3087                <!--[if ENDBLOCK]><![endif]-->            </header>
3088        </div>
3089</a>
3090            <!--[if ENDBLOCK]><![endif]-->        </article>
3091    </div>
3092</div>
3093
3094            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
3095    <div class="list-article-inner is-full-width">
3096        <article class="card">
3097            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/show-us-your-layout" 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">
3098    <figure
3099                        data-test-ref="card-image"
3100                        class="is-relative is-full-width"
3101                    >
3102                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
3103        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2019/08/29151256/Show-us-your-layout.jpg" alt="" loading="lazy" />
3104    </picture>
3105<!--[if ENDBLOCK]><![endif]-->
3106                    </figure>
3107                    <div
3108            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
3109        >
3110            <header class="is-full-width">
3111                <div class="is-flex is-flex-direction-column-reverse">
3112                    <div
3113                        data-test-ref="card-title"
3114                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
3115                    >
3116                        Show Us Your Layout
3117                    </div>
3118
3119                    <div
3120                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
3121                    >
3122                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
3123    <span
3124    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
3125>
3126    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
3127    <div
3128        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"
3129    >
3130        Article
3131    </div>
3132</div>
3133                        <!--[if ENDBLOCK]><![endif]-->                    </div>
3134                </div>
3135
3136                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3137                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
3138                        We want to see your layout! Show off your work with the Model Railroad Academy community by sharing photos of your layout in the community gallery. Please also share a...
3139                    </cite>
3140                <!--[if ENDBLOCK]><![endif]-->
3141                <!--[if BLOCK]><![endif]-->
3141                    <span class="read-more has-text-primary is-size-6-half is-block">
3142                        <!--[if BLOCK]><![endif]-->                            View Content
3143                        <!--[if ENDBLOCK]><![endif]-->                        <span
3144    class="svg-icon arrow-forward is-inline-block tiny primary"
3145>
3146    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
3147                    </span>
3148                <!--[if ENDBLOCK]><![endif]-->            </header>
3149        </div>
3150</a>
3151            <!--[if ENDBLOCK]><![endif]-->        </article>
3152    </div>
3153</div>
3154
3155            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
3156    <div class="list-article-inner is-full-width">
3157        <article class="card">
3158            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/where-to-begin" 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">
3159    <figure
3160                        data-test-ref="card-image"
3161                        class="is-relative is-full-width"
3162                    >
3163                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
3164        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2019/08/07094223/IMG_1286.jpg" alt="" loading="lazy" />
3165    </picture>
3166<!--[if ENDBLOCK]><![endif]-->
3167                    </figure>
3168                    <div
3169            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
3170        >
3171            <header class="is-full-width">
3172                <div class="is-flex is-flex-direction-column-reverse">
3173                    <div
3174                        data-test-ref="card-title"
3175                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
3176                    >
3177                        Model Railroading: Where to Begin
3178                    </div>
3179
3180                    <div
3181                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
3182                    >
3183                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
3184    <span
3185    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
3186>
3187    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
3188    <div
3189        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"
3190    >
3191        Article
3192    </div>
3193</div>
3194                        <!--[if ENDBLOCK]><![endif]-->                    </div>
3195                </div>
3196
3197                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3198                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
3199                        Most of us can remember our first experience with trains. It may have been a Lionel steam set under the Christmas tree or an afternoon trackside with your grandfather. For...
3200                    </cite>
3201                <!--[if ENDBLOCK]><![endif]-->
3202                <!--[if BLOCK]><![endif]-->
3202                    <span class="read-more has-text-primary is-size-6-half is-block">
3203                        <!--[if BLOCK]><![endif]-->                            View Content
3204                        <!--[if ENDBLOCK]><![endif]-->                        <span
3205    class="svg-icon arrow-forward is-inline-block tiny primary"
3206>
3207    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
3208                    </span>
3209                <!--[if ENDBLOCK]><![endif]-->            </header>
3210        </div>
3211</a>
3212            <!--[if ENDBLOCK]><![endif]-->        </article>
3213    </div>
3214</div>
3215
3216            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <div data-test-ref="list-article" class="list-article column is-flex">
3217    <div class="list-article-inner is-full-width">
3218        <article class="card">
3219            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <a href="/post/meet-martin-tarnrot-model-railroad-academy-contributor" 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">
3220    <figure
3221                        data-test-ref="card-image"
3222                        class="is-relative is-full-width"
3223                    >
3224                        <!--[if BLOCK]><![endif]-->    <picture class="card-image hover-zoom is-relative">
3225        <img class="is-absolute is-full-width" src="https://d2culxnxbccemt.cloudfront.net/mra/content/uploads/2019/06/13125423/Martin_2019_square_2.jpg" alt="" loading="lazy" />
3226    </picture>
3227<!--[if ENDBLOCK]><![endif]-->
3228                    </figure>
3229                    <div
3230            class="card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4"
3231        >
3232            <header class="is-full-width">
3233                <div class="is-flex is-flex-direction-column-reverse">
3234                    <div
3235                        data-test-ref="card-title"
3236                        class="h2 card-title is-capitalized has-text-black is-size-5-half is-text-transform-unset mt-2 is-text-decoration-none"
3237                    >
3238                        Meet Martin Tärnrot: Model Railroad Academy Contributor
3239                    </div>
3240
3241                    <div
3242                        class="card-display-group is-flex is-align-items-center is-justify-content-space-between is-full-width"
3243                    >
3244                        <!--[if BLOCK]><![endif]-->                            <div data-test-ref="card-display-group" class="is-flex">
3245    <span
3246    class="svg-icon display-group-article display-group-small is-flex is-align-items-center mr-2"
3247>
3248    <!--[if BLOCK]><![endif]-->        <svg title="Display Group Article Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 17"><title>Display Group Article Icon</title><path d="M15 17H0V0h15ZM1.55 15.54h11.9V1.46H1.55Z"/><path d="M12 7.5H3v-5h9Zm-8-1h7v-3H4ZM3 9.5h7v1H3z"/><path data-name="line" d="M3 11.5h4v1H3z"/></svg>    <!--[if ENDBLOCK]><![endif]--></span>
3249    <div
3250        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"
3251    >
3252        Article
3253    </div>
3254</div>
3255                        <!--[if ENDBLOCK]><![endif]-->                    </div>
3256                </div>
3257
3258                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
3259                <!--[if BLOCK]><![endif]-->                    <cite class="has-text-black font-main-light is-font-style-none is-size-6-half clamp-3 mt-1 mb-2">
3260                        Model Railroad Academy is excited to announce our newest contributor: Martin Tärnrot. Martin is a professional model railroader from Sweden and has been a railfan from a young age. We...
3261                    </cite>
3262                <!--[if ENDBLOCK]><![endif]-->
3263                <!--[if BLOCK]><![endif]-->
3263                    <span class="read-more has-text-primary is-size-6-half is-block">
3264                        <!--[if BLOCK]><![endif]-->                            View Content
3265                        <!--[if ENDBLOCK]><![endif]-->                        <span
3266    class="svg-icon arrow-forward is-inline-block tiny primary"
3267>
3268    <!--[if BLOCK]><![endif]-->        <svg title="Arrow Forward Icon" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>Arrow Forward Icon</title><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>    <!--[if ENDBLOCK]><![endif]--></span>
3269                    </span>
3270                <!--[if ENDBLOCK]><![endif]-->            </header>
3271        </div>
3272</a>
3273            <!--[if ENDBLOCK]><![endif]-->        </article>
3274    </div>
3275</div>
3276
3277            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]--></div>
3278                    <!--[if BLOCK]><![endif]-->                        <section class="has-text-centered mt-4 show-more-container">
3279                            <button
3280                    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"
3281>
3282    Show More
3283</button>
3284<script>
3285    document.addEventListener('DOMContentLoaded', function () {
3286        Livewire.on('show-more-clicked', function () {
3287            window.asc = window.asc || {};
3288            window.asc.cmd = window.asc.cmd || [];
3289            window.asc.cmd.push(function () {
3290                window.asc.processAdsOnPage();
3291            });
3292        });
3293    });
3294</script>
3294
3295                        </section>
3296                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </div>
3297        </div>
3298    </form>
3299
3300    
3300<script>
3301        document.addEventListener('livewire:initialized', () => {
3302            window.Livewire.find('WI1ikfuANh5oBs6hyEPd').on('filters-updated', () => {
3303                // get the height of the navbar and set scroll-margin-top of the listing container to it
3304                const navbar = document.querySelector('.vs-top-nav');
3305                const navbarHeight = navbar ? navbar.offsetHeight : 0;
3306                document.querySelector('.listing-container').style.scrollMarginTop = `${navbarHeight}px`;
3307
3308                document
3309                    .querySelector('.listing-container')
3310                    .scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' });
3311            });
3312        });
3313    </script>
3313
3314</div>
3315            </section>
3316        </div>
3317    </main>
3318    <div class="vidstore_ad_block-wrap is-clearfix column is-12 p-0 is-flex" id="footer-ad-wrapper">
3319
3320<div
3321    data-aaad="true"
3322    data-aa-adunit='/21718562853/mra/leaderboard_bottom'
3323    class="vidstore_ad_block mx-auto is-flex is-justify-content-center"
3324></div>
3325
3326    </div>
3327
3328
3329            
3330                            <div class="hero-carousel-wrapper" x-data="{ isPaused: false }">
3331    <section
3332        id="hero-carousel-yYHsGeUF9QDZpcZu"
3333        class="hero-carousel is-overflow-hidden"
3334        data-test-ref="hero-carousel"
3335    >
3336        <div aria-labelledby="newsletter-slide-6ab6b88d8a6bd7.53808613-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-6ab6b88d8a6bd7.53808613" role="complementary">
3337    <picture>
3338        <img alt="" class="hero-image" src="https://www.modelrailroadacademy.com/images/newsletter-form/mra-newsletter-signup.jpg"></img>
3339    </picture>
3340    <header class="vs-opaque-container">
3341        <div class="container is-fluid is-full-height is-flex is-flex-direction-column is-justify-content-center is-align-items-center">
3342                            <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-6ab6b88d8a6bd7.53808613-title">
3343                    Sign up for our free newsletter today
3344                </h2>
3345                                        <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">
3346                    Get the latest model railroad videos, tips and techniques delivered right to your inbox.
3347                </p>
3348                        <div class="form-wrapper my-5 vidstore-newsletter-signup_wrapper">
3349                <div class="vidstore-newsletter-signup_wrapper" wire:effects="{&quot;partials&quot;:[]}" wire:id="ZeOJoScqLHbv0588S28Q" wire:snapshot="{&quot;data&quot;:{&quot;extraFields&quot;:[{&quot;secret&quot;:&quot;&quot;,&quot;valid_from&quot;:&quot;eyJpdiI6IlkwSmJGd3Iwc3FkZDhGRXRjRUYxQUE9PSIsInZhbHVlIjoieGZMMHNSazI3WFhWdnkxTHhsalhJUT09IiwibWFjIjoiZGM4OWExNzI1OTBmOTVhNmQ5NTI0M2ZhNWU4ZDZkNjQwNGVkMzIyNzc0ZjQ5M2EyYzBlM2ExZjYzZTg1YzgzYiIsInRhZyI6IiJ9&quot;},{&quot;class&quot;:&quot;Spatie\\Honeypot\\Http\\Livewire\\Concerns\\HoneypotData&quot;,&quot;s&quot;:&quot;wrbl&quot;}],&quot;email&quot;:&quot;&quot;,&quot;ctaText&quot;:&quot;SIGN UP&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;ZeOJoScqLHbv0588S28Q&quot;,&quot;name&quot;:&quot;forms.newsletter-form&quot;,&quot;path&quot;:&quot;articles\/all&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;d28b563705920e6fc11b14b14d3a39f1c8378123c3c1ea27d4aa564af1055425&quot;}">
3350        <form class="vidstore-newsletter-signup is-flex" data-test-ref="newsletter-form" wire:submit="submit()">
3351        <div class="is-flex is-full-width is-justify-content-center">
3352            <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">
3353                <div class="column is-three-quarters p-0 field_description_below has-text-left">
3354                    <label class="font-color-white" for="vidstore-newsletter-signup-email-field">
3355                        <strong>Email address</strong>
3356                        <span>(Required)</span>
3357                    </label>
3358                    <div>
3359                        <span class="is-sr-only" id="vidstore-newsletter-signup-email-field-description">
3360                            Enter your email address here and press the Sign Up button.
3361                        </span>
3362                        <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
3362-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>
3363                    </div>
3364                </div>
3365                <div class="column is-one-quarter p-0 top_label">
3366                    <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">
3367    SIGN UP
3368</button>
3369                </div>
3370            </div>
3371        </div>
3372            <div aria-hidden="true" id="secret_evPj77bp7tE2Xsb9_wrap" style="display: none">
3373        <input autocomplete="nope" id="secret_evPj77bp7tE2Xsb9" name="secret_evPj77bp7tE2Xsb9" tabindex="-1" type="text" value="" wire:model.defer="extraFields.secret"></input>
3374        <input autocomplete="off" name="valid_from" tabindex="-1" type="text" value="eyJpdiI6IjQvTmRxM0lVQmorbjM1Vm8xV0RFV3c9PSIsInZhbHVlIjoic2ovZDBVcE93MHJpUXUzcWlUZno0UT09IiwibWFjIjoiNDRhYmI2YmVmNTJkNTZiZDIwODAxMTBhYTJhOTc3NTUyOTUwMDllZDBmMWE1YjMwOTcxZDlkMDIyNDEyYzBmMSIsInRhZyI6IiJ9" wire:model.defer="extraFields.valid_from"></input>
3375    </div>
3376    </form>
3377</div>
3378            </div>
3379        </div>
3380    </header>
3381</div>
3382    </section>
3383    <button
3384                    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-yYHsGeUF9QDZpcZu" data-is-playing="true" x-bind:aria-pressed="isPaused" @click="isPaused = !isPaused"
3385>
3386    <span
3387            class="svg-icon white is-full-width is-align-items-center is-justify-content-center ml-1"
3388            x-show="isPaused"
3389        >
3390            <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>
3391        <span class="svg-icon white is-full-width is-align-items-center is-justify-content-center" x-show="!isPaused">
3392            <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>
3393</button>
3394</div>
3395
3396
3397                <footer id="main-footer" role="contentinfo" class="py-6">
3398    <h2 class="is-sr-only">Footer</h2>
3399    <div id="inner-footer" class="container is-fluid">
3400        <div class="footer-top">
3401            <div class="is-flex-tablet order-wrap">
3402                                    <nav
3403    id="menu-footer-nav"
3404    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"
3405    data-test-ref="global-footer-menu"
3406    x-data="{ isMobile: window.innerWidth < 1024 }"
3407    x-resize="isMobile = window.innerWidth < 1024"
3408    aria-label="Footer site links"
3409>
3410            <div class="column px-0-touch px-2-tablet py-0">
3411                            <div
3412                    x-bind:class="{
3413                    'pt-5-desktop': !true,
3414                    'has-border-top py-3-touch': isMobile,
3415                    'has-border-bottom': isMobile && true && false }"
3416                >
3417                    <details x-bind:open="! isMobile">
3418                        <summary
3419                            class="h3 my-0 is-flex is-justify-content-space-between has-text-black is-pointer-events-none-desktop"
3420                            x-bind:aria-disabled="(!isMobile).toString()"
3421                            x-bind:tabindex="isMobile ? '0' : '-1'"
3422                        >
3423                            Popular videos
3424                        </summary>
3425                                                    <div class="column px-0-touch pt-2-touch px-0-tablet py-0-tablet">
3426                                <ul class="sub-menu mt-2 sub-menu
3426-level-1">
3427                                                                            <li class="menu-item pb-1-touch">
3428                                            <a href="https://www.modelrailroadacademy.com/videos/backdrops" class="menu-link has-text-black">
3429                                                Backdrops
3430                                            </a>
3431                                        </li>
3432                                                                            <li class="menu-item pb-1-touch">
3433                                            <a href="https://www.modelrailroadacademy.com/videos/layout-planning" class="menu-link has-text-black">
3434                                                Layout Planning
3435                                            </a>
3436                                        </li>
3437                                                                            <li class="menu-item pb-1-touch">
3438                                            <a href="https://www.modelrailroadacademy.com/videos/operations" class="menu-link has-text-black">
3439                                                Operations
3440                                            </a>
3441                                        </li>
3442                                                                            <li class="menu-item pb-1-touch">
3443                                            <a href="https://www.modelrailroadacademy.com/videos/scenery" class="menu-link has-text-black">
3444                                                Scenery
3445                                            </a>
3446                                        </li>
3447                                                                            <li class="menu-item pb-1-touch">
3448                                            <a href="https://www.modelrailroadacademy.com/videos/structures" class="menu-link has-text-black">
3449                                                Structures
3450                                            </a>
3451                                        </li>
3452                                                                            <li class="menu-item pb-1-touch">
3453                                            <a href="https://www.modelrailroadacademy.com/videos/tips-and-tools" class="menu-link has-text-black">
3454                                                Tips and Tools
3455                                            </a>
3456                                        </li>
3457                                                                            <li class="menu-item pb-1-touch">
3458                                            <a href="https://www.modelrailroadacademy.com/videos/track" class="menu-link has-text-black">
3459                                                Track
3460                                            </a>
3461                                        </li>
3462                                                                            <li class="menu-item pb-1-touch">
3463                                            <a href="https://www.modelrailroadacademy.com/videos/track-talk-live" class="menu-link has-text-black">
3464                                                Track Talk Live
3465                                            </a>
3466                                        </li>
3467                                                                            <li class="menu-item pb-1-touch">
3468                                            <a href="https://www.modelrailroadacademy.com/videos/weathering" class="menu-link has-text-black">
3469                                                Weathering
3470                                            </a>
3471                                        </li>
3472                                                                            <li class="menu-item pb-1-touch">
3473                                            <a href="https://www.modelrailroadacademy.com/videos/wiring" class="menu-link has-text-black">
3474                                                Wiring
3475                                            </a>
3476                                        </li>
3477                                                                    </ul>
3478                            </div>
3479                                            </details>
3480                </div>
3481                    </div>
3482            <div class="column px-0-touch px-2-tablet py-0">
3483                            <div
3484                    x-bind:class="{
3485                    'pt-5-desktop': !true,
3486                    'has-border-top py-3-touch': isMobile,
3487                    'has-border-bottom': isMobile && true && false }"
3488                >
3489                    <details x-bind:open="! isMobile">
3490                        <summary
3491                            class="h3 my-0 is-flex is-justify-content-space-between has-text-black is-pointer-events-none-desktop"
3492                            x-bind:aria-disabled="(!isMobile).toString()"
3493                            x-bind:tabindex="isMobile ? '0' : '-1'"
3494                        >
3495                            Live Events
3496                        </summary>
3497                                                    <div class="column px-0-touch pt-2-touch px-0-tablet py-0-tablet">
3498                                <ul class="sub-menu mt-2 sub-menu
3498-level-1">
3499                                                                            <li class="menu-item pb-1-touch">
3500                                            <a href="https://www.modelrailroadacademy.com/videos/gold-live" class="menu-link has-text-black">
3501                                                MRA Gold
3502                                            </a>
3503                                        </li>
3504                                                                            <li class="menu-item pb-1-touch">
3505                                            <a href="https://www.modelrailroadacademy.com/videos/all-live-events" class="menu-link has-text-black">
3506                                                All Live Events
3507                                            </a>
3508                                        </li>
3509                                                                    </ul>
3510                            </div>
3511                                            </details>
3512                </div>
3513                    </div>
3514            <div class="column px-0-touch px-2-tablet py-0">
3515                            <div
3516                    x-bind:class="{
3517                    'pt-5-desktop': !true,
3518                    'has-border-top py-3-touch': isMobile,
3519                    'has-border-bottom': isMobile && true && false }"
3520                >
3521                    <details x-bind:open="! isMobile">
3522                        <summary
3523                            class="h3 my-0 is-flex is-justify-content-space-between has-text-black is-pointer-events-none-desktop"
3524                            x-bind:aria-disabled="(!isMobile).toString()"
3525                            x-bind:tabindex="isMobile ? '0' : '-1'"
3526                        >
3527                            Resources
3528                        </summary>
3529                                                    <div class="column px-0-touch pt-2-touch px-0-tablet py-0-tablet">
3530                                <ul class="sub-menu mt-2 sub-menu-level-1">
3531                                                                            <li class="menu-item pb-1-touch">
3532                                            <a href="https://www.modelrailroadacademy.com/articles/all" class="menu-link has-text-black">
3533                                                Articles
3534                                            </a>
3535                                        </li>
3536                                                                            <li class="menu-item pb-1-touch">
3537                                            <a href="https://www.modelrailroadacademy.com/post/show-us-your-layout" class="menu-link has-text-black">
3538                                                Layout Gallery
3539                                            </a>
3540                                        </li>
3541                                                                            <li class="menu-item pb-1-touch">
3542                                            <a href="https://www.modelrailroadacademy.com/how-to-stream-to-your-tv" class="menu-link has-text-black">
3543                                                How to Stream to Your TV
3544                                            </a>
3545                                        </li>
3546                                                                    </ul>
3547                            </div>
3548                                            </details>
3549                </div>
3550                    </div>
3551            <div class="column px-0-touch px-2-tablet py-0">
3552                            <div
3553                    x-bind:class="{
3554                    'pt-5-desktop': !true,
3555                    'has-border-top py-3-touch': isMobile,
3556                    'has-border-bottom': isMobile && false && true }"
3557                >
3558                    <details x-bind:open="! isMobile">
3559                        <summary
3560                            class="h3 my-0 is-flex is-justify-content-space-between has-text-black is-pointer-events-none-desktop"
3561                            x-bind:aria-disabled="(!isMobile).toString()"
3562                            x-bind:tabindex="isMobile ? '0' : '-1'"
3563                        >
3564                            Shop
3565                        </summary>
3566                                                    <div class="column px-0-touch pt-2-touch px-0-tablet py-0-tablet">
3567                                <ul class="sub-menu mt-2 sub-menu
3567-level-1">
3568                                                                            <li class="menu-item pb-1-touch">
3569                                            <a href="https://www.modelrailroadacademy.com/products/class-instruction" class="menu-link has-text-black">
3570                                                Classes
3571                                            </a>
3572                                        </li>
3573                                                                            <li class="menu-item pb-1-touch">
3574                                            <a href="https://www.modelrailroadacademy.com/products/dvds" class="menu-link has-text-black">
3575                                                DVDs
3576                                            </a>
3577                                        </li>
3578                                                                            <li class="menu-item pb-1-touch">
3579                                            <a href="https://www.modelrailroadacademy.com/products/bundles-sets" class="menu-link has-text-black">
3580                                                Bundles &amp; Sets
3581                                            </a>
3582                                        </li>
3583                                                                            <li class="menu-item pb-1-touch">
3584                                            <a href="https://www.modelrailroadacademy.com/products/video-downloads" class="menu-link has-text-black">
3585                                                Video Downloads
3586                                            </a>
3587                                        </li>
3588                                                                            <li class="menu-item pb-1-touch">
3589                                            <a href="https://www.modelrailroadacademy.com/products/pdf-resources" class="menu-link has-text-black">
3590                                                Guides
3591                                            </a>
3592                                        </li>
3593                                                                    </ul>
3594                            </div>
3595                                            </details>
3596                </div>
3597                            <div
3598                    x-bind:class="{
3599                    'pt-5-desktop': !false,
3600                    'has-border-top py-3-touch': isMobile,
3601                    'has-border-bottom': isMobile && true && true }"
3602                >
3603                    <details x-bind:open="! isMobile">
3604                        <summary
3605                            class="h3 my-0 is-flex is-justify-content-space-between has-text-black is-pointer-events-none-desktop"
3606                            x-bind:aria-disabled="(!isMobile).toString()"
3607                            x-bind:tabindex="isMobile ? '0' : '-1'"
3608                        >
3609                            Customer Service
3610                        </summary>
3611                                                    <div class="column px-0-touch pt-2-touch px-0-tablet py-0-tablet">
3612                                <ul class="sub-menu mt-2 sub-menu-level-1">
3613                                                                            <li class="menu-item pb-1-touch">
3614                                            <a href="https://www.modelrailroadacademy.com/faq" class="menu-link has-text-black">
3615                                                Frequently Asked Questions
3616                                            </a>
3617                                        </li>
3618                                                                            <li class="menu-item pb-1-touch">
3619                                            <a href="https://www.modelrailroadacademy.com/about" class="menu-link has-text-black">
3620                                                About Us
3621                                            </a>
3622                                        </li>
3623                                                                            <li class="menu-item pb-1-touch">
3624                                            <a href="https://www.modelrailroadacademy.com/contact" class="menu-link has-text-black">
3625                                                Contact Us
3626                                            </a>
3627                                        </li>
3628                                                                    </ul>
3629                            </div>
3630                                            </details>
3631                </div>
3632                    </div>
3633    </nav>
3634                                <div class="footer-meta py-4-mobile pr-4-tablet pl-7-widescreen ml-7-widescreen">
3635                    <div class="footer-cta is-max-width-small pb-3">
3636    <h3 class="my-0 has-text-black">Join our Membership</h3>
3637    <p class="mt-0 mb-1 is-size-6-half">No commitment. Cancel anytime.</p>
3638    <div>
3639        <button
3640                    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"
3641>
3642    Get Started
3643</button>
3644    </div>
3645</div>
3646                                        <ul class="social-navigation is-flex is-justify-content-flex-start has-gap pb-4 pt-1">
3647            <li class="is-flex nav-facebook">
3648            <a href="https://www.facebook.com/ModelRailroadAcademy" target="_blank" aria-label="Link To Model Railroad Academy Facebook" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase is-full-width" role="button" tabindex="0" type="button">
3649    <span
3650    class="svg-icon facebook is-flex is-justify-content-center is-align-items-center is-full-height"
3651>
3652            <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>
3653</a>
3654        </li>
3655            <li class="is-flex nav-instagram">
3656            <a href="http://www.instagram.com/modelrracademy" target="_blank" aria-label="Link To Model Railroad Academy Instagram" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase is-full-width" role="button" tabindex="0" type="button">
3657    <span
3658    class="svg-icon instagram is-flex is-justify-content-center is-align-items-center is-full-height"
3659>
3660            <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>
3661</a>
3662        </li>
3663            <li class="is-flex nav-pinterest">
3664            <a href="https://www.pinterest.com/ModelRRAcademy" target="_blank" aria-label="Link To Model Railroad Academy Pinterest" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase is-full-width" role="button" tabindex="0" type="button">
3665    <span
3666    class="svg-icon pinterest is-flex is-justify-content-center is-align-items-center is-full-height"
3667>
3668            <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>
3669</a>
3670        </li>
3671            <li class="is-flex nav-youtube">
3672            <a href="https://www.youtube.com/channel/UCDGvkl-xHjhDT005ewxwaGw" target="_blank" aria-label="Link To Model Railroad Academy Youtube" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase is-full-width" role="button" tabindex="0" type="button">
3673    <span
3674    class="svg-icon youtube is-flex is-justify-content-center is-align-items-center is-full-height"
3675>
3676            <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
3676C2.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>
3677</a>
3678        </li>
3679            <li class="is-flex nav-tiktok">
3680            <a href="https://www.tiktok.com/@modelrailroadacademy?lang=en" target="_blank" aria-label="Link To Model Railroad Academy Tiktok" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase is-full-width" role="button" tabindex="0" type="button">
3681    <span
3682    class="svg-icon tiktok is-flex is-justify-content-center is-align-items-center is-full-height"
3683>
3684            <svg title="Tiktok Icon" role="img" width="17" height="20" xmlns="http://www.w3.org/2000/svg"><title>Tiktok Icon</title><path d="M16.866 4.777a4.032 4.032 0 0 1-.657-.059c-.79-.122-3.352-1.504-3.786-3.765-.008-.044-.105-.605-.104-.844 0-.107-.001-.107-.104-.108H9.136c-.202 0-.173-.026-.173.182v13.413c0 .166-.005.333-.033.496-.152.866-.583 1.543-1.312 2.005-.632.4-1.318.515-2.046.367-.23-.047-.445-.136-.661-.224a10.226 10.226 0 0 0-.052-.049c-.073-.062-.153-.114-.23-.17-.929-.66-1.369-1.578-1.235-2.725.136-1.164.787-1.954 1.86-2.36.32-.122.658-.173 1-.154.22.012.44.041.653.104.074.021.114-.006.118-.086a1.8 1.8 0 0 0 .002-.085c0-.803-.029-2.556-.033-2.56.002-.231.002-.462.006-.693 0-.067-.031-.078-.086-.085a6.19 6.19 0 0 0-1.216-.028 6.076 6.076 0 0 0-3.862 1.796A6.367 6.367 0 0 0 .013 13.23c-.02.327-.017.656.013.984.04.454.124.898.258 1.331a6.292 6.292 0 0 0 2.082 3.078c.101.083.198.173.32.227l.152.139c.161.125.333.231.514.323 1.114.566 2.288.796 3.525.64 1.606-.201 2.943-.933 3.996-2.193.991-1.186 1.473-2.578 1.482-4.135.012-2.226.003-4.453.004-6.68 0-.053-.03-.128.027-.155.045-.02.09.04.131.068a7.867 7.867 0 0 0 2.617 1.16 7.203 7.203 0 0 0 1.664.206c.178 0 .202-.01.202-.19.001-.791-.04-2.953-.04-3.163 0-.09-.002-.094-.094-.093Z" /></svg>    </span>
3685</a>
3686        </li>
3687    </ul>
3688                                        <div class="is-max-width-small is-hidden-mobile">
3689    <div class="has-border-radius has-text-white has-background-black p-4 mt-3">
3690                    <strong class="is-block">Notice:</strong>
3691                All activities you undertake with Model Railroad Academy are your own responsibility and are performed at your own risk.
3692    </div>
3693</div>
3694                </div>
3695            </div>
3696            <div class="is-hidden-tablet">
3697    <div class="has-border-radius has-text-white has-background-black p-4 mt-3">
3698                    <strong class="is-block">Notice:</strong>
3699                All activities you undertake with Model Railroad Academy are your own responsibility and are performed at your own risk.
3700    </div>
3701</div>
3702        </div>
3703        <div class="footer-bottom">
3704            <div class="horizontal-rule mt-6 is-hidden-touch"></div>
3705            <div
3706                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"
3707            >
3708                <div class="footer-bottom-left has-text-centered-mobile has-text-align-left-tablet">
3709                    <span>&copy; 2026 Model Railroad Academy. All rights reserved.</span>
3710                                            <span class="ml-3">
3711                                                            <span class="terms-link-wrap ">
3712                                    <a href="http://www.tnmpolicies.com/terms/" target="_blank" aria-label="Terms of Service, Link To Model Railroad Academy" class="is-cursor-pointer is-primary  is-none terms-link has-text-inherit" role="button" tabindex="0" type="button">
3713    Terms of Service
3714</a>
3715                                </span>
3716                                                            <span class="privacy-link-wrap spaced-bar-before">
3717                                    <a href="http://www.tnmpolicies.com/privacy/" target="_blank" aria-label="Privacy Policy, Link To Model Railroad Academy" class="is-cursor-pointer is-primary  is-none privacy-link has-text-inherit" role="button" tabindex="0" type="button">
3718    Privacy Policy
3719</a>
3720                                </span>
3721                                                            <span class="nosell-link-wrap spaced-bar-before">
3722                                    <a href="http://www.tnmpolicies.com/california-consumer-privacy-act/" target="_blank" aria-label="Do Not Sell My Info, Link To Model Railroad Academy" class="is-cursor-pointer is-primary  is-none nosell-link has-text-inherit" role="button" tabindex="0" type="button">
3723    Do Not Sell My Info
3724</a>
3725                                </span>
3726                                                            <span class="a11y-link-wrap spaced-bar-before">
3727                                    <a href="http://www.tnmpolicies.com/accessibility/" target="_blank" aria-label="Accessibility Statement, Link To Model Railroad Academy" class="is-cursor-pointer is-primary  is-none a11y-link has-text-inherit" role="button" tabindex="0" type="button">
3728    Accessibility Statement
3729</a>
3730                                </span>
3731                                                        <span class="spaced-bar-before cookie-consent-toggle" x-data="cookieConsentToggle('tn_cookie_consent')">
3732    <label for="footer-privacy-choices" class="is-inline-flex">
3733        Your Privacy Choices
3734        <span
3735    class="svg-icon consent-toggle  ml-2 is-flex is-align-items-flex-end auto"
3736>
3737            <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"/><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>
3738        <input type="checkbox" @change="reset()" :checked="consentGiven" id="footer-privacy-choices" />
3739    </label>
3740</span>
3741
3742    
3742<script>
3743        document.addEventListener('alpine:init', () => {
3744            Alpine.data('cookieConsentToggle', (cookieName) => ({
3745                consentGiven: document.cookie.split('; ').some((c) => c.startsWith(cookieName + '=')),
3746
3747                init() {
3748                    window.addEventListener('cookie-consent-given', () => {
3749                        this.consentGiven = true;
3750                    });
3751                },
3752
3753                reset() {
3754                    this.consentGiven = false;
3755
3756                    const secure = location.protocol === 'https:' ? '; Secure' : '';
3757                    document.cookie =
3758                        cookieName + '=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; SameSite=Lax' + secure;
3759                    window.dispatchEvent(new Event('reset-cookie-consent'));
3760                },
3761            }));
3762        });
3763    </script>
3763
3764                        </span>
3765                                    </div>
3766            </div>
3767        </div>
3768    </div>
3769</footer>
3770                    </div>
3771            
3772    
3773    
3773<script src="https://www.modelrailroadacademy.com/js/jquery/core.min.js?ver=1790260809"></script>
3773
3774    
3774<script src="https://www.modelrailroadacademy.com/js/jquery/accordion.min.js?ver=1790260809"></script>
3774
3775
3776    <div wire:snapshot="{&quot;data&quot;:{&quot;playlists&quot;:null,&quot;showModal&quot;:false,&quot;user&quot;:null,&quot;contentId&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;eVxjm2GquufdROFN0iC8&quot;,&quot;name&quot;:&quot;playlists.add-to-playlist-modal&quot;,&quot;path&quot;:&quot;articles\/all&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;5ab785c2c153681499f5d61f5c79e964cc650d1b09ef02117fa2ad1b8eb77887&quot;}" wire:effects="{&quot;partials&quot;:[],&quot;listeners&quot;:[&quot;close-add-to-playlist-modal&quot;,&quot;open-add-to-playlist-modal&quot;]}" wire:id="eVxjm2GquufdROFN0iC8"></div>    <div wire:snapshot="{&quot;data&quot;:{&quot;membershipOption&quot;:null,&quot;campaignCode&quot;:null,&quot;openModal&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;jKTLfd04Dh6g2DlxlHj3&quot;,&quot;name&quot;:&quot;global-access-modal&quot;,&quot;path&quot;:&quot;articles\/all&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;2014947305-0&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;f503c1df3f18d56581db259992137c246b5d338927d12b6c156fa21781f3b5e5&quot;}" wire:effects="{&quot;partials&quot;:[],&quot;scripts&quot;:{&quot;2014947305-0&quot;:&quot;    &lt;script&gt;\n        const urlParams = new URLSearchParams(window.location.search);\n        const showMembershipAccessModal = [&#039;1&#039;, &#039;true&#039;].includes(urlParams.get(&#039;accessmodal&#039;));\n        if (showMembershipAccessModal) {\n            $wire.dispatch(&#039;open-access-modal&#039;, {\n                tier: &#039;premium&#039;,\n                location: &#039;become-a-member-bottom-bar&#039;,\n            });\n        }\n    &lt;\/script&gt;\n    &quot;},&quot;listeners&quot;:[&quot;open-access-modal&quot;,&quot;close-access-modal&quot;]}" wire:id="jKTLfd04Dh6g2DlxlHj3">
3777    </div>
3778
3779        <div
3780    class="modal is-active"
3781    x-show="$store.showLoginModal"
3782    x-cloak
3783    x-on:keydown.escape.window="$store.showLoginModal = false; "
3784    x-on:close-modal.window="$store.showLoginModal = false; "
3785    modal-close="inside" data-test-ref="login-modal-container"
3786>
3787    <div class="modal-background"></div>
3788    <div
3789        class="modal-card"
3790        role="dialog"
3791        aria-modal="true"
3792        tabindex="-1"
3793                    aria-labelledby="login-form-title-login-modal"
3794                x-data="{ trapActive: false }"
3795        x-show="$store.showLoginModal"
3796        x-effect="let active = $store.showLoginModal; $nextTick(() => trapActive = active)"
3797        x-trap="trapActive"
3798        @click.away.prevent="$store.showLoginModal = false; "
3799    >
3800        <header
3801            class="modal-card-head has-background-white is-flex is-flex-direction-column mx-3-mobile px-3-mobile is-borderless"
3802        >
3803            <button
3804                aria-label="Close Modal Popup"
3805                class="is-align-self-flex-end close delete is-absolute has-background-white"
3806                data-test-ref="close-modal-icon"
3807                x-on:click="$store.showLoginModal = false; "
3808            ></button>
3809        </header>
3810        <section class="modal-card-body mx-3-mobile px-3-mobile"><div class="has-background-white" data-test-ref="login-modal">
3811        <div
3812    data-test-ref="login-form"
3813            x-data="login"
3814    >
3815    
3816    <h2 class="my-0 has-text-weight-bold font-header-bold has-text-black is-size-3" id="login-form-title-login-modal">
3817        <span>Sign in</span>
3818        <span class="is-hidden-mobile"> to Model Railroad Academy </span>
3819    </h2>
3820    <p class="mt-2 is-size-5-half" id="login-instructions-login-modal">Enter your sign in info below</p>
3821
3822            <div class="notification is-danger " x-cloak="x-cloak" type="danger" x-show="errorMessage" role="alert" aria-live="assertive">
3823        <span x-text="errorMessage"></span>
3824</div>
3825    
3826    <form
3827        id="login-form-login-modal"
3828        aria-describedby="login-instructions-login-modal"
3829        aria-labelledby="login-form-title-login-modal"
3830        method="post"
3831        action="/login/post"
3832        x-data="{
3833            username: '',
3834            password: '',
3835            usernameTouched: false,
3836            passwordTouched: false,
3837            get submitEnabled() {
3838                return this.username.length > 0 && this.password.length > 0;
3839            },
3840        }"
3841        class="pt-5 login has-text-left is-ajax"
3842                    @submit.prevent="submitEnabled ? submitLogin() : null"
3843            :class="{ 'is-loading': loading }"
3844                novalidate
3845    >
3846        <input type="hidden" name="_token" value="0QrOgXZ9VEAf4gF16vEWCMwixajZmep01l7OPOuR" autocomplete="off">
3847        <div class="field pb-5">
3848            <label class="font-main-medium is-size-875 is-block mb-2" for="login-form-username-login-modal">
3849                Email Address
3850            </label>
3851            <div class="control">
3852                <input
3853                    id="login-form-username-login-modal"
3854                    data-test-ref="login-form-username"
3855                    type="email"
3856                    class="input"
3857                    name="username"
3858                    x-model="username"
3859                    value=""
3860                    @input="usernameTouched = true"
3861                    autocomplete="username"
3862                    autofocus
3863                    required
3864                    aria-required="true"
3865                    x-bind:aria-invalid="usernameTouched && username.length <= 0"
3866                />
3867            </div>
3868            <span
3869                x-cloak
3870                x-show="usernameTouched && username.length <= 0"
3871                class="has-text-danger is-size-875 is-absolute"
3872                role="alert"
3873            >
3874                Enter your email
3875            </span>
3876        </div>
3877        <div class="field">
3878            <label
3879                class="font-main-medium is-flex is-justify-content-space-between mb-2"
3880                for="login-form-password-login-modal"
3881            >
3882                <span class="is-size-875">Password</span>
3883                <span>
3884                    <a
3885                        data-test-ref="forgot-password-link"
3886                        href="https://www.modelrailroadacademy.com/lost-password"
3887                        class="forgot-password font-main has-text-weight-light has-text-black is-text-decoration-none is-size-875"
3888                    >
3889                        Forgot password?
3890                    </a>
3891                </span>
3892            </label>
3893            <div class="control">
3894                <input
3895                    id="login-form-password-login-modal"
3896                    data-test-ref="login-form-password"
3897                    type="password"
3898                    class="input"
3899                    name="password"
3900                    x-model="password"
3901                    value=""
3902                    @input="passwordTouched = true"
3903                    autocomplete="current-password"
3904                    required
3905                    aria-required="true"
3906                    x-bind:aria-invalid="passwordTouched && password.length <= 0"
3907                />
3908            </div>
3909            <span
3910                x-cloak
3911                x-show="passwordTouched && password.length <= 0"
3912                class="has-text-danger is-size-875 is-absolute"
3913                role="alert"
3914            >
3915                Enter your password
3916            </span>
3917        </div>
3918        <div class="p-5 tab-box-background-color has-border-radius-15 my-5">
3919            <label for="remember-me-checkbox-login-modal">
3920                <input
3921                    id="remember-me-checkbox-login-modal"
3922                    data-test-ref="remember-me-checkbox"
3923                    name="remember"
3924                    type="checkbox"
3925                    value="on"
3926                    checked
3927                />
3928                <span class="has-text-black font-main-medium is-size-875 pl-1"> Remember me </span>
3929            </label>
3930            <p class="is-size-7 mt-1 mb-0">
3931                For your convenience, we will keep you logged in for the next 90 days unless you uncheck the box.
3932            </p>
3933        </div>
3934        <div class="field mb-2">
3935            <div class="control">
3936                <button
3937                    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"
3938>
3939    Sign in
3940</button>
3941            </div>
3942        </div>
3943        <div id="secret_lvAY8zRM0r6CDrbI_wrap"  style="display: none" aria-hidden="true">
3944        <input id="secret_lvAY8zRM0r6CDrbI"
3945               name="secret_lvAY8zRM0r6CDrbI"
3946               type="text"
3947               value=""
3948                              autocomplete="nope"
3949               tabindex="-1">
3950        <input name="valid_from"
3951               type="text"
3952               value="eyJpdiI6IjlHNE9iZThWUXF4ZGdNVUdmRXlVdWc9PSIsInZhbHVlIjoiTG81d2pRWXNkdWg1c1VCd1JNakc5Zz09IiwibWFjIjoiNjNjNDBiZDRkZDM0YTRiZmRhNWIwNGQ3MTk1ODhlMGNjYTJmMmQzZjQyYWZkNGU4OGM0MjFjNDNjY2UzZjFmMiIsInRhZyI6IiJ9"
3953                              autocomplete="off"
3954               tabindex="-1">
3955    </div>
3956    </form>
3957</div>
3958
3959    
3959<script>
3960        document.addEventListener('alpine:init', () => {
3961            Alpine.data('login', () => ({
3962                errorMessage: '',
3963
3964                loading: false,
3965
3966                submitLogin() {
3967                    this.errorMessage = '';
3968
3969                    this.loading = true;
3970
3971                    fetch('/login/post', {
3972                        method: 'POST',
3973                        headers: {
3974                            Accept: 'application/json',
3975                        },
3976                        body: new FormData(document.querySelector('form.login.is-ajax')),
3977                    })
3978                        .then((response) => response.json())
3979                        .then((data) => {
3980                            if (data.success) {
3981                                window.location.reload();
3982                                return;
3983                            }
3984
3985                            throw new Error(data.message);
3986                        })
3987                        .catch((error) => {
3988                            this.loading = false;
3989                            this.errorMessage = error.message;
3990                        });
3991                },
3992            }));
3993        });
3994    </script>
3994
3995    </div></section>
3996        <footer class="modal-card-foot has-background-white mx-3-mobile px-3-mobile"></footer>
3997    </div>
3998</div>
3999
4000<script>
4001    document.addEventListener('alpine:init', () => {
4002        const urlParams = new URLSearchParams(window.location.search);
4003        const showLoginModal = urlParams.get('loginpopup') == true;
4004        Alpine.store('showLoginModal', showLoginModal);
4005    });
4006</script>
4006
4007
4008    
4008<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js"></script>
vendor: 1 bytes, line 4008
4008
4009<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js"></script>
vendor: 1 bytes, line 4009
4009
4010<script defer src="https://unpkg.com/@colinaut/alpinejs-plugin-simple-validate@1/dist/alpine.validate.min.js"></script>
4010
4011    <input type="hidden" id="gclid_field" name="gclid_field" value="" />
4012        <aside
4013    id="cookies-policy"
4014    class="cookies"
4015    x-data="cookieConsentBanner(
4016           'tn_cookie_consent',
4017           388800,
4018           JSON.parse('[\u0022performance_storage\u0022,\u0022functionality_storage\u0022,\u0022advertising_storage\u0022]'),
4019           JSON.parse('{\u0022essentials\u0022:[],\u0022performance\u0022:[\u0022performance_storage\u0022],\u0022functional\u0022:[\u0022functionality_storage\u0022],\u0022advertising\u0022:[\u0022advertising_storage\u0022]}')       )"
4020    x-show="showBanner"
4021    x-cloak
4022>
4023    <div class="cookies__alert">
4024        <div class="cookies__container" x-show="!showSettings" x-cloak>
4025            <div class="cookies__wrapper">
4026                <h2 class="cookies__title mt-0">The choice is yours</h2>
4027                <div class="cookies__intro">
4028                    <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>
4029                                    </div>
4030                <div class="cookies__actions">
4031                    <a
4032                        href="#cookies-policy-customize"
4033                        @click.prevent="showSettings = true"
4034                        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"
4035                    >
4036                        Manage Settings
4037                    </a>
4038                    <button
4039                        type="button"
4040                        @click="acceptAll()"
4041                        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"
4042                        aria-label="Accept all cookies"
4043                    >
4044                        <span class="cookiesBtn__label">Accept all</span>
4045                    </button>
4046                </div>
4047            </div>
4048        </div>
4049        <div
4050            class="cookies__expandable cookies__expandable--custom pt-4"
4051            x-show="showSettings"
4052            x-cloak
4053            id="cookies-policy-customize"
4054        >
4055            <div class="cookies__sections">
4056                                    <div class="cookies__section">
4057                        <label for="cookies-policy-check-essentials" class="cookies__category">
4058                                                            <input
4059                                    type="checkbox"
4060                                    value="essentials"
4061                                    id="cookies-policy-check-essentials"
4062                                    checked="checked"
4063                                    disabled="disabled"
4064                                />
4065                                                        <span class="cookies__box">
4066                                <strong class="cookies__label">Essential</strong>
4067                            </span>
4068                                                            <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>
4069                                                    </label>
4070
4071                        <div class="cookies__expandable" id="cookies-policy-essentials">
4072                            <ul class="cookies__definitions">
4073                                                            </ul>
4074                        </div>
4075                    </div>
4076                                    <div class="cookies__section">
4077                        <label for="cookies-policy-check-performance" class="cookies__category">
4078                                                            <input
4079                                    type="checkbox"
4080                                    value="performance"
4081                                    id="cookies-policy-check-performance"
4082                                    checked="checked"
4083                                    class="category-checkbox"
4084                                />
4085                                                        <span class="cookies__box">
4086                                <strong class="cookies__label">Performance</strong>
4087                            </span>
4088                                                            <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>
4089                                                    </label>
4090
4091                        <div class="cookies__expandable" id="cookies-policy-performance">
4092                            <ul class="cookies__definitions">
4093                                                                                                            <li class="cookies__cookie">
4094                                            <p class="cookies__name">performance_storage</p>
4095                                                                                            <p class="cookies__duration">
4096                                                    8 months
4097                                                </p>
4098                                                                                                                                </li>
4099                                                                                                </ul>
4100                        </div>
4101                    </div>
4102                                    <div class="cookies__section">
4103                        <label for="cookies-policy-check-functional" class="cookies__category">
4104                                                            <input
4105                                    type="checkbox"
4106                                    value="functional"
4107                                    id="cookies-policy-check-functional"
4108                                    checked="checked"
4109                                    class="category-checkbox"
4110                                />
4111                                                        <span class="cookies__box">
4112                                <strong class="cookies__label">Functional</strong>
4113                            </span>
4114                                                            <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>
4115                                                    </label>
4116
4117                        <div class="cookies__expandable" id="cookies-policy-functional">
4118                            <ul class="cookies__definitions">
4119                                                                                                            <li class="cookies__cookie">
4120                                            <p class="cookies__name">functionality_storage</p>
4121                                                                                            <p class="cookies__duration">
4122                                                    8 months
4123                                                </p>
4124                                                                                                                                </li>
4125                                                                                                </ul>
4126                        </div>
4127                    </div>
4128                                    <div class="cookies__section">
4129                        <label for="cookies-policy-check-advertising" class="cookies__category">
4130                                                            <input
4131                                    type="checkbox"
4132                                    value="advertising"
4133                                    id="cookies-policy-check-advertising"
4134                                    checked="checked"
4135                                    class="category-checkbox"
4136                                />
4137                                                        <span class="cookies__box">
4138                                <strong class="cookies__label">Targeted Advertising</strong>
4139                            </span>
4140                                                            <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>
4141                                                    </label>
4142
4143                        <div class="cookies__expandable" id="cookies-policy-advertising">
4144                            <ul class="cookies__definitions">
4145                                                                                                            <li class="cookies__cookie">
4146                                            <p class="cookies__name">advertising_storage</p>
4147                                                                                            <p class="cookies__duration">
4148                                                    8 months
4149                                                </p>
4150                                                                                                                                </li>
4151                                                                                                </ul>
4152                        </div>
4153                    </div>
4154                            </div>
4155            <div class="cookies__save">
4156                <button
4157                    type="button"
4158                    @click="saveSettings()"
4159                    class="button has-text-white is-justify-content-center is-size-6-half is-borderless is-black is-fullwidth py-3 is-default"
4160                    aria-label="Save Cookie Preferences"
4161                >
4162                    <span class="cookies__label">Save settings</span>
4163                </button>
4164            </div>
4165        </div>
4166    </div>
4167</aside>
4168
4169<style data-cookie-consent>
4170    #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}
4171
4172
4173    /* Alpine x-show handles visibility — override default hidden state */
4174    #cookies-policy .cookies__expandable--custom {
4175        height: auto !important;
4176        opacity: 1 !important;
4177        visibility: visible !important;
4178    }
4179
4180    /* Fix save button text — .cookies__label sets dark color */
4181    #cookies-policy .cookies__save .button .cookies__label {
4182        color: #fff;
4183    }
4184</style>
4185
4186    
4186<script>
4187        document.addEventListener('alpine:init', () => {
4188            Alpine.data(
4189                'cookieConsentBanner',
4190                (cookieName, cookieDuration, registeredCookieNames, categoryCookieMap) => ({
4191                    showBanner: false,
4192                    showSettings: false,
4193
4194                    init() {
4195                        this.showBanner = !this.hasValidConsent();
4196
4197                        window.addEventListener('reset-cookie-consent', () => {
4198                            this.showBanner = true;
4199                            this.showSettings = false;
4200                            this.checkAllCategories();
4201                        });
4202                    },
4203
4204                    hasValidConsent() {
4205                        const raw = this.getCookie(cookieName);
4206                        if (!raw) return false;
4207
4208                        try {
4209                            const prefs = JSON.parse(decodeURIComponent(raw));
4210                            if (!prefs.consent_at || typeof prefs.consent_at !== 'number') return false;
4211
4212                            const expiresAt = prefs.consent_at + cookieDuration * 60;
4213                            if (expiresAt < Math.floor(Date.now() / 1000)) return false;
4214
4215                            return registeredCookieNames.every((name) => name in prefs);
4216                        } catch {
4217                            return false;
4218                        }
4219                    },
4220
4221                    setCookieConsent(preferences) {
4222                        preferences.consent_at = Math.floor(Date.now() / 1000);
4223                        const expires = new Date(Date.now() + cookieDuration * 60 * 1000).toUTCString();
4224                        const secure = location.protocol === 'https:' ? '; Secure' : '';
4225                        const value = encodeURIComponent(JSON.stringify(preferences));
4226                        document.cookie = `${cookieName}=${value}; expires=${expires}; path=/; SameSite=Lax${secure}`;
4227                        this.showBanner = false;
4228                        window.dispatchEvent(new Event('cookie-consent-given'));
4229                    },
4230
4231                    acceptAll() {
4232                        const prefs = {};
4233                        Object.values(categoryCookieMap)
4234                            .flat()
4235                            .forEach((name) => {
4236                                prefs[name] = true;
4237                            });
4238                        this.setCookieConsent(prefs);
4239                    },
4240
4241                    saveSettings() {
4242                        const checked = [...this.$root.querySelectorAll('.category-checkbox')]
4243                            .filter((el) => el.checked)
4244                            .map((el) => el.value);
4245                        const prefs = {};
4246                        Object.entries(categoryCookieMap).forEach(([key, cookieNames]) => {
4247                            const enabled = checked.includes(key);
4248                            cookieNames.forEach((name) => {
4249                                prefs[name] = enabled;
4250                            });
4251                        });
4252                        this.setCookieConsent(prefs);
4253                    },
4254
4255                    checkAllCategories() {
4256                        this.$root.querySelectorAll('.category-checkbox').forEach((el) => {
4257                            el.checked = true;
4258                        });
4259                    },
4260
4261                    getCookie(name) {
4262                        const match = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)'));
4263                        return match ? match[1] : null;
4264                    },
4265                }),
4266            );
4267        });
4268    </script>
vendor: 1 bytes, line 4268
4268
4269<script src="/livewire/livewire.min.js?id=f084fdfb"   data-csrf="qjRRUfwgFDIhNniV1q2Soj5HwrIRazQ6QnW1xDKq" data-update-uri="/livewire/update" data-navigate-once="true"></script>
4269
4270</body>
4271</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.