PageSourceSearch

https://stlwineclub.com/page/our-meetings

html stlwineclub.com collected 2026-10-02 01:44:43 UTC 202,453 bytes, 5,185 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="en-US">
3<head>
4            
4<script>
5            if (location.protocol != 'https:')
6            {
7                // location.href = 'https:' + window.location.href.substring(window.location.protocol.length);
8            }
9        </script>
9
10            <link rel="apple-touch-icon" sizes="180x180" href="https://attractwell.com/site-assets/logos/attractwell-logo-just-the-target.png">
11    <link rel="icon" type="image/png" href="https://attractwell.com/site-assets/logos/attractwell-logo-just-the-target.png" sizes="32x32">
12    <link rel="icon" type="image/png" href="https://attractwell.com/site-assets/logos/attractwell-logo-just-the-target.png" sizes="16x16">
13    <!--<link rel="manifest" href="https://attractwell.com/favicons/manifest.json">-->
14    <!--<link rel="mask-icon" href="https://attractwell.com/favicons/safari-pinned-tab.svg" color="#eeaa7b">-->
15    <meta name="theme-color" content="#ffffff">
16
17    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
18    <meta name="generator" content="AttractWell.com" />
19    <meta name="author" content="Christina Murphy" />
20
21    <link rel="stylesheet" href="https://webcache.attractwell.com/app/common/all-marketing-site-css.min.css" type="text/css" />
22              
22<script src="https://webcache.attractwell.com/app/common/all-marketing-site-js.min.js"></script>
22
23    <!-- Stylesheets
24    ============================================= -->
25<!--    <link href="//fonts.googleapis.com/css?family=Lato:300,400,400italic,600,700|Raleway:300,400,500,600,700|Crete+Round:400italic" rel="stylesheet" type="text/css" />-->
26    <!--
27    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/bootstrap-337.css" type="text/css" />
28    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/style-2.css" type="text/css" />
29    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/dark.css" type="text/css" />
30    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/animate.css" type="text/css" />
31    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/magnific-popup.css" type="text/css" />
32    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/responsive.css" type="text/css" />
33    -->
34    <link href="https://fonts.googleapis.com/css?family=Baloo+Chettan|Caveat:400,700|Comfortaa:400,700|Crete+Round:400,400i|Euphoria+Script|Indie+Flower|Lato:300,400,400i,700,700i|Merriweather:400,400i,700,700i|Nanum+Myeongjo:400,800|Open+Sans:400,400i,700,700i|Oswald:400,700|Permanent+Marker|Playfair+Display:400,400i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Tangerine:400,700|Cormorant+Garamond:400,400i,700,700i|Crimson+Text:400,400i,700,700i|Josefin+Slab:400,400i,700,700i|Livvic:400,400i,600,600i|Montserrat:400,400i,600,600i|Nanum+Gothic:4
3400,700|Old+Standard+TT:400,400i,700|Roboto:400,400i,700,700i|Aguafina+Script&display=swap" rel="stylesheet">    <link href="https://fonts.googleapis.com/css2?family=Comfortaa&family=Lato&display=swap" rel="stylesheet">    
34<script src="https://kit.fontawesome.com/569c6654a7.js" crossorigin="anonymous" defer></script>
34
35    <meta name="viewport" content="width=device-width, initial-scale=1" />
36    <!--[if lt IE 9]>
37    
37<script src="//css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
37
38    <![endif]-->
39
40    
41
42    <!-- Facebook share tags
43    ============================================= -->
44    <meta property="og:type"               content="website" />
45    <meta property="og:image:type"         content="image/jpg" />
46<!--    <meta property="og:image:width"        content="1200" />-->
47<!--    <meta property="og:image:height"       content="630" />-->
48    <meta property="og:title"              content="Our meetings" />
49<meta property="og:description"        content="By Christina Murphy" />
50
51    <!-- Document Title
52    ============================================= -->
53    <title>Our meetings</title>
54
55    <!-- Blog RSS feed -->
56    <link rel="alternate" href="https://stlwineclub.com/feed" title="RSS feed" type="application/rss+xml" />
57
58    <!-- External JavaScripts
59    ============================================= -->
60    <style type="text/css" media="all">
61    .fr-view span > h1, .fr-view span > h2, .fr-view span > h3, .fr-view span > h4, .fr-view span > h5, .fr-view span > h6 { color: revert !important; font-size: inherit !important; font-weight: inherit !important; }
62    h1 {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333; font-size:52px; }
63h2 {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333; font-size:36px; }
64h3 {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333; font-size:30px; }
65h4 {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333; font-size:24px; }
66h5 {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333; font-size:18px; }
67h6 {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333; font-size:14px; }
68#logo {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333; font-size:46px; }
69#primary-menu ul li a {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333; font-size:16px; }
70#primary-menu ul > li > ul > li > a { font-weight: 300;  text-transform:none !important; color:#333333; font-size:16px; }
71#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333; font-size:16px; }
72.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a,  {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333; font-size:16px; }
73.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li > a, .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li > a, .overlay-menu #primary-menu.dark > ul > li > a, .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > #overlay-menu-close, .overlay-menu #primary-menu.dark > #overlay-menu-close, .dark #header-wrap:not(.not-dark) #top-search a, .dark #header-wrap:not(.not-dark) #top-cart a, .dark #header-wrap:not(.not-dark) #side-panel-trigger a, .dark #top-cart .top-cart-item-desc a, body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a, .dark #header-wrap:not(.not-dark) #top-search a:hover, .dark #header-wrap:not(.not-dark) #top-cart a:hover, .dark #header-wrap:not(.not-dark) #side-panel-trigger a:hover, .dark #header-wrap:not(.not-dark) #top-search form input {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:inherit !important; font-size:16px; }
74#top-search form input {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333; font-size:48px; }
75.entry-link {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333; font-size:30px; }
76.entry.entry-date-section span {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333; font-size:24px; }
77ul.tab-nav-lg li a {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333; font-size:16px; }
78.counter {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333; font-size:52px; }
79label {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333; font-size:16px; }
80.nav-tree li a {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333; font-size:16px; }
81.wedding-head .first-name, .wedding-head .last-name, .wedding-head .and {font-family:Comfortaa,sans-serif; font-weight: 300;  text-transform:none !important; color:#333333; font-size:90px; }
82body {font-family: Lato,sans-serif; font-weight: 400;   }
83small {font-family: Lato,sans-serif; font-weight: 400;   }
84.font-body {font-family: Lato,sans-serif; font-weight: 400;   }
85#primary-menu ul ul a {font-family: Lato,sans-serif; font-weight: 400;   }
86.wp-caption {font-family: Lato,sans-serif; font-weight: 400;   }
87.feature-box.fbox-center.fbox-italic p {font-family: Lato,sans-serif; font-weight: 400;   }
88.skills li .progress-percent .counter {font-family: Lato,sans-serif; font-weight: 400;   }
89.nav-tree ul ul a {font-family: Lato,sans-serif; font-weight: 400;   }
90.button { text-transform: none; }
91.font-secondary {font-family: Comfortaa,sans-serif; font-style: italic; font-weight: 700; }
92.entry-meta li {font-family: Comfortaa,sans-serif; font-style: italic; font-weight: 700; }
93.entry-link span {font-family: Comfortaa,sans-serif; font-style: italic; font-weight: 700; }
94.entry blockquote p {font-family: Comfortaa,sans-serif; font-style: italic; font-weight: 700; }
95.more-link {font-family: Comfortaa,sans-serif; font-style: italic; font-weight: 700; }
960 {font-family: Comfortaa,sans-serif; font-style: italic; font-weight: 700; }
97.button.button-desc span {font-family: Comfortaa,sans-serif; font-style: italic; font-weight: 700; }
98.testi-content p {font-family: Comfortaa,sans-serif; font-style: italic; font-weight: 700; }
99.team-title span {font-family: Comfortaa,sans-serif; font-style: italic; font-weight: 700; }
100.before-heading {font-family: Comfortaa,sans-serif; font-style: italic; font-weight: 700; }
101.wedding-head .first-name span, .wedding-head .last-name span {font-family: Comfortaa,sans-serif; font-style: italic; font-weight: 700; }
102    label {
103        font-weight: 500 !important;
104        color: #666;
105    }
106    /*
107    #page-title h1 {
108        font-weight: 600 !important;
109        color: #666;
110    }*/
111    @media( min-width: 992px ) {
112                .fr-view section, .fr-view a {
113            scroll-margin-top: 100px;
114        }
115    }
116    .color {
117        color: #eb9c4d;
118    }
119    ::selection {
120        background: #eb9c4d;
121    }
122    ::-moz-selection {
123        background: #eb9c4d; /* Firefox */
124    }
125    ::-webkit-selection {
126        background: #eb9c4d; /* Safari */
127    }
128    a {
129        color: #eb9c4d;
130    }
131    a:hover:not(.button) {
132        color: #ffa954;
133    }
134    h1 > span:not(.nocolor),
135    h2 > span:not(.nocolor),
136    h3 > span:not(.nocolor),
137    h4 > span:not(.nocolor),
138    h5 > span:not(.nocolor),
139    h6 > span:not(.nocolor) { color: inherit; }
140
141    .bgcolor,
142    .bgcolor #header-wrap { background-color: #eb9c4d !important; }
143
144    .color { color: #eb9c4d !important; }
145
146    .border-color { border-color: #eb9c4d !important; }
147
148    .top-links ul ul,
149    .top-links ul div.top-link-section {
150        border-top: 1px solid #eb9c4d;
151    }
152
153    .header-extras li .he-text span {
154        color: #eb9c4d;
155    }
156
157    /*#primary-menu > ul > li:hover a,*/
158    /*#primary-menu > ul > li.current a { color: *//*; }*/
159
160    #primary-menu ul ul,
161    #primary-menu ul li .mega-menu-content {
162        border-top: 0; /*2px solid #eb9c4d;*/
163    }
164
165        .dark #primary-menu:not(.not-dark) ul ul a, #primary-menu.dark ul ul a, #primary-menu ul li a {
166        color: #000000 !important;
167    }
168
169    
170        .dark #primary-menu:not(.not-dark) ul ul li:hover > a, #primary-menu.dark ul ul li:hover > a, #primary-menu ul li a:hover {
171        color: #000000 !important;
172    }
173
174    #primary-menu ul ul li:hover > a, #primary-menu ul li a:hover,
175    #header-wrap #primary-menu ul ul li:hover > a, #header-wrap #primary-menu ul li a:hover {
176        color: #000000 !important;
177    }
178    
179        /*
180    @media (min-width:992px) {
181        #header.full-header #primary-menu {
182            position: absolute;
183            right: 30px;
184            width: calc( 100% - 577px );
185        }
186        #header.sticky-header #primary-menu {
187            position: absolute;
188            right: 30px;
189            width: calc( 100% - 250px );
190        }
191        #header.full-header #primary-menu > ul {
192            float: right;
193        }
194    }
195    */
196
197    /*#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: */#fca753/* !important; }*/
198
199    /*
200    #primary-menu > div > ul > li:hover a,
201    #primary-menu > div > ul > li.current a { color: #fca753; }
202    */
203
204    #primary-menu.style-3 > ul > li.current > a {
205        background-color: #eb9c4d;
206    }
207
208    /*
209    #primary-menu.style-4 > ul > li:hover > a,
210    #primary-menu.style-4 > ul > li.current > a { border-color: #fca753; }
211    */
212
213    #primary-menu.style-6 > ul > li > a:after,
214    #primary-menu.style-6 > ul > li.current > a:after {
215        border-top: 2px solid #eb9c4d;
216    }
217
218    /*
219    #primary-menu.sub-title > ul > li:hover > a,
220    #primary-menu.sub-title > ul > li.current > a,
221    #primary-menu.sub-title > div > ul > li:hover > a,
222    #primary-menu.sub-title > div > ul > li.current > a {
223        background-color: #fca753;
224    }
225    */
226
227    /*#top-cart a:hover { color: #fca753; }*/
228
229    #top-cart > a > span {
230        background-color: #eb9c4d;
231    }
232
233    #top-cart .top-cart-content {
234        border-top: 2px solid #eb9c4d;
235    }
236
237    /*.top-cart-item-image:hover { border-color: #fca753; }*/
238
239    /*.top-cart-item-desc a:hover { color: #fca753 !important; }*/
240
241    .top-cart-action span.top-checkout-price {
242        color: #eb9c4d;
243    }
244
245    #page-menu-wrap { background-color: #eb9c4d; }
246
247    #page-menu.dots-menu nav li.current a { background-color: #eb9c4d; }
248
249    #page-menu.dots-menu nav li .dots-menu-caption {
250        background-color: #eb9c4d;
251    }
252
253    #page-menu.dots-menu nav li .dots-menu-caption:after {
254        border-left: 6px solid #eb9c4d;
255    }
256
257    /*.breadcrumb a:hover { color: #fca753; }*/
258
259    /*#portfolio-filter li a:hover { color: #fca753; }*/
260
261    #portfolio-filter li.activeFilter a {
262        background-color: #eb9c4d;
263    }
264
265    /*#portfolio-shuffle:hover {
266        background-color: #fca753;
267    }*/
268
269    /*.portfolio-desc h3 a:hover { color: #fca753; }*/
270
271    /*.portfolio-overlay a:hover {
272        color: #fca753;
273    }*/
274
275    /*#portfolio-navigation a:hover { color: #fca753; }*/
276
277    /*.entry-title h2 a:hover { color: #fca753; }
278
279    .entry-meta li a:hover { color: #fca753; }
280
281    .entry-link:hover {
282        background-color: #fca753;
283    }
284
285    .post-timeline .entry:hover .entry-timeline,
286    .post-timeline .entry:hover .timeline-divider {
287        border-color: #fca753;
288        color: #fca753;
289    }
290
291    .ipost .entry-title h3 a:hover,
292    .ipost .entry-title h4 a:hover { color: #fca753; }
293    */
294
295    .more-link {
296        display: inline-block;
297        border-bottom: 1px solid #eb9c4d;
298    }
299
300    /*
301    .spost .entry-title h4 a:hover,
302    .mpost .entry-title h4 a:hover { color: #fca753; }
303
304    .comment-content .comment-author a:hover { color: #fca753; }
305
306    .product-title h3 a:hover,
307    .single-product .product-title h2 a:hover { color: #fca753; }
308    */
309
310    .product-price ins {
311        color: #eb9c4d;
312    }
313
314    .sale-flash {
315        background-color: #eb9c4d;
316    }
317
318    .single-product .product-price {
319        color: #eb9c4d;
320    }
321
322    /*.cart-product-thumbnail img:hover { border-color: #fca753; }*/
323
324    /*.button {
325        background-color: #eb9c4d;
326    }*/
327
328    /* button color overrides */
329
330    .button-leaf { background-color: #eeaa7b;}.button-green { background-color: #ee8e4c;}
331    /*.button.button-dark:hover { background-color: #fca753; }*/
332
333    /*
334    .button.button-3d:hover {
335        background-color: #fca753 !important;
336    }
337    */
338
339    .promo.promo-flat { background-color: #eb9c4d; }
340
341    .feature-box .fbox-icon i,
342    .feature-box .fbox-icon img {
343        background-color: #eb9c4d;
344    }
345
346    .feature-box.fbox-outline .fbox-icon {
347        border: 1px solid #eb9c4d;
348    }
349
350    .feature-box.fbox-border .fbox-icon {
351        border: 1px solid #eb9c4d;
352    }
353
354    .feature-box.fbox-border .fbox-icon i,
355    .feature-box.fbox-border .fbox-icon img {
356        color: #eb9c4d;
357    }
358
359    .feature-box.fbox-plain .fbox-icon i,
360    .feature-box.fbox-plain .fbox-icon img {
361        color: #eb9c4d;
362    }
363
364    .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #eb9c4d; }
365
366    /*.fbox-effect.fbox-dark .fbox-icon i:hover,
367    .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #fca753; }
368
369    .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
370    .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #fca753; }
371    */
372
373    .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #eb9c4d; }
374
375    .process-steps li.active h5,
376    .process-steps li.ui-tabs-active h5 {
377        color: #eb9c4d;
378    }
379
380    .process-steps li.active a,
381    .process-steps li.ui-tabs-active a {
382        background-color: #eb9c4d !important;
383    }
384
385    .process-steps li.active a,
386    .process-steps li.ui-tabs-active a {
387        background-color: #eb9c4d !important;
388        border-color: #eb9c4d !important;
389    }
390
391    /*
392    .i-rounded:hover,
393    .i-circled:hover {
394        background-color: #fca753;
395    }
396    */
397
398    .tabs.tabs-tb ul.tab-nav li.ui-tabs-active a {
399        border-top: 2px solid #eb9c4d;
400    }
401
402    .tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {
403        border-bottom: 2px solid #eb9c4d;
404    }
405
406    ul.tab-nav.tab-nav2 li.ui-state-active a {
407        background-color: #eb9c4d;
408    }
409
410    ul.tab-nav-lg li.ui-tabs-active a {
411        color: #eb9c4d;
412    }
413
414    /*
415    .sidenav > .ui-tabs-active > a,
416    .sidenav > .ui-tabs-active > a:hover {
417        background-color: #fca753 !important;
418    }
419    */
420
421    /*.faqlist li a:hover { color: #fca753 !important; }*/
422
423    .testimonial .flex-control-nav li a {
424        background-color: #eb9c4d;
425    }
426
427    .team-title span {
428        color: #eb9c4d;
429    }
430
431    .pricing-box.best-price .pricing-price {
432        color: #eb9c4d;
433    }
434
435    .skills li .progress {
436        background-color: #eb9c4d;
437    }
438
439    /*
440    .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
441        background-color: #fca753 !important;
442    }*/
443
444    .owl-theme .owl-dots .owl-dot span {
445        background-color: #eb9c4d;
446    }
447
448    .title-block {
449        border-left: 7px solid #eb9c4d;
450    }
451
452    .title-block-right {
453        border-right: 7px solid #eb9c4d;
454    }
455
456    .heading-block.border-color:after { border-color: #eb9c4d; }
457
458    .fancy-title.title-border-color:before {
459        border-top: 1px solid #eb9c4d;
460    }
461
462    .fancy-title.title-bottom-border h1,
463    .fancy-title.title-bottom-border h2,
464    .fancy-title.title-bottom-border h3,
465    .fancy-title.title-bottom-border h4,
466    .fancy-title.title-bottom-border h5,
467    .fancy-title.title-bottom-border h6 {
468        border-bottom: 2px solid #eb9c4d;
469    }
470
471    /*#gotoTop:hover { background-color: #fca753; }*/
472
473    /*.tagcloud a:hover {
474        border-color: #fca753 !important;
475        color: #fca753 !important;
476    }*/
477
478    .nav-tree li:hover > a,
479    .nav-tree li.current > a,
480    .nav-tree li.active > a { color: #eb9c4d !important; }
481
482    .btn-link,
483    .pagination > li > a, .pagination > li > span,
484    .pagination > li > a:hover,
485    .pagination > li > span:hover,
486    .pagination > li > a:focus,
487    .pagination > li > span:focus { color: #eb9c4d; }
488
489    .pagination > .active > a,
490    .pagination > .active > span,
491    .pagination > .active > a:hover,
492    .pagination > .active > span:hover,
493    .pagination > .active > a:focus,
494    .pagination > .active > span:focus {
495        background-color: #eb9c4d !important;
496        border-color: #eb9c4d !important;
497    }
498
499    .nav-pills > li.active > a,
500    .nav-pills > li.active > a:hover,
501    .nav-pills > li.active > a:focus { background-color: #eb9c4d; }
502
503    /*
504    .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a,
505    .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a,
506    .overlay-menu #primary-menu.dark > ul > li:hover > a,
507    .overlay-menu #primary-menu.dark > ul > li.current > a { color: #fca753 !important; }
508    */
509
510    .dark #primary-menu:not(.not-dark) ul ul,
511    .dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
512    #primary-menu.dark ul ul,
513    #primary-menu.dark ul li .mega-menu-content {
514        border-top-color: #eb9c4d;
515    }
516
517    .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2,
518    #primary-menu.dark ul li .mega-menu-content.style-2 {
519        border-top-color: #eb9c4d;
520    }
521
522    .dark #top-cart .top-cart-content {
523        border-top-color: #eb9c4d;
524    }
525
526    /*
527    .dark .top-cart-item-image:hover { border-color: #fca753; }
528
529    .dark .top-cart-item-desc a:hover { color: #fca753 !important; }
530
531
532    .dark .post-timeline .entry:hover .entry-timeline,
533    .dark .post-timeline .entry:hover .timeline-divider {
534        border-color: #fca753;
535        color: #fca753;
536    }
537
538    .dark .cart-product-thumbnail img:hover { border-color: #fca753; }
539
540    .dark .button-dark:hover { background-color: #fca753; }
541    */
542
543    .dark .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #eb9c4d; }
544
545    /*
546    .dark .fbox-effect.fbox-dark .fbox-icon i:hover,
547    .dark .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #fca753; }
548
549    .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
550    .dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #fca753; }
551    */
552
553    .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #eb9c4d; }
554
555    /*
556    .dark .i-rounded:hover,
557    .dark .i-circled:hover {
558        background-color: #fca753;
559    }
560    */
561
562    .dark ul.tab-nav.tab-nav2 li.ui-state-active a { background-color: #eb9c4d; }
563
564    /*
565    .dark .tagcloud a:hover {
566        background-color: #fca753;
567    }
568    */
569
570    /*
571    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a,
572    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a,
573    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a,
574    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a { color: #fca753 !important; }
575    */
576
577    /*
578    #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a {
579        color: #fca753 !important;
580    }
581
582    #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: #fca753 !important; }
583    */
584
585    #page-menu nav {
586        background-color: #eb9c4d;
587    }
588
589    /*
590    #portfolio-filter li a:hover { color: #fca753; }
591    */
592
593    .iconlist-color li i { color: #eb9c4d; }
594
595    /* button helper */
596.button.button-red:not(.button-border) {
597text-decoration:none;
598background-color:#c02942;
599color:#FFFFFF;
600border-radius:1px;
601text-transform:uppercase;
602text-shadow:1px 1px 1px rgba(0,0,0,0.2);
603transition: all 0.3s ease;
604position:relative;z-index:1;
605border-top: 0px solid #c02942;
606border-right: 0px solid #c02942;
607border-bottom: 0px solid #c02942;
608border-left: 0px solid #c02942;
609}
610
611.button.button-red:hover {
612color:#FFFFFF;
613}
614
615.button.button-leaf:not(.button-border) {
616text-decoration:none;
617background-color:#eeaa7b;
618color:#000000;
619border-radius:1px;
620text-transform:uppercase;
621text-shadow:1px 1px 1px rgba(0,0,0,0.2);
622transition: all 0.3s ease;
623position:relative;z-index:1;
624border-top: 0px solid #eeaa7b;
625border-right: 0px solid #eeaa7b;
626border-bottom: 0px solid #eeaa7b;
627border-left: 0px solid #eeaa7b;
628}
629
630.button.button-leaf:hover {
631color:#000000;
632}
633
634.button.button-teal:not(.button-border) {
635text-decoration:none;
636background-color:#53777a;
637color:#ffffff;
638border-radius:1px;
639text-transform:uppercase;
640text-shadow:1px 1px 1px rgba(0,0,0,0.2);
641transition: all 0.3s ease;
642position:relative;z-index:1;
643border-top: 0px none rgb(255, 255, 255);
644border-right: 0px none rgb(255, 255, 255);
645border-bottom: 0px none rgb(255, 255, 255);
646border-left: 0px none rgb(255, 255, 255);
647}
648
649.button.button-teal:hover {
650color:#ffffff;
651}
652
653.button.button-yellow:not(.button-border) {
654text-decoration:none;
655background-color:#ecd078;
656color:#333333;
657border-radius:1px;
658text-transform:uppercase;
659text-shadow:none;
660transition: all 0.3s ease;
661position:relative;z-index:1;
662border-top: 0px none rgb(51, 51, 51);
663border-right: 0px none rgb(51, 51, 51);
664border-bottom: 0px none rgb(51, 51, 51);
665border-left: 0px none rgb(51, 51, 51);
666}
667
668.button.button-yellow:hover {
669color:#333333;
670}
671
672.button:not(.button-border) {
673text-decoration:none;
674background-color:#1abc9c;
675color:#ffffff;
676border-radius:1px;
677text-transform:uppercase;
678text-shadow:1px 1px 1px rgba(0,0,0,0.2);
679transition: all 0.3s ease;
680position:relative;z-index:1;
681border-top: 0px none rgb(255, 255, 255);
682border-right: 0px none rgb(255, 255, 255);
683border-bottom: 0px none rgb(255, 255, 255);
684border-left: 0px none rgb(255, 255, 255);
685}
686
687.button.button-:hover {
688color:#ffffff;
689}
690
691.button.button-green:not(.button-border) {
692text-decoration:none;
693background-color:#ee8e4c;
694color:#ffffff;
695border-radius:1px;
696text-transform:uppercase;
697text-shadow:1px 1px 1px rgba(0,0,0,0.2);
698transition: all 0.3s ease;
699position:relative;z-index:1;
700border-top: 0px none rgb(255, 255, 255);
701border-right: 0px none rgb(255, 255, 255);
702border-bottom: 0px none rgb(255, 255, 255);
703border-left: 0px none rgb(255, 255, 255);
704}
705
706.button.button-green:hover {
707color:#ffffff;
708}
709
710.button.button-brown:not(.button-border) {
711text-decoration:none;
712background-color:#774f38;
713color:#ffffff;
714border-radius:1px;
715text-transform:uppercase;
716text-shadow:1px 1px 1px rgba(0,0,0,0.2);
717transition: all 0.3s ease;
718position:relative;z-index:1;
719border-top: 0px none rgb(255, 255, 255);
720border-right: 0px none rgb(255, 255, 255);
721border-bottom: 0px none rgb(255, 255, 255);
722border-left: 0px none rgb(255, 255, 255);
723}
724
725.button.button-brown:hover {
726color:#ffffff;
727}
728
729.button.button-aqua:not(.button-border) {
730text-decoration:none;
731background-color:#40c0cb;
732color:#ffffff;
733border-radius:1px;
734text-transform:uppercase;
735text-shadow:1px 1px 1px rgba(0,0,0,0.2);
736transition: all 0.3s ease;
737position:relative;z-index:1;
738border-top: 0px none rgb(255, 255, 255);
739border-right: 0px none rgb(255, 255, 255);
740border-bottom: 0px none rgb(255, 255, 255);
741border-left: 0px none rgb(255, 255, 255);
742}
743
744.button.button-aqua:hover {
745color:#ffffff;
746}
747
748.button.button-lime:not(.button-border) {
749text-decoration:none;
750background-color:#aee239;
751color:#333333;
752border-radius:1px;
753text-transform:uppercase;
754text-shadow:none;
755transition: all 0.3s ease;
756position:relative;z-index:1;
757border-top: 0px none rgb(51, 51, 51);
758border-right: 0px none rgb(51, 51, 51);
759border-bottom: 0px none rgb(51, 51, 51);
760border-left: 0px none rgb(51, 51, 51);
761}
762
763.button.button-lime:hover {
764color:#333333;
765}
766
767.button.button-purple:not(.button-border) {
768text-decoration:none;
769background-color:#5d4157;
770color:#ffffff;
771border-radius:1px;
772text-transform:uppercase;
773text-shadow:1px 1px 1px rgba(0,0,0,0.2);
774transition: all 0.3s ease;
775position:relative;z-index:1;
776border-top: 0px none rgb(255, 255, 255);
777border-right: 0px none rgb(255, 255, 255);
778border-bottom: 0px none rgb(255, 255, 255);
779border-left: 0px none rgb(255, 255, 255);
780}
781
782.button.button-purple:hover {
783color:#ffffff;
784}
785
786.button.button-pink:not(.button-border) {
787text-decoration:none;
788background-color:#f89fa1;
789color:#ffffff;
790border-radius:1px;
791text-transform:uppercase;
792text-shadow:1px 1px 1px rgba(0,0,0,0.2);
793transition: all 0.3s ease;
794position:relative;z-index:1;
795border-top: 0px none rgb(255, 255, 255);
796border-right: 0px none rgb(255, 255, 255);
797border-bottom: 0px none rgb(255, 255, 255);
798border-left: 0px none rgb(255, 255, 255);
799}
800
801.button.button-pink:hover {
802color:#ffffff;
803}
804
805.button.button-blue:not(.button-border) {
806text-decoration:none;
807background-color:#1265a8;
808color:#ffffff;
809border-radius:1px;
810text-transform:uppercase;
811text-shadow:1px 1px 1px rgba(0,0,0,0.2);
812transition: all 0.3s ease;
813position:relative;z-index:1;
814border-top: 0px none rgb(255, 255, 255);
815border-right: 0px none rgb(255, 255, 255);
816border-bottom: 0px none rgb(255, 255, 255);
817border-left: 0px none rgb(255, 255, 255);
818}
819
820.button.button-blue:hover {
821color:#ffffff;
822}
823
824.button.button-dirtygreen:not(.button-border) {
825text-decoration:none;
826background-color:#1693a5;
827color:#ffffff;
828border-radius:1px;
829text-transform:uppercase;
830text-shadow:1px 1px 1px rgba(0,0,0,0.2);
831transition: all 0.3s ease;
832position:relative;z-index:1;
833border-top: 0px none rgb(255, 255, 255);
834border-right: 0px none rgb(255, 255, 255);
835border-bottom: 0px none rgb(255, 255, 255);
836border-left: 0px none rgb(255, 255, 255);
837}
838
839.button.button-dirtygreen:hover {
840color:#ffffff;
841}
842
843.button.button-amber:not(.button-border) {
844text-decoration:none;
845background-color:#eb9c4d;
846color:#ffffff;
847border-radius:1px;
848text-transform:uppercase;
849text-shadow:1px 1px 1px rgba(0,0,0,0.2);
850transition: all 0.3s ease;
851position:relative;z-index:1;
852border-top: 0px none rgb(255, 255, 255);
853border-right: 0px none rgb(255, 255, 255);
854border-bottom: 0px none rgb(255, 255, 255);
855border-left: 0px none rgb(255, 255, 255);
856}
857
858.button.button-amber:hover {
859color:#ffffff;
860}
861
862.button.button-black:not(.button-border) {
863text-decoration:none;
864background-color:#111111;
865color:#ffffff;
866border-radius:1px;
867text-transform:uppercase;
868text-shadow:1px 1px 1px rgba(0,0,0,0.2);
869transition: all 0.3s ease;
870position:relative;z-index:1;
871border-top: 0px none rgb(255, 255, 255);
872border-right: 0px none rgb(255, 255, 255);
873border-bottom: 0px none rgb(255, 255, 255);
874border-left: 0px none rgb(255, 255, 255);
875}
876
877.button.button-black:hover {
878color:#ffffff;
879}
880
881.button.button-white:not(.button-border) {
882text-decoration:none;
883background-color:#f0f0f0;
884color:#333333;
885border-radius:1px;
886text-transform:uppercase;
887text-shadow:none;
888transition: all 0.3s ease;
889position:relative;z-index:1;
890border-top: 0px none rgb(51, 51, 51);
891border-right: 0px none rgb(51, 51, 51);
892border-bottom: 0px none rgb(51, 51, 51);
893border-left: 0px none rgb(51, 51, 51);
894}
895
896.button.button-white:hover {
897color:#333333;
898}
899
900
901    /* Additional overrides for default button styles */
902
903    .button.button-rounded {
904        border-radius: 3px;
905    }
906    .button.button-3d {
907        border-bottom: 0;
908        border-radius: 3px;
909    }
910    .button {
911        border-radius: 3px;
912    }
913        /*.form-control {*/
914    /*    box-shadow: 0 1px 1px rgba(0, 0, 0, .075);*/
915    /*    border-radius: 1px;*/
916    /*}
916*/
917    .panel-default > .panel-heading {
918        border-bottom: 0;
919        padding-bottom: 10px;
920    }
921    .modal-content {
922        border-radius: 8px;
923        box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
924    }
925    
926    .dropdown-menu, .popover {
927        border-radius: 8px;
928        -moz-border-radius: 8px;
929        -webkit-border-radius: 8px;
930    }
931
932    .tooltip, .popover, .team-title span {
933        font-family: Lato,sans-serif;
934    }
935
936    .ui-tooltip {
937        font-family: Lato,sans-serif !important;
938    }
939
940    .ui-widget-content:not(.tabs):not(.tab-container):not(.tab-content):not(.ui-tabs-panel):not(.ui-slider) {
941        background: #eeeeee !important; /*rgb(245,245,245);*/
942        color: #333333;
943        border-radius: 2px;
944    }
945    .ui-widget-content.tabs {
946        background: #ffffff;
947        border: 0;
948    }
949    .tabs .tab-nav {
950        background: #ffffff;
951        border: 0;
952    }
953    .ui-tabs .ui-tabs-nav:not(.sidenav) .ui-tabs-anchor {
954        padding: 0 15px !important;
955    }
956    .ui-tooltip {
957        box-shadow: none !important; /*1px 1px 3px rgba(0, 0, 0, .1) !important;*/
958        border: #eeeeee !important;
959    }
960    body .ui-tooltip {
961        border: 1px solid #eeeeee;
962        border-radius: 2px;
963    }
964    .tab-container {
965        padding: 0;
966        background: #ffffff;
967        font-size: 14px;
968    }
969    .popover {
970        box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
971    }
972    .dropdown-menu {
973        box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
974    }
975        .tooltip.top .tooltip-arrow {
976        border-top-color: #eeeeee;
977    }
978    .tooltip.left .tooltip-arrow {
979        border-left-color: #eeeeee;
980    }
981    .tooltip.right .tooltip-arrow {
982        border-right-color: #eeeeee;
983    }
984    .tooltip.bottom .tooltip-arrow {
985        border-bottom-color: #eeeeee;
986    }
987    .tooltip-inner {
988        background-color: #eeeeee;
989        border-radius: 2px;
990        color: #333333;
991        font-size: 13px;
992    }
993    .tooltip.in {
994        opacity: 1;
995    }
996        .alert {
997        border-radius: 1px;
998    }
999
1000        #footer, #copyrights {
1001        background-color: #333333 !important;
1002    }
1003        #footer, #footer a, #copyrights, #copyrights a {
1004        color: #ffffff !important;
1005    }
1006    
1007</style>
1008<style>
1009        :root {
1010        --black-background-color: #000000;
1011        --darkest-background-color: #111111;
1012        --darker-background-color: #2A2A2A;
1013        --dark-background-color: #3A3A3A;
1014        --medium-dark-background-color: #555555;
1015        --dark-mode-default-text-color: #eeeeee;
1016        --dark-mode-muted-text-color: #999999;
1017        --dark-mode-default-contrast-text-color: #333333;
1018        --whitest-background-color: #ffffff;
1019        --not-as-white-background-color: #eeeeee;
1020        --medium-white-background-color: #dddddd;
1021    }
1022    body.dark-mode:not(.no-dark-mode) {
1023        background: var(--darkest-background-color) !important;
1024        color: var(--dark-mode-default-text-color) !important;
1025    }
1026    body.dark-mode:not(.no-dark-mode) {
1027        .popover {
1028            background: var(--medium-dark-background-color) !important;
1029            color: var(--dark-mode-default-text-color) !important;
1030        }
1031
1032        & :is(:not(.fr-view)) {
1033            #content, .content-wrap.app-wrapper, .white-background,
1034            div.back-office-menu-layout-grid-menu, div.sidebar, .grid-equal-row-2 > div, .grid-equal-row-3 > div,
1035            .dropzone, #primary-menu ul ul {
1036                background: var(--darkest-background-color) !important;
1037                color: var(--dark-mode-default-text-color) !important;
1038            }
1039
1040            #primary-menu ul ul {
1041                border-top: 1px solid;
1042            }
1043
1044            .dropdown-menu {
1045                background: var(--black-background-color);
1046            }
1047
1048            .panel, .modal-content, .panel-body, .ui-tabs-panel, .customModal,
1049            .back-office-top-header, #page-title, .list-item-row, .sidenav.ui-tabs-nav, .ui-widget-content:not(.tabs):not(.tab-container):not(.tab-content):not(.ui-tabs-panel):not(.ui-slider),
1050            .settings-description, .callout-wrapper, .callout-wrapper-external,
1051            .table-responsive, .table-hover, .nav-tabs, .settings-group, .pricing-box,
1052            .feature-box.fbox-bg.fbox-center, .well {
1053                background: var(--dark-background-color) !important;
1054                color: var(--dark-mode-default-text-color) !important;
1055                border-color: #444 !important;
1056            }
1057
1058            .modal-header, .modal-footer {
1059                border-color: #444 !important;
1060            }
1061
1062            .table > thead > tr > th,
1063            .table > tbody > tr > th,
1064            .table > tfoot > tr > th,
1065            .table > thead > tr > td,
1066            .table > tbody > tr > td,
1067            .table > tfoot > tr > td {
1068                border-top-color: #444 !important;
1069            }
1070
1071            .table > thead > tr > th {
1072                border-bottom-color: #444 !important;
1073            }
1074
1075            input, textarea, select, .select2-dropdown, .select2-selection {
1076                background: var(--darker-background-color) !important;
1077                color: var(--dark-mode-default-text-color) !important;
1078                caret-color: auto;
1079            }
1080
1081            #_elev_io input {
1082                background: #ffffff !important;
1083                color: #333333 !important;
1084            }
1085            #_elev_io input::placeholder {
1086                color: #555555 !important;
1087            }
1088
1089            .off-white-background, .panel-heading, .table-hover > tbody > tr:hover,
1090            .sidenav > li > a:hover, .pricing-title {
1091                background: var(--medium-dark-background-color) !important;
1092                color: var(--dark-mode-default-text-color) !important;
1093            }
1094
1095            .pricing-title {
1096                text-shadow: none;
1097            }
1098
1099            #wrapper, .back-office-menu-layout-grid-content, .page-end-spacer {
1100                background: var(--darkest-background-color);
1101            }
1102
1103            .always-white-background {
1104                background: var(--not-as-white-background-color) !important;
1105            }
1106
1107            .not-as-white-background-and-text {
1108                background: var(--darkest-background-color) !important;
1109                color: var(--dark-mode-default-text-color) !important;
1110            }
1111
1112            .dim-text, .text-muted {
1113                color: var(--dark-mode-default-text-color) !important;
1114            }
1115
1116            .dark-text-color, .select2-selection--multiple .select2-selection__choice, .c3-tooltip-container,
1117            .keen-c3-legend, .keen-c3-legend-label-overlay, label.contrast, div.style-msg, div.style-msg .sb-msg h4 {
1118                color: var(--dark-mode-default-contrast-text-color) !important;
1119            }
1120
1121            .always-white-background-invert, .charting-panel-body {
1122                background: var(--medium-white-background-color) !important;
1123                filter: invert(1);
1124            }
1125
1126            h1:not(.fr-view h1, .swal2-modal h1), h2:not(.fr-view h2, .swal2-modal h2), h3:not(.fr-view h3, .swal2-modal h3), h4:not(.fr-view h4, .swal2-modal h4),
1127            h5:not(.fr-view h5, .swal2-modal h5), h6:not(.fr-view h6, .swal2-modal h6),
1128            h4.sidebar-menu-header,
1129            .sidenav > li > a,
1130            label:not(.swal2-modal label), button.close, .button-border, .panel-activity,
1131            .select2-container--default .select2-selection--single .select2-selection__rendered {
1132                color: var(--dark-mode-default-text-color) !important;
1133            }
1134
1135            input::placeholder, textarea::placeholder, select::placeholder {
1136                color: var(--dark-mode-muted-text-color) !important;
1137            }
1138            button.close {
1139                opacity: 1;
1140            }
1141
1142                        a:not(.button):not(.fr-view a),
1143            .widget_links li a,
1144            .site-name-text {
1145                color: #bd8862 !important;
1146            }
1147
1148            .button-white, .btn-default {
1149                background: var(--medium-dark-background-color) !important;
1150                color: var(--dark-mode-default-text-color) !important;
1151                border-color: #444 !important;
1152            }
1153
1154            i.light-mode {
1155                                display:none;
1156            }
1157
1158            i.dark-mode {
1159                display: inline;
1160            }
1161
1162            #primary-menu ul li a {
1163                color: #bd8862 !important;
1164            }
1165            #primary-menu ul ul {
1166                box-shadow: 0 5px 12px 5px rgba( 255,255,255,0.2 );
1167            }
1168            #primary-menu ul li ul li:hover a {
1169                color: #ffffff !important;
1170                background: var(--medium-dark-background-color) !important;
1171            }
1172
1173            #mobile-menu-header {
1174                background: var(--black-background-color);
1175            }
1176            .mobile-header {
1177                background-color: var(--medium-dark-background-color);
1178            }
1179        }
1180    }
1181
1182    .style-msg {
1183        border-radius: var(--app-border-radius-lg);
1184    }
1185    .style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg {
1186        border-left: 0;
1187    }
1188
1189    /* Email Builder Preview Resets in Dark Mode */
1190    body.dark-mode:not(.no-dark-mode) :is(
1191        .email-builder-preview-email-wrapper,
1192        .preview-email-body-preview,
1193        #email-builder-preview-area,
1194        #email-builder-confirmation-preview-area,
1195        #email-builder-cancellation-preview-area,
1196        #email-builder-reminder-preview-area,
1197        #email-builder-follow-up-preview-area
1198    ) {
1199        background-color: #ffffff !important;
1200        background: #ffffff !important;
1201        color: #333333 !important;
1202    }
1203    body.dark-mode:not(.no-dark-mode) :is(
1204        .email-builder-preview-email-wrapper,
1205        .preview-email-body-preview,
1206        #email-builder-preview-area,
1207        #email-builder-confirmation-preview-area,
1208        #email-builder-cancellation-preview-area,
1209        #email-builder-reminder-preview-area,
1210        #email-builder-follow-up-preview-area
1211    ) :is(h1, h2, h3, h4, h5, h6, p, span, div, label, td, th, table, a):not([style*="color"]) {
1212        color: #333333 !important;
1213    }
1214    body.dark-mode:not(.no-dark-mode) :is(
1215        .email-builder-preview-email-wrapper,
1216        .preview-email-body-preview,
1217        #email-builder-preview-area,
1218        #email-builder-confirmation-preview-area,
1219        #email-builder-cancellation-preview-area,
1220        #email-builder-reminder-preview-area,
1221        #email-builder-follow-up-preview-area
1222    ) :is(.white-background, .always-white-background) {
1223        background-color: #ffffff !important;
1224        background: #ffffff !important;
1225    }
1226
1227    i.dark-mode {
1228        display:none;
1229    }
1230
1231    .mobile-header {
1232        background-color: #f5f5f5;
1233        border-bottom: 1px solid #eeeeee;
1234        padding: 10px 5px 10px 30px;
1235    }
1236
1237    .white-background {
1238        background-color: var(--whitest-background-color);
1239    }
1240
1241    .not-as-white-background-and-text, .off-white-background {
1242        background: var(--not-as-white-background-color) !important;
1243    }
1244
1245    .always-white-background {
1246        background-color: var(--whitest-background-color) !important;
1247    }
1248
1249    .dim-text {
1250        color: var(--dark-mode-muted-text-color) !important;
1251    }
1252
1253    .page-end-spacer {
1254        height: 100px;
1255        background: var(--app-background-color);
1256    }
1257    
1258    :root {
1259        --fancy-box-shadow: 0 0 0 1px rgba(64,87,109,0.04),0 2px 4px -1px rgba(64,87,109,0.3),inset 0 0 0 1px rgba(0,0,0,.1);
1260        --fancy-box-shadow-hover: 0 0 0 1px rgba(64,87,109,0.04),0 2px 4px -1px rgba(64,87,109,0.3);
1261    }
1262
1263    textarea {
1264        resize: vertical;
1265    }
1266    .large-font-text-input {
1267        font-size: 1.8rem;
1268        height: auto;
1269        line-height: normal !important;
1270    }
1271    .button {
1272        text-align:center;
1273        height: auto;
1274        padding: 11px 22px 9px 22px;
1275        white-space: normal;
1276        line-height: normal;
1277    }
1278
1279    .button.button-mini {
1280        text-align:center;
1281        padding: 4px 14px 2px 14px;
1282        height: auto;
1283        line-height: 19px;
1284        white-space: normal;
1285    }
1286
1287    .button.button-small {
1288        text-align:center;
1289        padding: 6px 17px 4px 17px;
1290        height: auto;
1291        line-height: 21px;
1292        white-space: normal;
1293    }
1294
1295    .button.button-large {
1296        text-align:center;
1297        padding: 9px 26px 7px 26px;
1298        height: auto;
1299        line-height: 27px;
1300        white-space: normal;
1301    }
1302
1303    .button.button-xlarge {
1304        text-align:center;
1305        padding: 11px 32px 8px 32px;
1306        height: auto;
1307        line-height: 30px;
1308        white-space: normal;
1309    }
1310
1311    .button.button-border {
1312        line-height: normal;
1313    }
1314    #gotoTop, .stretched #gotoTop {
1315        right: 60px;
1316        bottom: 13px;
1317    }
1318        @media (min-width: 992px) {
1319        #header.transparent-header.full-header.sticky-header:not(.dark) > #header-wrap > .container {
1320            background: rgba(255,255,255,0.8);
1321        }
1322        #header.transparent-header.full-header.sticky-header.dark > #header-wrap > .container {
1323            background: rgba(50,50,50,0.9);
1324        }
1325        #header.transparent-header.full-header.sticky-header > #header-wrap > .container > #primary-menu {
1326            height: auto;
1327        }
1328        #header.transparent-header.full-header.sticky-header > #header-wrap > .container > #primary-menu > ul {
1329            height: auto;
1330        }
1331        #header.transparent-header.full-header:not(.dark):not(.sticky-header) > #header-wrap > .container > #primary-menu > ul {
1332            height: auto;
1333        }
1334        #header.transparent-header.full-header:not(.dark):not(.sticky-header) > #header-wrap > .container > #primary-menu > ul.dropped {
1335            background: rgba(255,255,255,0.8);
1336        }
1337        #header.transparent-header.full-header.dark:not(.sticky-header) > #header-wrap > .container > #primary-menu > ul {
1338            height: auto;
1339        }
1340        #header.transparent-header.full-header.dark:not(.sticky-header) > #header-wrap > .container > #primary-menu > ul.dropped {
1341            background: rgba(50,50,50,0.9);
1342        }
1343        #header.transparent-header.full-header.sticky-header.dark > #header-wrap > .container > #primary-menu > ul {
1344            background: rgba(50,50,50,0.9);
1345        }
1346        .modal-xl {
1347            width: 98vw;
1348        }
1349    }
1350    @media (max-width: 991px) {
1351        /* this allows items in the mobile menu to wrap correctly */
1352        body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a {
1353            height: fit-content !important;
1354            color: #ffa954 !important;
1355        }
1356
1357        /* Shrink padding in mobile dialog boxes */
1358        .modal > .modal-dialog {
1359            margin: 0;
1360        }
1361        .modal > .modal-dialog > .modal-body {
1362            padding: 0;
1363        }
1364        .modal-dialog {
1365            width: 100dvw;
1366        }
1367        .modal-xl {
1368            max-width: 100%;
1369            width: 100%;
1370        }
1371
1372        #primary-menu ul li {
1373            padding: 13px 0;
1374        }
1375
1376        #primary-menu ul li a, #primary-menu.style-2 > div > ul > li > a {
1377            line-height: 1.5 !important;
1378            height: auto !important;
1379        }
1380    }
1381
1382        .voice-button-wrapper {
1383        display: grid;
1384        grid-template-columns: auto 1fr;
1385        grid-gap: 5px;
1386        align-items: center;
1387    }
1388    .voice-button-wrapper-align-top {
1389        align-items: start;
1390    }
1391    @media( max-width: 991px ) {
1392        .voice-button-wrapper:not(.voice-button-wrapper-left-align-button) {
1393            grid-template-columns: 1fr auto;
1394        }
1395        .voice-button-wrapper:not(.voice-button-wrapper-left-align-button) > *:first-child {
1396                        order: 2;
1397        }
1398    }
1399
1400    /* Columnar grids */
1401
1402    /* 2 across, 1 across on mobile, for a 2x3 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */
1403
1404    .grid-equal-row-2  {
1405        display: grid;
1406        grid-template-columns: repeat(2, minmax(0,1fr));
1407        column-gap: 1rem;
1408        row-gap: 5px;
1409        margin-bottom: 40px;
1410    }
1411    @media (max-width:991px) {
1412        .grid-equal-row-2 {
1413            grid-template-columns: 1fr;
1414        }
1415        .grid-equal-heading-column-1 { grid-column: 1; grid-row: 1; }
1416        .grid-equal-body-column-1    { grid-column: 1; grid-row: 2; }
1417        .grid-equal-footer-column-1  { grid-column: 1; grid-row: 3; }
1418
1419        .grid-equal-heading-column-2 { grid-column: 1; grid-row: 4; margin-top: 30px; }
1420        .grid-equal-body-column-2    { grid-column: 1; grid-row: 5; }
1421        .grid-equal-footer-column-2  { grid-column: 1; grid-row: 6; }
1422    }
1423
1424    /* 3 across, 1 across on mobile, for a 3x3 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */
1425
1426    .grid-equal-row-3  {
1427        display: grid;
1428        grid-template-columns: repeat(3, minmax(0,1fr));
1429        column-gap: 1rem;
1430        row-gap: 5px;
1431        margin-bottom: 40px;
1432    }
1433    @media (max-width:991px) {
1434        .grid-equal-row-3 {
1435            grid-template-columns: 1fr;
1436        }
1437        .grid-equal-heading-column-1 { grid-column: 1; grid-row: 1; }
1438        .grid-equal-body-column-1    { grid-column: 1; grid-row: 2; }
1439        .grid-equal-footer-column-1  { grid-column: 1; grid-row: 3; }
1440
1441        .grid-equal-heading-column-2 { grid-column: 1; grid-row: 4; margin-top: 30px; }
1442        .grid-equal-body-column-2    { grid-column: 1; grid-row: 5; }
1443        .grid-equal-footer-column-2  { grid-column: 1; grid-row: 6; }
1444
1445        .grid-equal-heading-column-3 { grid-column: 1; grid-row: 7; margin-top: 30px; }
1446        .grid-equal-body-column-3    { grid-column: 1; grid-row: 8; }
1447        .grid-equal-footer-column-3  { grid-column: 1; grid-row: 9; }
1448    }
1449
1450    /* Same as grid-equal-row-3 but without the header row.
1451     * 3 across, 1 across on mobile, for a 3x2 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */
1452
1453    .grid-equal-row-3-no-header  {
1454        display: grid;
1455        grid-template-columns: repeat(3, 1fr);
1456        column-gap: 1rem;
1457        row-gap: 5px;
1458        margin-bottom: 40px;
1459    }
1460    @media (max-width:991px) {
1461        .grid-equal-row-3-no-header {
1462            grid-template-columns: 1fr;
1463        }
1464        .grid-equal-body-column-1    { grid-column: 1; grid-row: 1; }
1465        .grid-equal-footer-column-1  { grid-column: 1; grid-row: 2; }
1466
1467        .grid-equal-body-column-2    { grid-column: 1; grid-row: 3; margin-top: 30px; }
1468        .grid-equal-footer-column-2  { grid-column: 1; grid-row: 4; }
1469
1470        .grid-equal-body-column-3    { grid-column: 1; grid-row: 5; margin-top: 30px; }
1471        .grid-equal-footer-column-3  { grid-column: 1; grid-row: 6; }
1472    }
1473
1474    /* 2 across, 1 across on mobile, for a 2x2 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */
1475
1476    .grid-equal-row-2-centered  {
1477        display: grid;
1478        grid-template-columns: repeat(6, 1fr);
1479        column-gap: 1rem;
1480        row-gap: 5px;
1481        margin-bottom: 40px;
1482        grid-template-areas:
1483                "a b b c c d"
1484                "a e e f f d";
1485    }
1486    .grid-equal-row-2-centered .grid-equal-body-column-1    { grid-area: b; }
1487    .grid-equal-row-2-centered .grid-equal-footer-column-1  { grid-area: e; }
1488
1489    .grid-equal-row-2-centered .grid-equal-body-column-2    { grid-area: c; }
1490    .grid-equal-row-2-centered .grid-equal-footer-column-2  { grid-area: f; }
1491
1492    @media (max-width:991px) {
1493        .grid-equal-row-2-centered {
1494            grid-template-columns: 1fr;
1495            grid-template-areas: none;
1496        }
1497        .grid-equal-row-2-centered .grid-equal-body-column-1    { grid-column: 1; grid-row: 1; }
1498        .grid-equal-row-2-centered .grid-equal-footer-column-1  { grid-column: 1; grid-row: 2; }
1499
1500        .grid-equal-row-2-centered .grid-equal-body-column-2    { grid-column: 1; grid-row: 3; margin-top: 30px; }
1501        .grid-equal-row-2-centered .grid-equal-footer-column-2  { grid-column: 1; grid-row: 4; }
1502    }
1503
1504    /* 1 across desktop, 1 across on mobile, for a 1x2 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */
1505
1506    .grid-equal-row-1-centered  {
1507        display: grid;
1508        grid-template-columns: repeat(6, 1fr);
1509        column-gap: 1rem;
1510        row-gap: 5px;
1511        margin-bottom: 40px;
1512        grid-template-areas:
1513                "a a b b d d"
1514                "a a e e d d";
1515    }
1516    .grid-equal-row-1-centered .grid-equal-body-column-1    { grid-area: b; }
1517    .grid-equal-row-1-centered .grid-equal-footer-column-1  { grid-area: e; }
1518
1519    @media (max-width:991px) {
1520        .grid-equal-row-1-centered {
1521            grid-template-columns: 1fr;
1522            grid-template-areas: none;
1523        }
1524        .grid-equal-row-1-centered .grid-equal-body-column-1    { grid-column: 1; grid-row: 1; }
1525        .grid-equal-row-1-centered .grid-equal-footer-column-1  { grid-column: 1; grid-row: 2; }
1526    }
1527
1528    /* 4 across, 1 across on mobile, for a 4x1 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */
1529
1530    .grid-equal-row-4  {
1531        display: grid;
1532        grid-template-columns: repeat(4, 1fr);
1533        column-gap: 1rem;
1534        row-gap: 5px;
1535        margin-bottom: 40px;
1536    }
1537    @media (max-width:991px) {
1538        .grid-equal-row-4 {
1539            grid-template-columns: 1fr;
1540        }
1541        .grid-equal-heading-column-1 { grid-column: 1; grid-row: 1; }
1542        .grid-equal-body-column-1    { grid-column: 1; grid-row: 2; }
1543        .grid-equal-footer-column-1  { grid-column: 1; grid-row: 3; }
1544
1545        .grid-equal-heading-column-2 { grid-column: 1; grid-row: 4; margin-top: 30px; }
1546        .grid-equal-body-column-2    { grid-column: 1; grid-row: 5; }
1547        .grid-equal-footer-column-2  { grid-column: 1; grid-row: 6; }
1548
1549        .grid-equal-heading-column-3 { grid-column: 1; grid-row: 7; margin-top: 30px; }
1550        .grid-equal-body-column-3    { grid-column: 1; grid-row: 8; }
1551        .grid-equal-footer-column-3  { grid-column: 1; grid-row: 9; }
1552
1553        .grid-equal-heading-column-4 { grid-column: 1; grid-row: 10; margin-top: 30px; }
1554        .grid-equal-body-column-4    { grid-column: 1; grid-row: 11; }
1555        .grid-equal-footer-column-4  { grid-column: 1; grid-row: 12; }
1556    }
1557
1558    /* 5 across, 1 across on mobile, for a 5x1 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */
1559
1560    .grid-equal-row-5  {
1561        display: grid;
1562        grid-template-columns: repeat(5, 1fr);
1563        column-gap: 1rem;
1564        row-gap: 5px;
1565        margin-bottom: 40px;
1566    }
1567    @media (max-width:991px) {
1568        .grid-equal-row-5 {
1569            grid-template-columns: 1fr;
1570        }
1571    }
1572
1573    /* 6 across, 1 across on mobile, for a 6x1 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */
1574
1575    .grid-equal-row-6  {
1576        display: grid;
1577        grid-template-columns: repeat(6, 1fr);
1578        column-gap: 1rem;
1579        row-gap: 5px;
1580        margin-bottom: 40px;
1581    }
1582    @media (max-width:991px) {
1583        .grid-equal-row-6 {
1584            grid-template-columns: 1fr;
1585        }
1586    }
1587
1588    /* 2 across, 1 across on mobile */
1589    .grid-row-2 {
1590        row-gap: 1rem;
1591        margin: 0.5rem 0;
1592    }
1593
1594    @media (max-width: 991px) {
1595        .grid-row-2 {
1596            display: grid; grid-template-columns: repeat(1, 1fr);
1597        }
1598    }
1599
1600    @media (min-width: 992px) {
1601        .grid-row-2 {
1602            display: grid; grid-template-columns: repeat(2, 1fr);
1603        }
1604    }
1605
1606    /* 3 across, 1 across on mobile */
1607    .grid-row-3 {
1608        row-gap: 1rem;
1609        margin: 0.5rem 0;
1610    }
1611
1612    @media (max-width: 991px) {
1613        .grid-row-3 {
1614            display: grid; grid-template-columns: repeat(1, 1fr);
1615        }
1616    }
1617
1618    @media (min-width: 992px) {
1619        .grid-row-3 {
1620            display: grid; grid-template-columns: repeat(3, 1fr);
1621        }
1622    }
1623
1624    /* 2 across, first 2/3, second 1/3, 1 across on mobile */
1625    .grid-row-2-2-1 {
1626        row-gap: 1rem;
1627        margin: 0.5rem 0;
1628    }
1629
1630    @media (max-width: 991px) {
1631        .grid-row-2-2-1 {
1632            display: grid; grid-template-columns: repeat(1, 1fr);
1633        }
1634    }
1635
1636    @media (min-width: 992px) {
1637        .grid-row-2-2-1 {
1638            display: grid;
1639            grid-template-columns: 2fr 1fr;
1640        }
1641    }
1642
1643    /* 4 across, 2 across on mobile */
1644    .grid-row-4 {
1645        row-gap: 1rem;
1646        margin: 0.5rem 0;
1647    }
1648
1649    @media (max-width: 991px) {
1650        .grid-row-4 {
1651            display: grid; grid-template-columns: repeat(2, 1fr);
1652        }
1653    }
1654
1655    @media (min-width: 992px) {
1656        .grid-row-4 {
1657            display: grid; grid-template-columns: repeat(4, 1fr);
1658        }
1659    }
1660
1661    /* 5 across, 1 across on mobile */
1662    .grid-row-5 {
1663        row-gap: 1rem;
1664        margin: 0.5rem 0;
1665    }
1666
1667    @media (max-width: 991px) {
1668        .grid-row-5 {
1669            display: grid; grid-template-columns: repeat(1, 1fr);
1670        }
1671    }
1672
1673    @media (min-width: 992px) {
1674        .grid-row-5 {
1675            display: grid; grid-template-columns: repeat(5, 1fr);
1676        }
1677    }
1678
1679    /* 6 across, 2 across on mobile */
1680    .grid-row-6 {
1681        row-gap: 1rem;
1682        margin: 0.5rem 0;
1683    }
1684
1685    @media (max-width: 991px) {
1686        .grid-row-6 {
1687            display: grid; grid-template-columns: repeat(2, 1fr);
1688        }
1689    }
1690
1691    @media (min-width: 992px) {
1692        .grid-row-6 {
1693            display: grid; grid-template-columns: repeat(6, 1fr);
1694        }
1695    }
1696
1697    /* 8 across, 2 across on mobile */
1698    .grid-row-8 {
1699        row-gap: 1rem;
1700        margin: 0.5rem 0;
1701    }
1702
1703    @media (max-width: 991px) {
1704        .grid-row-8 {
1705            display: grid; grid-template-columns: repeat(2, 1fr);
1706        }
1707    }
1708
1709    @media (min-width: 992px) {
1710        .grid-row-8 {
1711            display: grid; grid-template-columns: repeat(8, 1fr);
1712        }
1713    }
1714
1715    /* Grid with variable number of columns based on screen width - for panels with smaller content. Starts with 2 columns on mobile. */
1716    .grid-list-variable-small {
1717        display: grid;
1718        grid-template-columns: repeat( 2, minmax(0, 1fr) );
1719        column-gap: 3rem;
1720        row-gap: 3rem;
1721    }
1722    @media (min-width:992px) {
1723        .grid-list-variable-small {
1724            grid-template-columns: repeat( 3, minmax(0, 1fr) );
1725        }
1726    }
1727    @media (min-width:1400px) {
1728        .grid-list-variable-small {
1729            grid-template-columns: repeat( 4, minmax(0, 1fr) );
1730        }
1731    }
1732    @media (min-width:1800px) {
1733        .grid-list-variable-small {
1734            grid-template-columns: repeat( 5, minmax(0, 1fr) );
1735        }
1736    }
1737    @media (min-width:2200px) {
1738        .grid-list-variable-small {
1739            grid-template-columns: repeat( 6, minmax(0, 1fr) );
1740        }
1741    }
1742    @media (min-width:2600px) {
1743        .grid-list-variable-small {
1744            grid-template-columns: repeat( 7, minmax(0, 1fr) );
1745        }
1746    }
1747    @media (min-width:3000px) {
1748        .grid-list-variable-small {
1749            grid-template-columns: repeat( 8, minmax(0, 1fr) );
1750        }
1751    }
1752
1753    /* Grid with variable number of columns based on screen width - for panels with smaller content. Starts with 1 column on mobile. */
1754    .grid-list-variable-small-1-column {
1755        display: grid;
1756        grid-template-columns: repeat( 1, minmax(0, 1fr) );
1757        column-gap: 3rem;
1758        row-gap: 3rem;
1759    }
1760    @media (min-width:992px) {
1761        .grid-list-variable-small-1-column {
1762            grid-template-columns: repeat( 2, minmax(0, 1fr) );
1763        }
1764    }
1765    @media (min-width:1200px) {
1766        .grid-list-variable-small-1-column {
1767            grid-template-columns: repeat( 3, minmax(0, 1fr) );
1768        }
1769    }
1770    @media (min-width:1600px) {
1771        .grid-list-variable-small-1-column {
1772            grid-template-columns: repeat( 4, minmax(0, 1fr) );
1773        }
1774    }
1775    @media (min-width:2000px) {
1776        .grid-list-variable-small-1-column {
1777            grid-template-columns: repeat( 5, minmax(0, 1fr) );
1778        }
1779    }
1780    @media (min-width:2400px) {
1781        .grid-list-variable-small-1-column {
1782            grid-template-columns: repeat( 6, minmax(0, 1fr) );
1783        }
1784    }
1785    @media (min-width:2800px) {
1786        .grid-list-variable-small-1-column {
1787            grid-template-columns: repeat( 7, minmax(0, 1fr) );
1788        }
1789    }
1790
1791    /* Grid with variable number of columns based on screen width - for panels with smaller content. Starts with 1 column on mobile. */
1792    .grid-list-variable {
1793        display: grid;
1794        grid-template-columns: repeat( 1, minmax(0, 1fr) );
1795        column-gap: 3rem;
1796        row-gap: 3rem;
1797    }
1798    @media (min-width:992px) {
1799        .grid-list-variable {
1800            grid-template-columns: repeat( 2, minmax(0, 1fr) );
1801        }
1802    }
1803    @media (min-width:1400px) {
1804        .grid-list-variable {
1805            grid-template-columns: repeat( 3, minmax(0, 1fr) );
1806        }
1807    }
1808    @media (min-width:1800px) {
1809        .grid-list-variable {
1810            grid-template-columns: repeat( 4, minmax(0, 1fr) );
1811        }
1812    }
1813    @media (min-width:2200px) {
1814        .grid-list-variable {
1815            grid-template-columns: repeat( 5, minmax(0, 1fr) );
1816        }
1817    }
1818    @media (min-width:2600px) {
1819        .grid-list-variable {
1820            grid-template-columns: repeat( 6, minmax(0, 1fr) );
1821        }
1822    }
1823    @media (min-width:3000px) {
1824        .grid-list-variable {
1825            grid-template-columns: repeat( 8, minmax(0, 1fr) );
1826        }
1827    }
1828
1829    /* Grid with variable number of columns based on screen width - for panels with larger content. Starts with 1 column on mobile. */
1830    .grid-list-variable-large {
1831        display: grid;
1832        grid-template-columns: repeat( 1, minmax(0, 1fr) );
1833        column-gap: 3rem;
1834        row-gap: 3rem;
1835    }
1836    @media (min-width:1300px) {
1837        .grid-list-variable-large {
1838            grid-template-columns: repeat( 2, minmax(0, 1fr) );
1839        }
1840    }
1841    @media (min-width:1800px) {
1842        .grid-list-variable-large {
1843            grid-template-columns: repeat( 3, minmax(0, 1fr) );
1844        }
1845    }
1846    @media (min-width:2200px) {
1847        .grid-list-variable-large {
1848            grid-template-columns: repeat( 4, minmax(0, 1fr) );
1849        }
1850    }
1851    @media (min-width:2600px) {
1852        .grid-list-variable-large {
1853            grid-template-columns: repeat( 5, minmax(0, 1fr) );
1854        }
1855    }
1856    @media (min-width:3000px) {
1857        .grid-list-variable-large {
1858            grid-template-columns: repeat( 6, minmax(0, 1fr) );
1859        }
1860    }
1861
1862
1863    /* Override for section class styles for pages built with the page editor */
1864    section .content-wrap .section {
1865        background: transparent none;
1866    }
1867
1868    /* Enlarge the default width of the container class to allow for use of more space on mobile */
1869    @media (max-width: 767px) {
1870        #header.full-header .container, .container, .container-fullwidth {
1871            width: calc( 100vw - 20px ) !important;
1872        }
1873    }
1874
1875    .flex-center {
1876        display: flex;
1877        justify-content: center;
1878        align-items: center;
1879    }
1880    @media (max-width: 991px) {
1881        .flex-center {
1882            flex-direction: column;
1883        }
1884    }
1885
1886
1887        :not(.fr-view) table { margin-bottom: 0; }
1888        div:not(.fr-wrapper) > .fr-view table td, div:not(.fr-wrapper) > .fr-view table th { border: 0; }
1889
1890    /* Rotate any element */
1891    .rotate {
1892        animation: rotate 1.5s linear infinite;
1893    }
1894    @keyframes rotate {
1895        to {
1896            transform: rotate(360deg);
1897        }
1898    }
1899
1900    /* A tilt-shake animation used for missing required fields. See also the highlightRequiredField() function at the bottom of this file. */
1901    @keyframes tilt-shaking {
1902        0% { transform: rotate(0deg); }
1903        25% { transform: rotate(5deg); }
1904        50% { transform: rotate(0deg); }
1905        75% { transform: rotate(-5deg); }
1906        100% { transform: rotate(0deg); }
1907    }
1908    .tilt-shaking {
1909        scale: 1.1;
1910        animation: tilt-shaking 0.25s infinite;
1911    }
1912
1913
1914    /* Hide on website (not in back office) */
1915    .hide-on-website { display: none; }
1916    
1917
1918        .aw-carousel {
1919        box-sizing: border-box;
1920        height: 100%;
1921        overflow: hidden;
1922        align-items: center;
1923        justify-content: center;
1924        text-align: center;
1925        width: 100%;
1926
1927        & > div {
1928            display: flex;
1929
1930            overflow-x: auto;
1931            scroll-snap-type: x mandatory;
1932
1933            scroll-behavior: smooth;
1934            -webkit-overflow-scrolling: touch;
1935        }
1936
1937        & > .aw-slides {
1938            margin-bottom: 5px;
1939            height: 300px;
1940            -ms-overflow-style: none;              scrollbar-width: none;         }
1941
1942                & > .aw-slides::-webkit-scrollbar {
1943            display: none;
1944        }
1945
1946        & > .aw-slides > div {
1947            scroll-snap-align: start;
1948            flex-shrink: 0;
1949            width: 100%;
1950            margin-right: 50px;
1951            position: relative;
1952            overflow: hidden;
1953
1954            display: flex;
1955            justify-content: center;
1956            align-items: center;
1957            flex-direction: column;
1958        }
1959
1960        & > .aw-slides div.aw-image-only a, & > .aw-slides div.aw-image-only img {
1961            object-fit: contain;
1962            width: 100% !important;
1963            height: 100%;
1964        }
1965        &.aw-carousel-cover-slide-image > .aw-slides div.aw-image-only img {
1966            object-fit: cover;
1967        }
1968
1969        & > .aw-slides div .fr-video {
1970            width: 500px;
1971        }
1972        @media( max-width: 991px ) {
1973            & > .aw-slides div .fr-video {
1974                width: 90vw;
1975            }
1976        }
1977
1978        & > a {
1979            display: inline-flex;
1980            width: 1.6rem;
1981            height: 1.6rem;
1982            background: #333333;
1983            text-decoration: none;
1984            align-items: center;
1985            justify-content: center;
1986            border-radius: 50%;
1987            border: 1px solid #ffffff;
1988            margin: 0 0 0.5rem 0;
1989            position: relative;
1990        }
1991
1992        & > a:hover {
1993            filter: brightness( 0.9 );
1994        }
1995
1996        & > a:active {
1997            top: 1px;
1998        }
1999
2000        & > a:focus {
2001            background: #000;
2002        }
2003
2004        & > a + a {
2005            margin-left: 5px;
2006        }
2007
2008        &.aw-carousel-no-dots > a {
2009            display: none;
2010        }
2011    }
2012    
2013        .aw-countdown {
2014        display: flex;
2015        justify-content: center;
2016        margin: 1em 0;
2017        @media( max-width: 767px ) {
2018            & {
2019                font-size: 3vw !important;
2020            }
2021        }
2022
2023        & > div {
2024            display: flex;
2025            padding: 0.6em 1.8em 1.6em 1.6em;
2026                        cursor: default;
2027                    }
2028
2029        & > div > div {
2030            display: flex;
2031            flex-direction: column;
2032            align-items: center;
2033            margin: 0 0.8em;
2034        }
2035
2036        & > div > div > span:first-child {
2037            font-size: 4em;
2038            margin-top: 0.15em;
2039            text-align: center;
2040        }
2041
2042        & > div > div > span:last-child {
2043            font-size: 1.2em;
2044        }
2045    }
2046    
2047    </style>
2048<style>
2049@keyframes awTickerScroll {
2050    0%   { transform: translate3d(0, 0, 0); }
2051    100% { transform: translate3d(-50%, 0, 0); }
2052}
2053.aw-ticker-wrap {
2054    overflow: hidden;
2055    background-color: var(--tw-bg, transparent);
2056}
2057.aw-ticker {
2058    display: flex;
2059    align-items: center;
2060    white-space: nowrap;
2061    will-change: transform;
2062    animation: awTickerScroll 22s linear infinite;
2063    width: max-content;
2064    flex-shrink: 0;
2065    padding: var(--tw-py, 20px) 0;
2066}
2067.aw-ticker-wrap:not(.no-pause-hover) .aw-ticker:hover {
2068    animation-play-state: paused;
2069}
2070.aw-ticker-item {
2071    display: inline-flex;
2072    align-items: center;
2073    flex: 0 0 auto;
2074    background: var(--tb-bg, #ffffff);
2075    color: var(--tb-color, #3f4242);
2076    padding: var(--tb-py, 12px) var(--tb-px, 18px);
2077    border-radius: var(--tb-r, 30px);
2078    font-size: var(--tb-fs, 17px);
2079    font-family: var(--tb-font, inherit);
2080    font-weight: var(--tb-fw, normal);
2081    font-style: var(--tb-fstyle, normal);
2082    line-height: 1.2;
2083    box-shadow: var(--tb-shadow, none);
2084    border: var(--tb-border, none);
2085    margin: 0 calc(var(--tb-gap, 4px) * 2) 0 0;
2086}
2087.aw-ticker-item a {
2088    color: inherit;
2089    text-decoration: none;
2090}
2091.aw-ticker-item a:hover {
2092    text-decoration: underline;
2093}
2094.aw-ticker-sep {
2095    display: inline-flex;
2096    align-items: center;
2097    justify-content: center;
2098    flex: 0 0 auto;
2099    height: var(--ts-size, 10px);
2100    margin: 0 calc(var(--tb-gap, 4px) * 2) 0 0;
2101}
2102.aw-ticker-sep::before {
2103    content: "";
2104    display: block;
2105    border-radius: 999px;
2106    flex: 0 0 auto;
2107    width: var(--ts-size, 10px);
2108    height: var(--ts-size, 10px);
2109    background: var(--ts-color, #47d4e0);
2110}
2111@media (prefers-reduced-motion: reduce) {
2112    .aw-ticker { animation: none; }
2113}
2114@media (max-width: 480px) {
2115    .aw-ticker-item { font-size: 85%; }
2116}
2117</style>
2118
2119<script>
2120        $(function() {
2121
2122                (function() {
2123            var tickers = document.querySelectorAll('.aw-ticker-wrap');
2124            if (!tickers.length) return;
2125
2126            if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
2127
2128            tickers.forEach(function(wrap) {
2129                var raw = wrap.getAttribute('data-ticker');
2130                if (!raw) { return; }
2131                try {
2132                    var cfg = JSON.parse(raw);
2133                    var duration = cfg.speed || 22;
2134                    var dir = (cfg.direction === 'right') ? 1 : -1;
2135                    var track = wrap.querySelector('.aw-ticker');
2136                    if (track) {
2137                        track.style.animation = 'none';
2138                        track.style.webkitAnimation = 'none';
2139
2140                        function startAnimation() {
2141                            var halfWidth = track.scrollWidth / 2;
2142                            var pos = 0;
2143                            var last = null;
2144                            var isPaused = false;
2145                            var speedPxPerSec = halfWidth / duration;
2146
2147                            if (window.ResizeObserver) {
2148                                var observer = new ResizeObserver(function() {
2149                                    halfWidth = track.scrollWidth / 2;
2150                                    speedPxPerSec = halfWidth / duration;
2151                                });
2152                                observer.observe(track);
2153                            }
2154
2155                            if (cfg.pause_on_hover !== false) {
2156                                wrap.addEventListener('mouseenter', function() { isPaused = true; });
2157                                wrap.addEventListener('mouseleave', function() { isPaused = false; });
2158                            }
2159
2160                            function step(ts) {
2161                                if (last === null) last = ts;
2162                                var delta = (ts - last) / 1000;
2163                                last = ts;
2164
2165                                if (halfWidth > 0 && !isPaused) {
2166                                    pos += dir * speedPxPerSec * delta;
2167                                    if (dir === -1 && pos <= -halfWidth) {
2168                                        pos += halfWidth;
2169                                    } else if (dir === 1 && pos >= 0) {
2170                                        pos -= halfWidth;
2171                                    }
2172                                    track.style.transform = 'translate3d(' + pos + 'px, 0, 0)';
2173                                    track.style.webkitTransform = 'translate3d(' + pos + 'px, 0, 0)';
2174                                }
2175                                requestAnimationFrame(step);
2176                            }
2177                            requestAnimationFrame(step);
2178                        }
2179
2180                        function init() {
2181                            var containerW = wrap.offsetWidth;
2182                            if (containerW === 0) {
2183                                setTimeout(init, 100);
2184                                return;
2185                            }
2186
2187                            var safetyLimit = 20;
2188                            while (track.scrollWidth / 2 < containerW && safetyLimit-- > 0) {
2189                                var existing = track.innerHTML;
2190                                track.innerHTML = existing + existing;
2191                            }
2192
2193                            startAnimation();
2194                        }
2195                        init();
2196                    }
2197                    if (cfg.pause_on_hover === false) wrap.classList.add('no-pause-hover');
2198                } catch(e) {}
2199            });
2200        })();
2201        let AwCarouselIntervals = {}, AwCarouselAutoAdvanceTime = 5000;
2202
2203        // Pause carousel auto-advance when user clicks into a video iframe (Bunny.net, YouTube, Vimeo)
2204        // When the user clicks an iframe, the main window loses focus. We detect that and check
2205        // if the now-focused element is an iframe inside an aw-carousel.
2206        let awCarouselFocusInterval = null;
2207        $(window).on('blur', function() {
2208            setTimeout(function() {
2209                let el = document.activeElement;
2210                if (el && el.tagName === 'IFRAME') {
2211                    let carousel = $(el).closest('.aw-carousel');
2212                    if (carousel.length) {
2213                        carousel.addClass('aw-video-playing');
2214                    }
2215                }
2216            }, 0);
2217        });
2218        $(window).on('focus', function() {
2219            $('.aw-carousel.aw-video-playing').removeClass('aw-video-playing');
2220        });
2221        function createRandomString( strLength = 20 )
2222        {
2223            let result = [];
2224            let charSet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
2225
2226            while (strLength--)
2227                result.push(charSet.charAt(Math.floor(Math.random() * charSet.length)));
2228
2229            return result.join('');
2230        }
2231        function AwCarouselGoToNextSlide( carousel )
2232        {
2233            if (carousel.find('video').toArray().some(v => !v.paused) || carousel.hasClass('aw-video-playing')) return;
2234            let slides_container = carousel.find('.aw-slides');
2235            let slides = slides_container.children();
2236            let carousel_bounding_rect = carousel[0].getBoundingClientRect();
2237
2238                        for( let i = 0; i < slides.length; i++ ) {
2239                let slide_bounding_rect = slides[i].getBoundingClientRect();
2240                if( Math.floor(slide_bounding_rect.x) === Math.floor(carousel_bounding_rect.x) ) {
2241                                        let slide_width = slide_bounding_rect.width;
2242                    let next_slide_index = i + 1;
2243                    if( next_slide_index >= slides.length )
2244                        next_slide_index = 0;
2245                    if( next_slide_index === 0 )
2246                        slides_container[0].scrollLeft = 0;
2247                    else
2248                        slides_container[0].scrollLeft += Math.ceil(slide_width);
2249                    break;
2250                }
2251            }
2252        }
2253        
2254        function GetCarouselSlideAdvanceTime( carousel )
2255        {
2256            let slide_advance_time = carousel.attr('data-auto-advance-seconds');
2257            if( slide_advance_time == '' || typeof slide_advance_time === 'undefined' )
2258                slide_advance_time = AwCarouselAutoAdvanceTime;
2259            else
2260                slide_advance_time = parseInt( slide_advance_time, 10 ) * 1000;
2261            return slide_advance_time;
2262        }
2263
2264        $('.aw-carousel').each( function() {
2265            let carousel = $(this);
2266            let slides = carousel.find('.aw-slides');
2267            let slide_advance_time = GetCarouselSlideAdvanceTime( carousel );
2268
2269                        let carousel_id = createRandomString();
2270            while( $('#' + carousel_id + '-slide-1' ).length > 0 )
2271                carousel_id = createRandomString();
2272
2273                        let carousel_dot_color = '';
2274            let first_dot = carousel[0].querySelector('& > a');
2275            if( first_dot !== null )
2276                carousel_dot_color = first_dot.style.backgroundColor;
2277            carousel.find('> a').remove();
2278
2279                        slides.attr('data-carousel-id', carousel_id );
2280
2281                        slides.children().each( function( index ) {
2282                let slide_id = carousel_id + '-slide-' + (index + 1);
2283                $(this).attr('id', slide_id );
2284                let new_link = document.createElement('a');
2285                new_link.setAttribute('href', '#' + slide_id );
2286                new_link.setAttribute('data-slide-index', index + 1 );
2287                if( carousel_dot_color !== '' )
2288                    new_link.setAttribute('style','background-color: ' + carousel_dot_color + ';');
2289                new_link.innerHTML = '&nbsp;';
2290                                carousel.append( new_link );
2291            });
2292
2293
2294            if( carousel.hasClass('aw-automatic-carousel') )
2295               AwCarouselIntervals[ carousel_id ] = setInterval( () => AwCarouselGoToNextSlide( carousel ), slide_advance_time );
2296        });
2297        
2298        $('.aw-carousel > a').click( function( evt ) {
2299                        let slides_container = $(this).parent().find('.aw-slides');
2300            let slide_width = slides_container.children()[0].getBoundingClientRect().width;
2301            let slide_index = parseInt( $(this).attr('data-slide-index'), 10 );
2302            slides_container[0].scrollLeft = (slide_width * (slide_index - 1));
2303
2304            // get the entire carousel
2305            let carousel = $(this).parent();
2306            let slide_advance_time = GetCarouselSlideAdvanceTime( carousel );
2307
2308
2309                    let carousel_id = slides_container.attr('data-carousel-id');
2310            if( AwCarouselIntervals[ carousel_id ] ) {
2311                clearInterval( AwCarouselIntervals[ carousel_id ] );
2312                AwCarouselIntervals[ carousel_id ] = setInterval( () => AwCarouselGoToNextSlide( $(this).parent().parent() ), slide_advance_time );
2313            }
2314            evt.preventDefault();
2315            evt.stopPropagation();
2316            return false;
2317        });
2318    });
2319</script>
2319
2320
2321<script>
2322    let countdownTimers = [];
2323    function StartCountdownTimers( countdown_selector = '.aw-countdown', options = {} )
2324    {
2325        function countdown( element, expiration_url ) {
2326            let end_date_time = element.getAttribute('data-end-datetime');
2327            let timer_length = element.getAttribute('data-end-minutes');
2328
2329            if( typeof end_date_time !== 'string' && typeof timer_length !== 'string' )
2330                return false;
2331
2332                        if( typeof allowUndo === 'boolean' )
2333                allowUndo = false;
2334
2335            let targetDate;
2336
2337            if( typeof end_date_time === 'string' )
2338                targetDate = new Date( end_date_time );
2339            else {
2340                let end_minutes = parseInt(timer_length, 10);
2341                if( isNaN( end_minutes ) )
2342                    return false;
2343                let current_date = new Date();
2344                targetDate = new Date();
2345                targetDate.setTime( current_date.getTime() + (end_minutes * 60 * 1000) );
2346                if( options && options['remove-end-minutes'] === true )
2347                    element.removeAttribute('data-end-minutes');
2348                element.setAttribute('data-end-datetime', targetDate.toISOString());
2349            }
2350            const now = new Date();
2351
2352            const difference = targetDate - now;
2353
2354            let days = Math.max(Math.floor(difference / (1000 * 60 * 60 * 24)), 0);
2355            let hours = Math.max(Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)), 0);
2356            let minutes = Math.max(Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60)), 0);
2357            let seconds = Math.max(Math.floor((difference % (1000 * 60)) / 1000), 0);
2358
2359            let days_text = days.toString().padStart(2, '0');
2360            let hours_text = hours.toString().padStart(2, '0');
2361            let minutes_text = minutes.toString().padStart(2, '0');
2362            let seconds_text = seconds.toString().padStart(2, '0');
2363
2364            element.querySelector('& > div > div:first-child > span:first-child').textContent = days_text;
2365            element.querySelector('& > div > div:nth-child(2) > span:first-child').textContent = hours_text;
2366            element.querySelector('& > div > div:nth-child(3) > span:first-child').textContent = minutes_text;
2367            element.querySelector('& > div > div:nth-child(4) > span:first-child').textContent = seconds_text;
2368
2369                        if( typeof allowUndo === 'boolean' )
2370                allowUndo = false;
2371
2372                        if( expiration_url !== null && expiration_url !== '' && days <= 0 && hours <= 0 && minutes <= 0 && seconds <= 0 )
2373                location.href = expiration_url;
2374                    }
2375        function createCountdownHtml( element, color, background_color )
2376        {
2377            if( element.innerHTML !== '' && element.querySelectorAll('div > div > span').length === 8 ) {
2378                if( color !== null )
2379                    element.style.color = color;
2380                if( background_color !== null )
2381                    element.style.backgroundColor = background_color;
2382                element.querySelectorAll('div > div > span:first-child').forEach( element => {
2383                    element.innerHTML = '00';
2384                });
2385            }
2386            else {
2387                element.innerHTML = '<div style="' +
2388                    (color !== null ? 'color:' + escapeHtml(color) + ';' : '') +
2389                    (background_color !== null ? 'background-color:' + escapeHtml(background_color) + ';' : '') + '">' +
2390                    '<div><span>00</span><span>Days</span></div>' +
2391                    '<div><span>00</span><span>Hours</span></div>' +
2392                    '<div><span>00</span><span>Minutes</span></div>' +
2393                    '<div><span>00</span><span>Seconds</span></div>' +
2394                    '</div>';
2395            }
2396        }
2397
2398        let default_countdown_selector = '.aw-countdown';
2399        let has_custom_selector = (typeof countdown_selector === 'string' && countdown_selector !== default_countdown_selector );
2400        if( !has_custom_selector )
2401            countdown_selector = default_countdown_selector;
2402
2403        for( let i = countdownTimers.length - 1; i >= 0; i-- ) {
2404            if (!has_custom_selector || (countdown_selector.charAt(0) === '#' && countdownTimers[i].id === countdown_selector.substring(1))) {
2405                clearInterval(countdownTimers[i].interval);
2406                countdownTimers.splice(i, 1);
2407            }
2408        }
2409
2410        let countdown_elements = document.querySelectorAll( countdown_selector );
2411
2412        for( let i = 0; i < countdown_elements.length; i++ ) {
2413            let element = countdown_elements[i];
2414            let end_date_time = element.getAttribute('data-end-datetime');
2415            let timer_length = element.getAttribute('data-end-minutes');
2416            let expiration_url = element.getAttribute('data-expiration-url');
2417            let color = element.getAttribute('data-color');
2418            let background_color = element.getAttribute('data-background-color');
2419            if( typeof end_date_time === 'string' || typeof timer_length === 'string' ) {
2420                createCountdownHtml( element, color, background_color );
2421
2422                if( options && options.remember === true && typeof element.getAttribute('data-end-minutes') === 'string' && element.getAttribute('data-end-minutes') !== '' ) {
2423                    let existing_expires = Cookies.get('aw-countdown-' + i);
2424                    if( typeof existing_expires === 'undefined' ) {
2425                        let expiration_minutes = element.getAttribute('data-end-minutes');
2426                        if (expiration_minutes) {
2427                            expiration_minutes = parseInt(expiration_minutes, 10);
2428
2429                            if( typeof end_date_time !== 'string' ) {
2430                                let current_date = new Date();
2431                                let targetDate = new Date();
2432                                targetDate.setTime( current_date.getTime() + (expiration_minutes * 60 * 1000) );
2433                                end_date_time = targetDate.toISOString();
2434                            }
2435                                                        let cookie_expires_date = new Date(new Date().getTime() + ((expiration_minutes + 1440) * 60 * 1000));
2436                            Cookies.set('aw-countdown-' + i, end_date_time, {
2437                                path: window.location.pathname,
2438                                expires: cookie_expires_date
2439                            });
2440                        }
2441                    }
2442                    else {
2443                                                element.setAttribute('data-end-datetime', existing_expires);
2444                    }
2445                }
2446
2447                countdown( element, expiration_url );
2448                countdownTimers.push( { id: element.id, interval: setInterval(() => countdown( element, expiration_url ), 1000) } );
2449            }
2450        }
2451    }
2452
2453    document.addEventListener('DOMContentLoaded', function() {
2454        StartCountdownTimers( '.aw-countdown', {
2455            remember: true });
2456    } );
2457
2458</script>
2458
2459
2460<script>
2461    $(function() {
2462                function MenuCheck()
2463        {
2464            try {
2465                let jquery_element = $('#primary-menu > ul');
2466                let js_element = jquery_element[0];
2467                if( js_element.getBoundingClientRect().y > 0 && !jquery_element.hasClass('dropped') )
2468                    jquery_element.addClass('dropped');
2469                else if( js_element.getBoundingClientRect().y === 0 && jquery_element.hasClass('dropped') )
2470                    jquery_element.removeClass('dropped');
2471            }
2472            catch( err ) {}
2473        }
2474        $(window).resize( MenuCheck );
2475        MenuCheck();
2476
2477                $('[href^="#copytoclipboard="]').click( function() {
2478            let text = $(this).attr('href').substring(17);
2479            CopyToClipboard( decodeURIComponent( text ) );
2480            return false;
2481        });
2482    });
2483
2484    function highlightRequiredField( field_id, callback )
2485    {
2486        $('#' + field_id).addClass('tilt-shaking');
2487        setTimeout( () => {
2488            $('#' + field_id).removeClass('tilt-shaking');
2489            if( typeof callback === 'function' )
2490                callback();
2491        }, 750 );
2492    }
2493
2494        function CopyToClipboard( text, success_message = 'Copied to clipboard', failure_message = 'Failed to copy to clipboard' )
2495    {
2496        window.navigator.clipboard.writeText( text ).then( function() {
2497            toastr.info( success_message );
2498        }, function() {
2499            toastr.error( failure_message );
2500        });
2501        return false;
2502    }
2503</script>
2503
2504    <!-- Override Styles -->
2505    <style media="all">
2506        #primary-menu-trigger {
2507            font-size: 27px;
2508            margin-left: 10px;
2509        }
2510        .thin-font {
2511            font-weight: 300;
2512        }
2513        .section {
2514            background-color: #f7f7f7;
2515        }
2516        .bottle-lineup {
2517            height: 160px;
2518        }
2519        .bottle-popular {
2520            background-size: contain;
2521            background-repeat: no-repeat;
2522            background-position: center;
2523            height: 100px !important;
2524        }
2525        .menu-flag {
2526            width:16px;
2527            position: relative;
2528            top:-2px;
2529            margin-right:5px;
2530        }
2531        #logo > a {
2532            text-transform: none !important;
2533        }
2534        #logo {
2535            border-right: 0 !important;
2536        margin: 30px 0 0 0;        }
2537        #logo a.standard-logo { display: inline; }
2538
2539        #logo a.retina-logo { display: none; }
2540
2541        #header.transparent-header.full-header #header-wrap {
2542            border-bottom: none;  /* Remove top line in the theme to clean up display */
2543        }
2544
2545                #primary-menu-trigger {
2546            text-align: left;
2547        }
2548
2549        .get-started-button-top {
2550            float:right;
2551        }
2552        .get-started-button-bottom {
2553            display:none;
2554        }
2555
2556        .inherit-link-weight {
2557            font-weight: inherit !important;
2558        }
2559
2560        .site-name-text {
2561            -webkit-transition: all .4s ease, opacity .3s ease;
2562            -o-transition: all .4s ease, opacity .3s ease;
2563            transition: all .4s ease, opacity .3s ease;
2564            display:inline-block;
2565        }
2566        @media( max-width: 991px ) {
2567            .site-name-text {
2568                margin-left: 27px;
2569                max-height: 7rem;
2570                overflow: hidden;
2571            }
2572            #primary-menu ul li a {
2573                font-size: 16px;
2574            }
2575        }
2576
2577        #header.sticky-header .site-name-text {
2578            font-size: 20px;
2579            position: relative;
2580            top: -20px;
2581        }
2582        /*#header.sticky-header #logo {*/
2583            /*margin-top: 10px;*/
2584        /*}*/
2585
2586        #footer.dark .social-icon.si-borderless {
2587            color: #999999 !important;
2588        }
2589
2590        .blog-image {
2591            width: auto !important;
2592            margin-left:auto;
2593            max-height: 200px;
2594            margin-top: -30px;
2595        }
2596
2597        .margin-bottom-20 {
2598            margin-bottom: 20px;
2599        }
2600
2601        
2602        .about-me-text p {
2603            margin-bottom:20px;
2604        }
2605
2606        .about-me-text td, th {
2607            padding: 10px;
2608        }
2609
2610        .fr-view td, th {
2611            padding: 10px;
2612        }
2613
2614        .logo-image {
2615            display: inline !important;
2616            max-width: 400px !important;
2617            max-height: 100px;
2618        }
2619
2620        ul, ol {
2621                        padding-left: revert;
2622        }
2623
2624        .topmargin-xs {
2625            margin-top: 15px;
2626        }
2627
2628        .modal-inner {
2629            color: #333;
2630            font-weight:300;
2631            margin-bottom:10px;
2632            margin-top:20px;
2633            font-size:18px;
2634        }
2635
2636        .font-weight-normal {
2637            font-weight: normal;
2638        }
2639        .smaller-font {
2640            font-size: 15px;
2641        }
2642
2643        #header.transparent-header.full-header #header-wrap {
2644            border-bottom: none;  /* Remove top line in the theme to clean up display */
2645        }
2646        #header.transparent-header.full-header.dark > #header-wrap:not(.not-dark) {
2647            background: rgba(50,50,50,0.3);
2648        }
2649        #header.transparent-header.full-header.dark:not(.sticky-header) > #header-wrap {
2650            background: rgba(50,50,50,0.9);
2651        }
2652        .dark #logo a {
2653            color: #f0f0f0;
2654        }
2655
2656
2657        .toppadding-sm { padding-top: 20px; }
2658        .bottompadding-sm { padding-bottom: 20px; }
2659
2660
2661
2662        .fr-code { font-weight: normal; } 
2663
2664    @media (max-width: 991px) {
2665        
2666        .fr-video > iframe {
2667            height: auto !important;
2668            min-height: 250px;
2669            margin: 10px 0;
2670        }
2671    }
2672.fr-box.fr-basic .fr-element.fr-view, #page-editor, .landing-page-editable { font-family: Lato,sans-serif;font-weight:normal;font-style:normal;text-transform:none;}.fr-box.fr-basic .fr-element.fr-view h1, #page-editor h1, .landing-page-editable h1,
2673              .fr-box.fr-basic .fr-element.fr-view h2, #page-editor h2, .landing-page-editable h2,
2674              .fr-box.fr-basic .fr-element.fr-view h3, #page-editor h3, .landing-page-editable h3,
2675              .fr-box.fr-basic .fr-element.fr-view h4, #page-editor h4, .landing-page-editable h4,
2676              .fr-box.fr-basic .fr-element.fr-view h5, #page-editor h5, .landing-page-editable h6,
2677              .fr-box.fr-basic .fr-element.fr-view h6, #page-editor h6, .landing-page-editable h6 { font-family: Comfortaa,sans-serif;font-weight:normal;font-style:normal;text-transform:none;}
2678                .widget_links li {
2679            display:inline-block;
2680            width:24%;
2681        }
2682        @media (max-width: 991px) {
2683            .widget_links li {
2684                width:32%;
2685            }
2686        }
2687        @media (max-width: 767px) {
2688            .widget_links li {
2689                width:50%;
2690            }
2691        }
2692        @media (max-width: 480px) {
2693            .widget_links li {
2694                width:100%;
2695            }
2696        }
2697        
2698
2699
2700        @media (min-width: 480px) {
2701            .leftpad25-not-mobile {
2702                padding-left:25px;
2703            }
2704        }
2705        @media (max-width: 480px ) {
2706            .site-name-text {
2707                font-size: 24px !important;
2708            }
2709            .logo-image {
2710                display: inline !important;
2711                max-width: 330px !important;
2712                max-height: 100px;
2713            }
2714        }
2715        @media (max-width: 767px) {
2716            .blog-image {
2717                display:block;
2718                width:100%;
2719                max-height: none;
2720                max-width: 100%;
2721            }
2722        }
2723        @media (max-width: 991px) {
2724            /*#logo a.standard-logo { display: inline-block; }*/
2725            .get-started-button-top {
2726                display:none;
2727            }
2728            .get-started-button-bottom {
2729                display: inline-block;
2730            }
2731            #logo .site-name-text {
2732                position: relative;
2733                top: 29px;
2734            }
2735            .blog-image {
2736                margin-right:auto;
2737            }
2738            #contact-message {
2739                min-height:auto;
2740            }
2741            .modal-image-link {
2742                display:block;
2743                margin:0 20px 20px 0;
2744                float:none;
2745            }
2746            .menu-item-overflow {
2747                overflow:hidden;
2748                white-space:nowrap;
2749                text-overflow:ellipsis;
2750            }
2751        }
2752
2753        @media
2754        only screen and (-webkit-min-device-pixel-ratio: 2),
2755        only screen and (   min--moz-device-pixel-ratio: 2),
2756        only screen and (     -o-min-device-pixel-ratio: 2/1),
2757        only screen and (        min-device-pixel-ratio: 2),
2758        only screen and (                min-resolution: 192dpi),
2759        only screen and (                min-resolution: 2dppx) {
2760
2761            #logo a.standard-logo {
2762                display: none;
2763            }
2764
2765            #logo a.retina-logo {
2766                display: inline;
2767            }
2768        }
2769
2770        @media
2771        only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
2772        only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991px),
2773        only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
2774        only screen and (        min-device-pixel-ratio: 2) and (max-width: 991px),
2775        only screen and (                min-resolution: 192dpi) and (max-width: 991px),
2776        only screen and (                min-resolution: 2dppx) and (max-width: 991px) {
2777            /*#logo a.standard-logo { display: none; }
2778            #logo a.retina-logo { display: inline-block; }*/
2779            .get-started-button-top {
2780                display:none;
2781            }
2782            .get-started-button-bottom {
2783                display: inline-block;
2784            }
2785
2786            #logo .site-name-text {
2787                position: relative;
2788                top: 29px;
2789            }
2790            .blog-image {
2791                margin-right:auto;
2792            }
2793        }
2794
2795        @media( min-width: 992px ) {
2796            section {
2797                clear:both;
2798            }
2799        }
2800
2801                /* Icon Fonts */
2802        @font-face {
2803            font-family: 'font-icons';
2804            src:url('/themes/modern-fonts/font-icons.eot');
2805            src:url('/themes/modern-fonts/font-icons.eot') format('embedded-opentype'),
2806            url('https://webcache.attractwell.com/third-party/font-icons/font-icons.woff') format('woff'),
2807            url('https://webcache.attractwell.com/third-party/font-icons/font-icons.ttf') format('truetype'),
2808            url('/themes/modern-fonts/font-icons.svg') format('svg');
2809            font-weight: normal;
2810            font-style: normal;
2811        }
2812
2813        @font-face {
2814            font-family: 'lined-icons';
2815            src:url('/themes/modern-fonts/lined-icons.eot');
2816            src:url('/themes/modern-fonts/lined-icons.eot') format('embedded-opentype'),
2817            url('https://webcache.attractwell.com/third-party/font-icons/lined-icons.woff') format('woff'),
2818            url('https://webcache.attractwell.com/third-party/font-icons/lined-icons.ttf') format('truetype'),
2819            url('/themes/modern-fonts/lined-icons.svg') format('svg');
2820            font-weight: normal;
2821            font-style: normal;
2822        }
2823
2824        @font-face {
2825            font-family: 'Simple-Line-Icons';
2826            src:url('/themes/modern-fonts/Simple-Line-Icons.eot');
2827            src:url('/themes/modern-fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),
2828            url('https://webcache.attractwell.com/third-party/font-icons/Simple-Line-Icons.woff') format('woff'),
2829            url('https://webcache.attractwell.com/third-party/font-icons/Simple-Line-Icons.ttf') format('truetype'),
2830            url('/themes/modern-fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
2831            font-weight: normal;
2832            font-style: normal;
2833        }
2834.clearfix::after {
2835    clear: both;
2836    display: block;
2837    content: "";
2838    height: 0;
2839}
2840.hide-by-clipping {
2841    position: absolute;
2842    width: 1px;
2843    height: 1px;
2844    padding: 0;
2845    margin: -1px;
2846    overflow: hidden;
2847    clip: rect(0, 0, 0, 0);
2848    border: 0;
2849}
2850img.fr-rounded,
2851.fr-img-caption.fr-rounded img {
2852    border-radius: 10px;
2853    -moz-border-radius: 10px;
2854    -webkit-border-radius: 10px;
2855    -moz-background-clip: padding;
2856    -webkit-background-clip: padding-box;
2857    background-clip: padding-box;
2858}
2859img.fr-bordered,
2860.fr-img-caption.fr-bordered img {
2861    border: solid 5px #CCC;
2862}
2863img.fr-bordered {
2864    -webkit-box-sizing: content-box;
2865    -moz-box-sizing: content-box;
2866    box-sizing: content-box;
2867}
2868.fr-img-caption.fr-bordered img {
2869    -webkit-box-sizing: border-box;
2870    -moz-box-sizing: border-box;
2871    box-sizing: border-box;
2872}
2873img.fr-shadow,
2874.fr-img-caption.fr-shadow img {
2875    -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
2876    -moz-box-shadow: 10px 10px 5px 0px #cccccc;
2877    box-shadow: 10px 10px 5px 0px #cccccc;
2878}
2879.fr-view span[style~="color:"] a {
2880    color: inherit;
2881}
2882.fr-view strong {
2883    font-weight: 700;
2884}
2885.fr-view table {
2886    border: none;
2887    border-collapse: collapse;
2888    empty-cells: show;
2889    max-width: 100%;
2890    table-layout: fixed;
2891}
2892.fr-view table td {
2893    min-width: 5px;
2894}
2895.fr-view table.fr-dashed-borders td,
2896.fr-view table.fr-dashed-borders th {
2897    border-style: dashed;
2898}
2899.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
2900    background: #f5f5f5;
2901}
2902.fr-view table td,
2903.fr-view table th,
2904.member-area .fr-view table td,
2905.member-area .fr-view table th {
2906    border: 0;
2907}
2908.back-office-menu-layout-grid-content .fr-view table td,
2909.back-office-menu-layout-grid-content .fr-view table th {
2910    border: 1px solid #dddddd;
2911}
2912.fr-view table td:empty,
2913.fr-view table th:empty {
2914    height: 20px;
2915}
2916.fr-view table td.fr-highlighted,
2917.fr-view table th.fr-highlighted {
2918    border: 1px double red;
2919}
2920.fr-view table td.fr-thick,
2921.fr-view table th.fr-thick {
2922    border-width: 2px;
2923}
2924.fr-view table th {
2925    background: #e6e6e6;
2926}
2927.fr-view hr {
2928    clear: both;
2929    user-select: none;
2930    -o-user-select: none;
2931    -moz-user-select: none;
2932    -khtml-user-select: none;
2933    -webkit-user-select: none;
2934    -ms-user-select: none;
2935    page-break-after: always;
2936    border-top: 2px solid #bbb;
2937}
2938.fr-view .fr-file {
2939    position: relative;
2940}
2941/* paperclip icon after inserting file
2942.fr-view .fr-file::after {
2943    position: relative;
2944    content: "\1F4CE";
2945    font-weight: normal;
2946}
2947*/
2948.fr-view pre {
2949    white-space: pre-wrap;
2950    word-wrap: break-word;
2951    overflow: visible;
2952}
2953.fr-view[dir="rtl"] blockquote {
2954    border-left: none;
2955    border-right: solid 2px #5e35b1;
2956    margin-right: 0;
2957    padding-right: 5px;
2958    padding-left: 0px;
2959}
2960.fr-view[dir="rtl"] blockquote blockquote {
2961    border-color: #00bcd4;
2962}
2963.fr-view[dir="rtl"] blockquote blockquote blockquote {
2964    border-color: #43a047;
2965}
2966.fr-view blockquote {
2967    border-left: solid 2px currentColor;
2968    margin-left: 0;
2969    padding-left: 15px;
2970    color: inherit;
2971}
2972.fr-view blockquote blockquote {
2973    border-color: inherit;
2974    color: inherit;
2975}
2976.fr-view blockquote blockquote blockquote {
2977    border-color: inherit;
2978    color: inherit;
2979}
2980.fr-view span.fr-emoticon {
2981    font-weight: normal;
2982    font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
2983    display: inline;
2984    line-height: 0;
2985}
2986.fr-view span.fr-emoticon.fr-emoticon-img {
2987    background-repeat: no-repeat !important;
2988    font-size: inherit;
2989    height: 1em;
2990    width: 1em;
2991    min-height: 20px;
2992    min-width: 20px;
2993    display: inline-block;
2994    margin: -0.1em 0.1em 0.1em;
2995    line-height: 1;
2996    vertical-align: middle;
2997}
2998.fr-view .fr-text-gray {
2999    color: #AAA !important;
3000}
3001.fr-view .fr-text-bordered {
3002    border-top: solid 1px #222;
3003    border-bottom: solid 1px #222;
3004    padding: 10px 0;
3005}
3006.fr-view .fr-text-spaced {
3007    letter-spacing: 1px;
3008}
3009.fr-view .fr-text-uppercase {
3010    text-transform: uppercase;
3011}
3012.fr-view img {
3013    position: relative;
3014    max-width: 100%;
3015}
3016.fr-view img.fr-dib {
3017    margin: 5px auto;
3018    display: block;
3019    float: none;
3020    vertical-align: top;
3021}
3022.fr-view img.fr-dib.fr-fil {
3023    margin-left: 0;
3024    text-align: left;
3025}
3026.fr-view img.fr-dib.fr-fir {
3027    margin-right: 0;
3028    text-align: right;
3029}
3030.fr-view img.fr-dii {
3031    display: inline-block;
3032    float: none;
3033    vertical-align: bottom;
3034    margin-left: 5px;
3035    margin-right: 5px;
3036    max-width: calc(100% - (2 * 5px));
3037}
3038.fr-view img.fr-dii.fr-fil {
3039    float: left;
3040    margin: 5px 20px 20px 0;
3041    max-width: calc(100% - 5px);
3042}
3043.fr-view img.fr-dii.fr-fir {
3044    float: right;
3045    margin: 5px 0 20px 20px;
3046    max-width: calc(100% - 5px);
3047}
3048.fr-view span.fr-img-caption {
3049    position: relative;
3050    max-width: 100%;
3051}
3052.fr-view span.fr-img-caption.fr-dib {
3053    margin: 5px auto;
3054    display: block;
3055    float: none;
3056    vertical-align: top;
3057}
3058.fr-view span.fr-img-caption.fr-dib.fr-fil {
3059    margin-left: 0;
3060    text-align: left;
3061}
3062.fr-view span.fr-img-caption.fr-dib.fr-fir {
3063    margin-right: 0;
3064    text-align: right;
3065}
3066.fr-view span.fr-img-caption.fr-dii {
3067    display: inline-block;
3068    float: none;
3069    vertical-align: bottom;
3070    margin-left: 5px;
3071    margin-right: 5px;
3072    max-width: calc(100% - (2 * 5px));
3073}
3074.fr-view span.fr-img-caption.fr-dii.fr-fil {
3075    float: left;
3076    margin: 5px 5px 5px 0;
3077    max-width: calc(100% - 5px);
3078}
3079.fr-view span.fr-img-caption.fr-dii.fr-fir {
3080    float: right;
3081    margin: 5px 0 5px 5px;
3082    max-width: calc(100% - 5px);
3083}
3084.fr-view .fr-video {
3085    text-align: center;
3086    position: relative;
3087}
3088.fr-view .fr-video > * {
3089    -webkit-box-sizing: content-box;
3090    -moz-box-sizing: content-box;
3091    box-sizing: content-box;
3092    max-width: 100%;
3093    border: none;
3094}
3095.fr-view .fr-video.fr-dvb {
3096    display: block;
3097    clear: both;
3098}
3099.fr-view .fr-video.fr-dvb.fr-fvl {
3100    text-align: left;
3101}
3102.fr-view .fr-video.fr-dvb.fr-fvr {
3103    text-align: right;
3104}
3105.fr-view .fr-video.fr-dvi {
3106    display: inline-block;
3107}
3108.fr-view .fr-video.fr-dvi.fr-fvl {
3109    float: left;
3110}
3111.fr-view .fr-video.fr-dvi.fr-fvr {
3112    float: right;
3113}
3114.fr-view a.fr-strong {
3115    font-weight: 700;
3116}
3117.fr-view a.fr-green {
3118    color: green;
3119}
3120.fr-view .fr-img-caption {
3121    text-align: center;
3122}
3123.fr-view .fr-img-caption .fr-img-wrap {
3124    padding: 0px;
3125    display: inline-block;
3126    margin: auto;
3127    text-align: center;
3128    width: 100%;
3129}
3130.fr-view .fr-img-caption .fr-img-wrap img {
3131    display: block;
3132    margin: auto;
3133    width: 100%;
3134}
3135.fr-view .fr-img-caption .fr-img-wrap > span {
3136    margin: auto;
3137    display: block;
3138    padding: 5px 5px 10px;
3139    font-size: 14px;
3140    font-weight: initial;
3141    -webkit-box-sizing: border-box;
3142    -moz-box-sizing: border-box;
3143    box-sizing: border-box;
3144    -webkit-opacity: 0.9;
3145    -moz-opacity: 0.9;
3146    opacity: 0.9;
3147    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
3148    width: 100%;
3149    text-align: center;
3150}
3151.fr-view button.fr-rounded,
3152.fr-view input.fr-rounded,
3153.fr-view textarea.fr-rounded {
3154    border-radius: 1px;
3155    -moz-border-radius: 1px;
3156    -webkit-border-radius: 1px;
3157    -moz-background-clip: padding;
3158    -webkit-background-clip: padding-box;
3159    background-clip: padding-box;
3160}
3161.fr-view button.fr-large,
3162.fr-view input.fr-large,
3163.fr-view textarea.fr-large {
3164    font-size: 24px;
3165}
3166/**
3167 * Image style.
3168 */
3169a.fr-view.fr-strong {
3170    font-weight: 700;
3171}
3172a.fr-view.fr-green {
3173    color: green;
3174}
3175/**
3176 * Link style.
3177 */
3178img.fr-view {
3179    position: relative;
3180    max-width: 100%;
3181}
3182img.fr-view.fr-dib {
3183    margin: 5px auto;
3184    display: block;
3185    float: none;
3186    vertical-align: top;
3187}
3188img.fr-view.fr-dib.fr-fil {
3189    margin-left: 0;
3190    text-align: left;
3191}
3192img.fr-view.fr-dib.fr-fir {
3193    margin-right: 0;
3194    text-align: right;
3195}
3196img.fr-view.fr-dii {
3197    display: inline-block;
3198    float: none;
3199    vertical-align: bottom;
3200    margin-left: 5px;
3201    margin-right: 5px;
3202    max-width: calc(100% - (2 * 5px));
3203}
3204img.fr-view.fr-dii.fr-fil {
3205    float: left;
3206    margin: 5px 5px 5px 0;
3207    max-width: calc(100% - 5px);
3208}
3209img.fr-view.fr-dii.fr-fir {
3210    float: right;
3211    margin: 5px 0 5px 5px;
3212    max-width: calc(100% - 5px);
3213}
3214span.fr-img-caption.fr-view {
3215    position: relative;
3216    max-width: 100%;
3217}
3218span.fr-img-caption.fr-view.fr-dib {
3219    margin: 5px auto;
3220    display: block;
3221    float: none;
3222    vertical-align: top;
3223}
3224span.fr-img-caption.fr-view.fr-dib.fr-fil {
3225    margin-left: 0;
3226    text-align: left;
3227}
3228span.fr-img-caption.fr-view.fr-dib.fr-fir {
3229    margin-right: 0;
3230    text-align: right;
3231}
3232span.fr-img-caption.fr-view.fr-dii {
3233    display: inline-block;
3234    float: none;
3235    vertical-align: bottom;
3236    margin-left: 5px;
3237    margin-right: 5px;
3238    max-width: calc(100% - (2 * 5px));
3239}
3240span.fr-img-caption.fr-view.fr-dii.fr-fil {
3241    float: left;
3242    margin: 5px 5px 5px 0;
3243    max-width: calc(100% - 5px);
3244}
3245span.fr-img-caption.fr-view.fr-dii.fr-fir {
3246    float: right;
3247    margin: 5px 0 5px 5px;
3248    max-width: calc(100% - 5px);
3249}
3250
3251/* Shrink the Froala line breaker floating button to prevent overlap on small images */
3252.fr-line-breaker .fr-floating-btn {
3253    transform: scale(0.7) !important;
3254    transform-origin: center !important;
3255}
3256
3257/* Optional: Add hover effect if you want it to scale up full size on hover */
3258.fr-line-breaker:hover .fr-floating-btn {
3259    transform: scale(1) !important;
3260    transition: transform 0.1s ease;
3261}
3262
3263                [data-animate]:not(.animated) {
3264            opacity: 0;
3265        }
3266    </style>
3267    <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/font-icons.css" type="text/css" />
3268
3269    <link rel="canonical" href="https://stlwineclub.com/page/our-meetings" />
3270<script type="text/javascript">
3271                function getAnalyticsCookie(cname) {
3272                  var name = cname + "=";
3273                  var decodedCookie = decodeURIComponent(document.cookie);
3274                  var ca = decodedCookie.split(';');
3275                  for(var i = 0; i <ca.length; i++) {
3276                    var c = ca[i];
3277                    while (c.charAt(0) == ' ') {
3278                      c = c.substring(1);
3279                    }
3280                    if (c.indexOf(name) == 0) {
3281                      return c.substring(name.length, c.length);
3282                    }
3283                  }
3284                  return "";
3285                }
3286                function RecordInternalAnalytics( stream, data ) {
3287                        data.action = 'record_event';
3288                        data.stream = stream;
3289                        data.contact_id = getAnalyticsCookie('contact_id');
3290                        $.ajax({
3291                            type: 'POST',
3292                            url: '/app/analytics-api',
3293                            data: data,
3294                            dataType: 'json'
3295                        }).done( function( data ) {
3296                        });
3297                    }
3298                !function(name,path,ctx){
3299                    var latest,prev=name!=='Keen'&&window.Keen?window.Keen:false;ctx[name]=ctx[name]||{ready:function(fn){var h=document.getElementsByTagName('head')[0],s=document.createElement('script'),w=window,loaded;s.onload=s.onerror=s.onreadystatechange=function(){if((s.readyState&&!(/^c|loade/.test(s.readyState)))||loaded){return}s.onload=s.onreadystatechange=null;loaded=1;latest=w.Keen;if(prev){w.Keen=prev}else{try{delete w.Keen}catch(e){w.Keen=void 0}}ctx[name]=latest;ctx[name].ready(fn)};s.async=1;s.src=path;h.parentNode.insertBefore(s,h)}}
3300                }('KeenAsync','https://webcache.attractwell.com/third-party/keen-datavis/keen-tracking-1.1.3.min.js',this);
3301                // was https://d26b395fwzu5fz.cloudfront.net/keen-tracking-1.1.3.min.js
3302                
3303                var globalAnalyticsClient = {};
3304            
3305                    globalAnalyticsClient.recordEvent = function( stream, data ) {
3306                        RecordInternalAnalytics( stream, data );
3307                    }
3308                    // Record an event
3309                    globalAnalyticsClient.recordEvent("public_page_views", {"url_params":{"page-link-path":"our-meetings"},"account_id":5266,"type":"website_view","url":"https:\/\/stlwineclub.com\/page\/our-meetings",title:document.title});
3310                
3311
3312                
3313                
3314                
3315                function RecordExternalClickAnalytics( url, title, is_signup_link = false )
3316                {
3317                    var type_to_use = "website_link_click";
3318                    if( is_signup_link === true )
3319                        type_to_use = "website_signup_link_click";
3320                        
3321                    globalAnalyticsClient.recordEvent("public_page_views", {
3322                        "url": url,
3323                        "title": title,
3324                        "type": type_to_use,
3325                        "account_id": 5266
3326                    });
3327
3328                
3329                    RecordInternalAnalytics("public_page_views", {
3330                        "url": url,
3331                        "title": title,
3332                        "type": type_to_use,
3333                        "account_id": 5266
3334                    });
3335                
3336                }
3337                
3338                function RecordContactWebsiteSignUpLinkClick( contact_id )
3339                {
3340                    // records if a contact clicked the website signup link
3341                    if( contact_id != '' ) { 
3342                        $.ajax({
3343                            type: 'POST',
3344                            url: '/app/contacts',
3345                            data: {
3346                                'contact_website_signup_link_click': 1,
3347                                'contact_id': contact_id
3348                            },
3349                            dataType: 'json'
3350                        }).done( function( data ) {
3351                        });
3352                    }
3353                }
3354            </script>
3354
3355</head>
3356
3357<body class="stretched no-transition">
3358
3359
3360
3361
3362<!-- Document Wrapper
3363============================================= -->
3364<div id="wrapper" class="clearfix">
3365
3366        <!-- Header
3367    ============================================= -->
3368        <header id="header" class="transparent-header full-header" data-sticky-class="not-dark">
3369
3370        <div id="header-wrap">
3371
3372            <div class="container clearfix">
3373
3374                <div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
3375
3376                <!-- Logo
3377                ============================================= -->
3378                <div id="logo">
3379                    <a href="/" class="standard-logo" data-dark-logo="">
3380                        <div class="site-name-text">St. Louis Wine Club</div>                    </a>
3381                    <a href="/" class="retina-logo"   data-dark-logo="">
3382                        <div class="site-name-text">St. Louis Wine Club</div>                    </a>
3383                </div><!-- #logo end -->
3384
3385
3386
3387                <!-- Primary Navigation
3388                ============================================= -->
3389                <nav id="primary-menu" xclass="dark">
3390
3391
3392                    <ul style="touch-action: pan-y;border-right: 0;margin-right: 0;padding-right: 0;">
3393                        <style>
3394    @media (min-width:992px) {
3395        .top-menu-pulldown-menu-container {
3396            overflow: auto;
3397            max-height: calc(100vh - 100px);
3398        }
3399    }
3400</style>
3401
3402<li><a class="sub-menu-header-link" href="https://stlwineclub.com/page/our-meetings" style="background-image:none;"><div class="nomargin button button-red">Our meetings</div></a></li>
3402<script>
3403    $(function() {
3404        $('a.sub-menu-header-link').click( function() {
3405            if( $(this)[0].getAttribute('target') === '_blank' )
3406                return;
3407
3408            if( $(this)[0].href.endsWith('#') === false )
3409                location.href = $(this)[0].href;
3410        });
3411    });
3412</script>
3412
3413                    </ul>
3414                    
3415                </nav><!-- #primary-menu end -->
3416
3417            </div>
3418
3419        </div>
3420
3421    </header><!-- #header end -->
3422        <div style="clear:both;"></div>
3423    <main role="main">
3424
3425    <style>
3426    :root {
3427        --spacing-025: 0.25rem;
3428        --spacing-05: 0.5rem;
3429        --spacing-1: 1rem;
3430        --spacing-15: 1.5rem;
3431        --spacing-2: 2rem;
3432        --spacing-25: 2.5rem;
3433        --spacing-3: 3rem;
3434        --spacing-35: 3.5rem;
3435        --spacing-4: 4rem;
3436        --spacing-45: 4.5rem;
3437        --spacing-5: 5rem;
3438    }
3439        .aw-accordion details {
3440        --background-color-closed: #ccc;
3441        --background-color-open: #b4b4b4;
3442        --background-color-content: #f0f0f0;
3443        overflow: hidden;
3444        margin: 0;
3445
3446        > summary {
3447            background: var(--background-color-closed);
3448            padding: 0.5em;
3449            cursor: pointer;
3450            border-radius: 2px;
3451
3452            transition: background 0.25s ease, color 0.25s ease;
3453
3454            &:hover {
3455                filter: brightness( 1.1 );
3456            }
3457            margin-top: 5px;
3458            position: relative;
3459            top: -1px;
3460        }
3461        > summary::marker {
3462            content: '';
3463        }
3464        > summary::-webkit-details-marker {
3465            display: none;
3466        }
3467        > p, > div, > ul, > ol {
3468            background-color: var(--background-color-content);
3469            margin: 0;
3470        }
3471
3472        &[open] {
3473            > summary {
3474                background: var(--background-color-open);
3475            }
3476        }
3477        &[open] > summary:before {
3478            transform: rotate(45deg);
3479        }
3480        > summary:before {
3481            content: '+';
3482            display: inline-block;
3483            margin: 0 0.5em 0 0.25em;
3484            font-size: 20px;
3485            transition: transform 0.25s ease;
3486        }
3487
3488        > *:not(summary) {
3489            padding: 1em;
3490        }
3491    }
3492
3493    :not(details) + details,
3494    details:first-child summary {
3495        border-top-left-radius: 5px;
3496        border-top-right-radius: 5px;
3497    }
3498    details:not(details:has(+ details)):last-child summary {
3499        border-bottom-left-radius: 5px;
3500        border-bottom-right-radius: 5px;
3501    }
3502    </style>
3503<script>
3504        window.addEventListener('DOMContentLoaded', function() {
3505        class Accordion {
3506            constructor(el) {
3507                // Store the <details> element
3508                this.el = el;
3509                // Store the <summary> element
3510                this.summary = el.querySelector('summary');
3511                // Store the <div class="aw-accordion-content"> element. A plain <details> (an imported
3512                // page, or hand-written markup) has no such wrapper, so this can be null - see
3513                // getExpandedHeight() for how the open height is measured in that case.
3514                this.content = el.querySelector('.aw-accordion-content');
3515
3516                // Store the animation object (so we can cancel it if needed)
3517                this.animation = null;
3518                // Store if the element is closing
3519                this.isClosing = false;
3520                // Store if the element is expanding
3521                this.isExpanding = false;
3522                // Detect user clicks on the summary element
3523                this.summary.addEventListener('click', (e) => this.onClick(e));
3524            }
3525
3526                        static canEnhance(el) {
3527                return el.querySelector('summary') !== null;
3528            }
3529
3530            onClick(e) {
3531                try {
3532                    // Add an overflow on the <details> to avoid content overflowing
3533                    this.el.style.overflow = 'hidden';
3534                    // Check if the element is being closed or is already closed
3535                    if (this.isClosing || !this.el.open) {
3536                        this.open();
3537                        // Check if the element is being openned or is already open
3538                    } else if (this.isExpanding || this.el.open) {
3539                        this.shrink();
3540                    }
3541                    // Stop default behaviour from the browser
3542                    e.preventDefault();
3543                }
3544                catch (e) {
3545                    // do nothing
3546                }
3547            }
3548
3549            shrink() {
3550                // Set the element as "being closed"
3551                this.isClosing = true;
3552
3553                // Store the current height of the element
3554                const startHeight = `${this.el.offsetHeight}px`;
3555                // Calculate the height of the summary
3556                const endHeight = `${this.summary.offsetHeight}px`;
3557
3558                // If there is already an animation running
3559                if (this.animation) {
3560                    // Cancel the current animation
3561                    this.animation.cancel();
3562                }
3563
3564                // Start a WAAPI animation
3565                this.animation = this.el.animate({
3566                    // Set the keyframes from the startHeight to endHeight
3567                    height: [startHeight, endHeight]
3568                }, {
3569                    duration: 400,
3570                    easing: 'ease-out'
3571                });
3572
3573                // When the animation is complete, call onAnimationFinish()
3574                this.animation.onfinish = () => this.onAnimationFinish(false);
3575                // If the animation is cancelled, isClosing variable is set to false
3576                this.animation.oncancel = () => this.isClosing = false;
3577            }
3578
3579                        getExpandedHeight() {
3580                if( this.content ) {
3581                    return this.summary.offsetHeight + this.content.offsetHeight;
3582                }
3583                return this.el.scrollHeight;
3584            }
3585
3586            open() {
3587                // Apply a fixed height on the element
3588                this.el.style.height = `${this.el.offsetHeight}px`;
3589                // Force the [open] attribute on the details element
3590                this.el.open = true;
3591                // Wait for the next frame to call the expand function
3592                window.requestAnimationFrame(() => this.expand());
3593            }
3594
3595            expand() {
3596                                try {
3597                    this.animateExpand();
3598                }
3599                catch (err) {
3600                    this.onAnimationFinish(true);
3601                }
3602            }
3603
3604            animateExpand() {
3605                // Set the element as "being expanding"
3606                this.isExpanding = true;
3607                // Get the current fixed height of the element
3608                const startHeight = `${this.el.offsetHeight}px`;
3609                // Calculate the open height of the element (summary height + content height)
3610                const endHeight = `${this.getExpandedHeight()}px`;
3611
3612                // If there is already an animation running
3613                if (this.animation) {
3614                    // Cancel the current animation
3615                    this.animation.cancel();
3616                }
3617
3618                // Start a WAAPI animation
3619                this.animation = this.el.animate({
3620                    // Set the keyframes from the startHeight to endHeight
3621                    height: [startHeight, endHeight]
3622                }, {
3623                    duration: 400,
3624                    easing: 'ease-out'
3625                });
3626                // When the animation is complete, call onAnimationFinish()
3627                this.animation.onfinish = () => this.onAnimationFinish(true);
3628                // If the animation is cancelled, isExpanding variable is set to false
3629                this.animation.oncancel = () => this.isExpanding = false;
3630            }
3631
3632            onAnimationFinish(open) {
3633                // Set the open attribute based on the parameter
3634                this.el.open = open;
3635                // Clear the stored animation
3636                this.animation = null;
3637                // Reset isClosing & isExpanding
3638                this.isClosing = false;
3639                this.isExpanding = false;
3640                // Remove the overflow hidden and the fixed height
3641                this.el.style.height = this.el.style.overflow = '';
3642            }
3643        }
3644
3645                document.querySelectorAll('.aw-accordion details').forEach((el) => {
3646                        try {
3647                if( Accordion.canEnhance(el) ) {
3648                    new Accordion(el);
3649                }
3650            }
3651            catch (err) {
3652                            }
3653        });
3654    });
3655    </script>
3655<style>
3656[data-animate]:not(.animated) {
3657    opacity: 0;
3658}/* button helper */
3659.fr-view .button.button-red:not(.button-border) {
3660text-decoration:none;
3661background-color:#c02942;
3662color:#FFFFFF;
3663border-radius:1px;
3664text-transform:uppercase;
3665text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3666transition: all 0.3s ease;
3667position:relative;z-index:1;
3668border-top: 0px solid #c02942;
3669border-right: 0px solid #c02942;
3670border-bottom: 0px solid #c02942;
3671border-left: 0px solid #c02942;
3672}
3673
3674.fr-view .button.button-red:hover {
3675color:#FFFFFF;
3676}
3677
3678.fr-view .button.button-leaf:not(.button-border) {
3679text-decoration:none;
3680background-color:#eeaa7b;
3681color:#000000;
3682border-radius:1px;
3683text-transform:uppercase;
3684text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3685transition: all 0.3s ease;
3686position:relative;z-index:1;
3687border-top: 0px solid #eeaa7b;
3688border-right: 0px solid #eeaa7b;
3689border-bottom: 0px solid #eeaa7b;
3690border-left: 0px solid #eeaa7b;
3691}
3692
3693.fr-view .button.button-leaf:hover {
3694color:#000000;
3695}
3696
3697.fr-view .button.button-teal:not(.button-border) {
3698text-decoration:none;
3699background-color:#53777a;
3700color:#ffffff;
3701border-radius:1px;
3702text-transform:uppercase;
3703text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3704transition: all 0.3s ease;
3705position:relative;z-index:1;
3706border-top: 0px none rgb(255, 255, 255);
3707border-right: 0px none rgb(255, 255, 255);
3708border-bottom: 0px none rgb(255, 255, 255);
3709border-left: 0px none rgb(255, 255, 255);
3710}
3711
3712.fr-view .button.button-teal:hover {
3713color:#ffffff;
3714}
3715
3716.fr-view .button.button-yellow:not(.button-border) {
3717text-decoration:none;
3718background-color:#ecd078;
3719color:#333333;
3720border-radius:1px;
3721text-transform:uppercase;
3722text-shadow:none;
3723transition: all 0.3s ease;
3724position:relative;z-index:1;
3725border-top: 0px none rgb(51, 51, 51);
3726border-right: 0px none rgb(51, 51, 51);
3727border-bottom: 0px none rgb(51, 51, 51);
3728border-left: 0px none rgb(51, 51, 51);
3729}
3730
3731.fr-view .button.button-yellow:hover {
3732color:#333333;
3733}
3734
3735.fr-view .button:not(.button-border) {
3736text-decoration:none;
3737background-color:#1abc9c;
3738color:#ffffff;
3739border-radius:1px;
3740text-transform:uppercase;
3741text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3742transition: all 0.3s ease;
3743position:relative;z-index:1;
3744border-top: 0px none rgb(255, 255, 255);
3745border-right: 0px none rgb(255, 255, 255);
3746border-bottom: 0px none rgb(255, 255, 255);
3747border-left: 0px none rgb(255, 255, 255);
3748}
3749
3750.fr-view .button.button-:hover {
3751color:#ffffff;
3752}
3753
3754.fr-view .button.button-green:not(.button-border) {
3755text-decoration:none;
3756background-color:#ee8e4c;
3757color:#ffffff;
3758border-radius:1px;
3759text-transform:uppercase;
3760text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3761transition: all 0.3s ease;
3762position:relative;z-index:1;
3763border-top: 0px none rgb(255, 255, 255);
3764border-right: 0px none rgb(255, 255, 255);
3765border-bottom: 0px none rgb(255, 255, 255);
3766border-left: 0px none rgb(255, 255, 255);
3767}
3768
3769.fr-view .button.button-green:hover {
3770color:#ffffff;
3771}
3772
3773.fr-view .button.button-brown:not(.button-border) {
3774text-decoration:none;
3775background-color:#774f38;
3776color:#ffffff;
3777border-radius:1px;
3778text-transform:uppercase;
3779text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3780transition: all 0.3s ease;
3781position:relative;z-index:1;
3782border-top: 0px none rgb(255, 255, 255);
3783border-right: 0px none rgb(255, 255, 255);
3784border-bottom: 0px none rgb(255, 255, 255);
3785border-left: 0px none rgb(255, 255, 255);
3786}
3787
3788.fr-view .button.button-brown:hover {
3789color:#ffffff;
3790}
3791
3792.fr-view .button.button-aqua:not(.button-border) {
3793text-decoration:none;
3794background-color:#40c0cb;
3795color:#ffffff;
3796border-radius:1px;
3797text-transform:uppercase;
3798text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3799transition: all 0.3s ease;
3800position:relative;z-index:1;
3801border-top: 0px none rgb(255, 255, 255);
3802border-right: 0px none rgb(255, 255, 255);
3803border-bottom: 0px none rgb(255, 255, 255);
3804border-left: 0px none rgb(255, 255, 255);
3805}
3806
3807.fr-view .button.button-aqua:hover {
3808color:#ffffff;
3809}
3810
3811.fr-view .button.button-lime:not(.button-border) {
3812text-decoration:none;
3813background-color:#aee239;
3814color:#333333;
3815border-radius:1px;
3816text-transform:uppercase;
3817text-shadow:none;
3818transition: all 0.3s ease;
3819position:relative;z-index:1;
3820border-top: 0px none rgb(51, 51, 51);
3821border-right: 0px none rgb(51, 51, 51);
3822border-bottom: 0px none rgb(51, 51, 51);
3823border-left: 0px none rgb(51, 51, 51);
3824}
3825
3826.fr-view .button.button-lime:hover {
3827color:#333333;
3828}
3829
3830.fr-view .button.button-purple:not(.button-border) {
3831text-decoration:none;
3832background-color:#5d4157;
3833color:#ffffff;
3834border-radius:1px;
3835text-transform:uppercase;
3836text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3837transition: all 0.3s ease;
3838position:relative;z-index:1;
3839border-top: 0px none rgb(255, 255, 255);
3840border-right: 0px none rgb(255, 255, 255);
3841border-bottom: 0px none rgb(255, 255, 255);
3842border-left: 0px none rgb(255, 255, 255);
3843}
3844
3845.fr-view .button.button-purple:hover {
3846color:#ffffff;
3847}
3848
3849.fr-view .button.button-pink:not(.button-border) {
3850text-decoration:none;
3851background-color:#f89fa1;
3852color:#ffffff;
3853border-radius:1px;
3854text-transform:uppercase;
3855text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3856transition: all 0.3s ease;
3857position:relative;z-index:1;
3858border-top: 0px none rgb(255, 255, 255);
3859border-right: 0px none rgb(255, 255, 255);
3860border-bottom: 0px none rgb(255, 255, 255);
3861border-left: 0px none rgb(255, 255, 255);
3862}
3863
3864.fr-view .button.button-pink:hover {
3865color:#ffffff;
3866}
3867
3868.fr-view .button.button-blue:not(.button-border) {
3869text-decoration:none;
3870background-color:#1265a8;
3871color:#ffffff;
3872border-radius:1px;
3873text-transform:uppercase;
3874text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3875transition: all 0.3s ease;
3876position:relative;z-index:1;
3877border-top: 0px none rgb(255, 255, 255);
3878border-right: 0px none rgb(255, 255, 255);
3879border-bottom: 0px none rgb(255, 255, 255);
3880border-left: 0px none rgb(255, 255, 255);
3881}
3882
3883.fr-view .button.button-blue:hover {
3884color:#ffffff;
3885}
3886
3887.fr-view .button.button-dirtygreen:not(.button-border) {
3888text-decoration:none;
3889background-color:#1693a5;
3890color:#ffffff;
3891border-radius:1px;
3892text-transform:uppercase;
3893text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3894transition: all 0.3s ease;
3895position:relative;z-index:1;
3896border-top: 0px none rgb(255, 255, 255);
3897border-right: 0px none rgb(255, 255, 255);
3898border-bottom: 0px none rgb(255, 255, 255);
3899border-left: 0px none rgb(255, 255, 255);
3900}
3901
3902.fr-view .button.button-dirtygreen:hover {
3903color:#ffffff;
3904}
3905
3906.fr-view .button.button-amber:not(.button-border) {
3907text-decoration:none;
3908background-color:#eb9c4d;
3909color:#ffffff;
3910border-radius:1px;
3911text-transform:uppercase;
3912text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3913transition: all 0.3s ease;
3914position:relative;z-index:1;
3915border-top: 0px none rgb(255, 255, 255);
3916border-right: 0px none rgb(255, 255, 255);
3917border-bottom: 0px none rgb(255, 255, 255);
3918border-left: 0px none rgb(255, 255, 255);
3919}
3920
3921.fr-view .button.button-amber:hover {
3922color:#ffffff;
3923}
3924
3925.fr-view .button.button-black:not(.button-border) {
3926text-decoration:none;
3927background-color:#111111;
3928color:#ffffff;
3929border-radius:1px;
3930text-transform:uppercase;
3931text-shadow:1px 1px 1px rgba(0,0,0,0.2);
3932transition: all 0.3s ease;
3933position:relative;z-index:1;
3934border-top: 0px none rgb(255, 255, 255);
3935border-right: 0px none rgb(255, 255, 255);
3936border-bottom: 0px none rgb(255, 255, 255);
3937border-left: 0px none rgb(255, 255, 255);
3938}
3939
3940.fr-view .button.button-black:hover {
3941color:#ffffff;
3942}
3943
3944.fr-view .button.button-white:not(.button-border) {
3945text-decoration:none;
3946background-color:#f0f0f0;
3947color:#333333;
3948border-radius:1px;
3949text-transform:uppercase;
3950text-shadow:none;
3951transition: all 0.3s ease;
3952position:relative;z-index:1;
3953border-top: 0px none rgb(51, 51, 51);
3954border-right: 0px none rgb(51, 51, 51);
3955border-bottom: 0px none rgb(51, 51, 51);
3956border-left: 0px none rgb(51, 51, 51);
3957}
3958
3959.fr-view .button.button-white:hover {
3960color:#333333;
3961}
3962
3963
3964        body, #wrapper { background-color: #ffffff; }
3965        #header.sticky-header #header-wrap { background-color: #ffffff; }
3966        @media( min-width: 992px ) {
3967            #header.transparent-header.full-header.sticky-header:not(.dark) > #header-wrap > .container { background: inherit; }
3968        }</style>
3969<script>
3970document.addEventListener("DOMContentLoaded", function() {
3971    const hasHash = window.location.hash;
3972    
3973    if (window.location.hash) {
3974        function isSafari() {
3975            return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
3976        }
3977        const target = document.querySelector(hasHash);
3978        if (target) {
3979            if( isSafari() )
3980                setTimeout( () => {
3981                    target.scrollIntoView({ behavior: "auto" });
3982                    document.documentElement.style.scrollBehavior = "smooth";
3983                }, 500 );
3984            else {
3985                target.scrollIntoView({ behavior: "auto" });
3986                document.documentElement.style.scrollBehavior = "smooth";
3987            }
3988        }
3989    }
3990    
3991});
3992</script>
3992<script>
3993    var is_submitting = false;
3994    let getting_payment_intent = false;
3995    let payment_intent_amount = null;
3996    function post_registration()
3997    {
3998        RemoveFormFieldsFromLocalStorage();
3999        
4000                toastr.clear();
4001                $('#leadModal').modal('hide');
4002                toastr.success("Thank you!", '', {escapeHtml: true});
4003                try {
4004                   browser.history.deleteUrl({url: window.location.href});
4005                }
4006                catch( err ) { }
4007                // refresh the page after payment, in case they make another purchase
4008                setTimeout( () => { window.location.replace("https:\/\/stlwineclub.com\/page\/our-meetings"); }, 3000 );
4009                    }
4010    function AllowSubmitting()
4011    {
4012        is_submitting = false;
4013        $('#register-button').prop('disabled',false );
4014    }
4015
4016    function PreventSubmitting()
4017    {
4018        is_submitting = true;
4019        $('#register-button').prop('disabled',true );
4020    }
4021
4022    function submitLeadFormInternal( data )
4023    {
4024        let formData = new FormData();
4025        for( let key in data ) {
4026            if( data.hasOwnProperty(key) ) {
4027                                if( Array.isArray(data[key]) ) {
4028                    for( let i = 0; i < data[key].length; i++ )
4029                        formData.append( key + '[]', data[key][i] );
4030                }
4031                else
4032                    formData.append( key, (typeof data[key] === 'undefined' || data[key] === 'undefined' || data[key] === null || data[key] === 'null' ? '' : data[key]) );
4033            }
4034        }
4035        $.ajax({
4036            url: "https:\/\/stlwineclub.com\/app\/contact-me-form",
4037            method: "POST",
4038            dataType: "json",
4039            data: formData,
4040            original_data: data,
4041            processData: false, // Prevent jQuery from processing the FormData
4042            contentType: false, // Let the browser set the correct content type for FormData
4043        })
4044            .done(function( data ) {
4045                AllowSubmitting();
4046                toastr.clear();
4047
4048                if( data.success ) {
4049                    if( data.results['lead-before-payment'] != 2 )
4050                        toastr.success('Please wait...');
4051                    if( data.results['lead-before-payment'] == 1 ) {
4052                        contact_id = data.results['contact_id'];
4053                        if( data.results['already_granted_call_package'] === true )
4054                            this.original_data['already_granted_call_package'] = true;
4055                                                if( typeof data.results['uploaded_field_urls'] === 'object' && data.results['uploaded_field_urls'] !== null ) {
4056                            let stored = GetFormFieldsFromLocalStorage();
4057                            for( let field_name in data.results['uploaded_field_urls'] ) {
4058                                if( data.results['uploaded_field_urls'].hasOwnProperty(field_name) ) {
4059                                    stored[field_name] = data.results['uploaded_field_urls'][field_name];
4060                                }
4061                            }
4062                            SaveFormFieldsToLocalStorage( stored );
4063                        }
4064                        submitPayment( this.original_data );
4065                    }
4066                    else if( data.results['lead-before-payment'] == 2 ) {
4067                        ; // do nothing - this ajax call just alerted the site owner to a payment failure
4068                    }
4069                    else if( this.original_data['lead-before-payment'] == 1 ) {
4070                                                toastr.clear();
4071                        toastr.error('Unable to process registration at this time. Please examine your inputs and try again.');
4072                        AllowSubmitting();
4073                    }
4074                    else
4075                        post_registration();
4076                }
4077                else if( data.code == 'Invalid Email' ) {
4078                    toastr.error( 'Please check your email address.' );
4079                    $('#lead_capture_field_email').focus();
4080                }
4081                else if( data.code == 'Missing Name' ) {
4082                    toastr.error( 'Please enter your name.' );
4083                    $('#lead_capture_field_name').focus();
4084                }
4085                else if( data.code == 'Email Required' ) {
4086                    toastr.error( 'Please enter your email address.' );
4087                    $('#lead_capture_field_email').focus();
4088                }
4089                else if( data.code == 'Too few phone digits' ) {
4090                    toastr.error( 'Please enter a phone number with at least 10 numbers, including an area code.' );
4091                    $('#lead_capture_field_phone').focus();
4092                }
4093                else if( data.code == 'Sold out' || data.code == 'Duplicate' || data.code == 'vault_full' ) {
4094                                        toastr.error( data.message, '', { timeOut: 20000 } );
4095                }
4096                else
4097                    toastr.error('Something went wrong. Please email [email protected] with the address of this page.<br><br>' + data.message);
4098
4099            })
4100            .fail(function( jqXHR, textStatus ) {
4101                toastr.clear();
4102                toastr.error( "Request failed: " + textStatus, 'Something went wrong. Please email [email protected] with the address of this page.' );
4103                AllowSubmitting();
4104            });
4105
4106    }
4107
4108
4109    function SaveFormFieldsToLocalStorage( data )
4110    {
4111        localStorage.setItem('payment-form-info', JSON.stringify( data ) );
4112    }
4113
4114    function RemoveFormFieldsFromLocalStorage()
4115    {
4116        localStorage.removeItem( 'payment-form-info' );
4117    }
4118    function GetFormFieldsFromLocalStorage()
4119    {
4120        return JSON.parse( localStorage.getItem('payment-form-info' ) );
4121    }
4122
4123    function GetPaymentIntent( amount )
4124    {
4125            }
4126
4127</script>
4127
4128<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jarallax@2/dist/jarallax.min.css" type="text/css" />
4129          
4129<script src="https://cdn.jsdelivr.net/npm/jarallax@2/dist/jarallax.min.js"></script>
4129
4130          <style>
4131            .section-sticky {
4132                position: -webkit-sticky;
4133                position: sticky;
4134                top: 60px;
4135                z-index: 5;
4136            }
4137            .inline-label {
4138                display: inline;
4139                font-weight: 400 !important;
4140                color: inherit;
4141            }
4142            .inline-checkbox-radio {
4143                display: flex;
4144                align-items: flex-start;
4145                gap: 8px;
4146                margin-bottom: 15px;
4147                text-align: left;
4148            }
4149            .inline-checkbox-radio input[type="checkbox"],
4150            .inline-checkbox-radio input[type="radio"] {
4151                flex-shrink: 0;
4152                margin-top: 3px;
4153                margin-right: 0;
4154            }
4155            .inline-checkbox-radio .inline-label,
4156            .inline-checkbox-radio label {
4157                display: block;
4158                flex: 1;
4159                font-weight: 400 !important;
4160                color: inherit;
4161                margin: 0;
4162            }
4163            .page-field-label {
4164                font-size: 18px;
4165                margin-top: 40px;
4166                margin-bottom: 10px;
4167            }
4168            .page-field-label-thin {
4169                font-size: 18px;
4170            }
4171            @media (max-width:991px) {
4172                .section-sticky {
4173                    position: -webkit-sticky;
4174                    position: sticky;
4175                    top: 0;
4176                    z-index: 5;
4177                }
4178            }
4179            .section-sticky-bottom {
4180                position: -webkit-sticky;
4181                position: sticky;
4182                bottom: 0;
4183                z-index: 5;
4184            }
4185            </style>
4186            <div class="fr-view" style="font-size:14pt;"><section style="background:  0% 0% / cover no-repeat rgb(102, 102, 102);" draggable="false" class=""><div class="content-wrap nopadding"><div class="section notopborder nomargin" style="background: none; padding-top: 0px; padding-bottom: 11px;"><div class="container clearfix">
4187                        <div class="editable" draggable="false"><div style="text-align:center;font-size:80px;"><span style="color: rgb(255, 255, 255);">Our meetings</span></div></div>
4188                        <div class="editable" draggable="false"><div style="text-align:center;font-size:30px;"><span style="color: rgb(255, 255, 255);">What to expect, what to bring and this year's themes</span></div></div>
4189                    </div>
4190                    </div></div></section><section style="background:  0% 0% / cover no-repeat transparent;" draggable="false" class=""><div class="content-wrap nopadding"><div class="section notopborder nomargin toppadding-sm bottompadding-sm" style="background: none;"><div class="container clearfix"><div class="row flex-center"><div class="col-md-4 non-editable"><div class="editable div-clone" draggable="false"><div style="padding: 0 20px 0 20px; text-align: center;"><h2><div style="flex:0 1 220px; text-align:center;"><img src="https://attractwell-5266-fast.b-cdn.net/images/5266/69dd4d1489d10.jpg" alt="Wine bottle" style="width: 100%; max-width: 180px; height: auto; border-radius: 12px;" class="fr-fic fr-dib" loading="lazy" draggable="false"><span style="color: rgb(0, 0, 0); font-family: Lato, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; text-align: left; display:block;" data-pasted="true">The club's concept is "BYO wine", so the majority of the functions are based in member's homes, a total BYO format. We jokingly refer to our meetings as "A wine mullet: Wine Business in the front, Party in the back" because we begin our meetings in an organized fashion, where we taste an ounce of wine and read information, then move on to the next wine, and so on. After that, we socialize and are free to continue drinking our favorite wines.&nbsp;</span></div></h2></div></div></div><div class="col-md-8 non-editable"><div class="editable div-clone" draggable="false"><div style="padding: 0 20px 0 20px; text-align: center;"><div class="editable div-clone" draggable="false" data-pasted="true"><div data-pasted="true" style="text-align: left;"><span style="font-size: 38px; color: rgb(51, 51, 51); line-height:1.2; display:block;">What to bring and how to act:</span></div><div style="font-size: 16px; color: rgb(0, 0, 0); text-align: left;"><span style="font-size: 18px; color: rgb(51, 51, 51); line-height:1.7; display:block;">(it may seem like a lot, but it's to create the best format for learning and fun...trust us!)</span></div><ul type="disc" style="padding-left:24px; margin-bottom:0;"><li style="font-size: 18px; color: rgb(51, 51, 51); line-height: 1.7; margin-bottom: 10px; text-align: left;">Please arrive on time. The format is a seated tasting, not an "open house format"</li><li style="font-size: 18px; color: rgb(51, 51, 51); line-height: 1.7; margin-bottom: 10px; text-align: left;">If you are coming alone: one bottle of wine, priced in the range listed. If you are part of a couple: either one or tw
4190o bottles of wine, totaling 2 times the range listed (ie one expensive bottle or 2 priced the same or any variation is acceptable)</li><li style="font-size: 18px; color: rgb(51, 51, 51); line-height: 1.7; margin-bottom: 10px; text-align: left;">Some information on the wine and or winery; a review, info from a website, etc. (more than just what's on the bottle, but it doesn't have to be your own words or opinions, most of us just read, promise!)</li><li style="font-size: 18px; color: rgb(51, 51, 51); line-height: 1.7; margin-bottom: 10px; text-align: left;">Your own wine glasses</li><li style="font-size: 18px; color: rgb(51, 51, 51); line-height: 1.7; margin-bottom: 10px; text-align: left;">Your own snacks/dishes to eat them on (if you eat before, no worries)</li><li style="font-size: 18px; color: rgb(51, 51, 51); line-height: 1.7; margin-bottom: 10px; text-align: left;">A pen and notepad to jot down notes</li><li style="font-size: 18px; color: rgb(51, 51, 51); line-height: 1.7; margin-bottom: 10px; text-align: left;">Of course, be respectful of the host's home and belongings- throw away your trash right away, put the toilet seat down, etc.</li><li style="font-size: 18px; color: rgb(51, 51, 51); line-height: 1.7; margin-bottom: 10px; text-align: left;">Please arrange safe transportation home - there's not only zero judgement for taking an Uber or Lyft, it's encouraged!</li><li style="font-size: 18px; color: rgb(51, 51, 51); line-height: 1.7; margin-bottom: 10px; text-align: left;">Please RSVP ASAP, and make sure to update if your availability changes, as we limit attendance. ($5 cancellation fee if no show or cancel with less than 48 hours notice) &nbsp;</li></ul><div>&nbsp;</div></div><div><br></div></div></div></div></div></div></div></div></section><section style="background:  0% 0% / cover no-repeat transparent;" id="themes"><div class="content-wrap nopadding"><div class="section notopborder nomargin" style="background: none; padding-top: 0px; padding-bottom: 0px;"><div class="container clearfix">
4191                        <div class="editable" draggable="false"><div style="text-align:center;font-size:60px;">2026 Themes</div></div>
4192                    </div>
4193                    </div></div></section><section style="background:transparent;background-size:cover;background-repeat:no-repeat;" draggable="false" class=""><div class="content-wrap nopadding"><div class="section notopborder nomargin toppadding-sm bottompadding-sm" style="background: none;"><div class="container clearfix"><div class="row flex-center"><div class="col-md-4 non-editable"><div class="editable div-clone" draggable="false" style="background-color: rgba(102, 102, 102, 0); backdrop-filter: blur(0px); border-radius: 0px !important;" data-animate="fadeIn" data-delay="300"><div style="padding: 0 20px 0 20px; text-align: center;"><h2><strong data-pasted="true"><em>"To enjoy the total pleasure of wine you have to be serious without taking things too seriously".</em></strong></h2><h2><strong><em>-</em></strong><em>&nbsp;winemaker quote and wine club motto<br>&nbsp;</em></h2></div></div></div><div class="col-md-8 non-editable"><div class="editable div-clone" draggable="false" style="padding-left: 60px; border-width: 0px 0px 0px 4px; border-style: solid; border-color: rgb(102, 102, 102);"><div style="padding: 0 20px 0 20px; text-align: center;"><div id=":94e"><div id="avWBGd-600"><div dir="ltr"><div><strong>January:&nbsp;DDGAF</strong></div><div>Celebrating the VP of Wino’s bday and he doesn’t care – anything goes as long as it’s wine.<br><br></div><div><strong>February: How Zinful!</strong><br>Zinfandel or dessert wines, $10-20pp<br><br><strong>March:&nbsp;M-Maddness</strong></div><div>Wines that start with M: Merlot, Mouvedre, Malbec, Marsanne….you get the idea, $10-20 pp.<br><br><strong>April:&nbsp;R you read to rumble, Tempranillo?</strong></div><div>Wines from Rioja or Ribera Del Duero,&nbsp;$15-25pp<br><br><strong>May: Mix is up</strong></div><div>Annual blending event, wine provided.&nbsp;Approx. $30-35pp.<br><br><strong>June: Celebrate! (the head wino’s bday)</strong></div><div>Chardonnays or sparkling, from anywhere,&nbsp;$15-25pp.<br><br><strong>July: Red hot!</strong></div><div>Heat-friendly reds, $15-20pp</div><div><br><strong>August: Coastal whites</strong></div><div>White wines from coastal wine regions (think Sonoma county, vs Napa Valley), $10-20pp</div><div><br><strong>
4193September: Pacific Northwest</strong></div><div>Wines from Oregon or Washington, reds or whites, $15-25pp<br><br><strong>October: Tastin’ blind</strong></div><div>Annual blind tasting even, wine provided. Approx. $30-35pp<br><br><strong>November: Let’s splurge!</strong></div><div>It’s time to break out the big hitters/special occasion wines,&nbsp;$40+pp.<br><br><strong>December: Santa’s bag of mixed grapes</strong></div><div>Red blends, no more than 50% any one varietal, $15-20pp</div></div></div></div><div><a class="button" style="text-align: center;" href="https://groups.google.com/g/stl-wine-club" draggable="false" target="_blank" rel="noopener noreferrer">Sign up for the mailing list</a></div></div></div></div></div></div></div></div></section></div>
4193<script>
4194    var shown_exit_intent = false;
4195    var scroll_modal_shown = false;
4196    var payment_intent_id = null;
4197    var stripe = null;
4198    var cardElement = null;
4199    var elements = null;
4200    var contact_id = null;
4201    var number_of_payment_failures = 0;
4202    var allow_payments = true;
4203    var payment_options = [];
4204    var custom_amounts = {};     var has_booking_calendar = false;
4205    var currentPaymentMode = 'onetime';
4206    var subscription_client_secret = null;
4207    var subscription_id = null;
4208    var subscription_payment_intent_id = null;
4209    var subscription_requires_setup = false;
4210    var cardElementComplete = false;
4211    var cardElementError = '';
4212    const billing_interval_labels = {'weekly':'/week','biweekly':'/2 weeks','monthly':'/month','quarterly':'/quarter','yearly':'/year'};
4213
4214    function hasRecurringSelection() {
4215        for( let i = 0; i < payment_options.length; i++ ) {
4216            let po = payment_options[i];
4217            if( po.active != 1 ) {
4218                continue;
4219            }
4220            let ctrl = $('#payment-option' + i);
4221            if( ctrl.length > 0 && ctrl.is(':checked') ) {
4222                let interval = po['billing_interval'] || 'one_time';
4223                if( interval !== 'one_time' ) {
4224                    return true;
4225                }
4226            }
4227        }
4228        return false;
4229    }
4230
4231        const botdPromise = import('https://openfpcdn.io/botd/v1').then((Botd) => Botd.load());
4232    let botdResults = {};
4233
4234    var entityMap = {
4235    "&": "&amp;",
4236    "<": "&lt;",
4237    ">": "&gt;",
4238    '"': '&quot;',
4239    "'": '&#39;',
4240    "/": '&#x2F;'
4241};
4242
4243function escapeHtml(string) {
4244    if( string === null )
4245        return '';
4246    return String(string).replace(/[&<>"'\/]/g, function (s) {
4247        return entityMap[s];
4248    });
4249}
4250
4251function abbreviateText( text, max_length )
4252{
4253    if( typeof max_length == 'undefined' )
4254        max_length = 30;
4255
4256    var display_text = text;
4257
4258    if( text.length > (max_length + 5))
4259        display_text = text.substr( 0, max_length ) + '...';
4260
4261    return display_text;
4262}
4263
4264function htmlToText( html ) {
4265    var d = document.createElement( 'div' );
4266    d.innerHTML = html;
4267    return d.textContent;
4268}
4269
4270function insertStringAtCursor( field_object, string_to_insert )
4271{
4272    if (document.selection) {
4273        field_object.focus();
4274        sel = document.selection.createRange();
4275        sel.text = string_to_insert;
4276    }
4277    else if (field_object.selectionStart || field_object.selectionStart == '0') {
4278        var startPos = field_object.selectionStart;
4279        var endPos = field_object.selectionEnd;
4280        field_object.value = field_object.value.substring(0, startPos)
4281            + string_to_insert
4282            + field_object.value.substring(endPos, field_object.value.length);
4283    } else {
4284        field_object.value += string_to_insert;
4285    }
4286}
4287    // Exit intent
4288    function addEvent(obj, evt, fn) {
4289        if (obj.addEventListener) {
4290            obj.addEventListener(evt, fn, false);
4291        } else if (obj.attachEvent) {
4292            obj.attachEvent("on" + evt, fn);
4293        }
4294    }
4295
4296    function notNullOrUndefined( $value ) {
4297        return $value !== null && $value !== undefined;
4298    }
4299
4300    function submitPayment( optional_data )
4301    {
4302                if( is_submitting ) {
4303            return false;
4304        }
4305                if( !hasRecurringSelection() && payment_intent_id === null ) {
4306            let _zero_check = UpdatePaymentAmount( false );
4307            if( _zero_check.total_payment_amount > 0 ) {
4308                return false;
4309            }
4310        }
4311
4312        PreventSubmitting();
4313
4314            }
4315
4316    
4317    async function submitLeadForm( status = 'normal', options = {} )
4318    {
4319        let i;
4320        // prevent double submissions
4321        if( is_submitting || (status === 'payment-failure' && number_of_payment_failures > 0) )
4322            return false;
4323
4324                await botdPromise
4325            .then((botd) => botd.detect())
4326            .then((result) => botdResults = result)
4327            .catch((error) => console.error(error))
4328
4329                let botdEnabled = false;
4330        if( botdEnabled && typeof botdResults === 'object' && botdResults.bot !== false ) {
4331            toastr.error('Please try again later.');
4332            return false;
4333        }
4334        
4335        toastr.clear();
4336
4337                if( has_booking_calendar === true ) {
4338            if( typeof selected_booking_datetime !== 'string' || typeof selected_time_zone !== 'string' ||
4339                selected_booking_datetime.trim() === '' || selected_time_zone.trim() === '' ) {
4340                toastr.error('Please select a date and time on the calendar.');
4341                return false;
4342            }
4343        }
4344
4345        
4346                                if( $('#lead_capture_field_name').val().trim() == '' ) {
4347                                    if( 'named' === 'file' )
4348                                        toastr.error( 'Please select a file for ' + "Name" );
4349                                    else
4350                                        toastr.error( 'Please enter ' +"Name" );
4351
4352                                    $('#lead_capture_field_name').focus();
4353                                    return;
4354                                }
4355
4356                                if( $('#lead_capture_field_email').val().trim() == '' ) {
4357                                    if( 'named' === 'file' )
4358                                        toastr.error( 'Please select a file for ' + "Email" );
4359                                    else
4360                                        toastr.error( 'Please enter ' +"Email" );
4361
4362                                    $('#lead_capture_field_email').focus();
4363                                    return;
4364                                }
4365
4366        PreventSubmitting();
4367
4368        var email_address = (notNullOrUndefined($('#lead_capture_field_email').val()) ? $('#lead_capture_field_email').val().trim() : '');
4369        var phone_number = (notNullOrUndefined($('#lead_capture_field_phone').val()) ? $('#lead_capture_field_phone').val().trim() : '');
4370        var form_has_email = true;
4371        var form_has_phone = true;
4372        var email_is_required = true;
4373        var phone_is_required = false;
4374
4375        var data = {
4376            'contact-name': (notNullOrUndefined($('#lead_capture_field_name').val()) ? $('#lead_capture_field_name').val().trim() : ''),
4377            'contact-email': email_address,
4378            'contact-phone': phone_number,
4379            'contact-custom1': (notNullOrUndefined($('#lead_capture_field_custom_field1').val()) ? $('#lead_capture_field_custom_field1').val().trim() : ''),
4380            'contact-custom1-label': $('#lead_capture_field_custom_field1').prop('placeholder'),
4381            'contact-custom2': (notNullOrUndefined($('#lead_capture_field_custom_field2').val()) ? $('#lead_capture_field_custom_field2').val().trim() : ''),
4382            'contact-custom2-label': $('#lead_capture_field_custom_field2').prop('placeholder'),
4383            'contact-address': $('#address').val(),
4384            'contact-message': $('#feedback').val(),
4385            'contact-source': 'Website Page',
4386            'subscribe-email': ((email_is_required === true || email_address != '') && form_has_email === true ? '1' : '0'),
4387            'subscribe-text': ((phone_is_required === true || phone_number != '') && form_has_phone === true ? '1' : '0'),
4388            'enroller-number': "",
4389            'enroller-name': "",
4390            'sponsor-number': "",
4391            'sponsor-name': "",
4392            'utm_source': null,
4393            'utm_campaign': null,
4394            'utm_medium': null,
4395            'utm_term': null,
4396            'utm_content': null,
4397            'page': 46649,
4398            'referral_contact_id': ""        };
4399
4400                if( options.already_granted_call_package === true )
4401            data['already_granted_call_package'] = '1';
4402
4403        if( has_booking_calendar === true && typeof selected_booking_datetime === 'string' && selected_booking_datetime !== ''
4404        && typeof selected_time_zone === 'string' && selected_time_zone !== '' ) {
4405            data['has_booking_calendar'] = true;
4406            data['selected_booking_datetime'] = selected_booking_datetime;
4407            data['selected_time_zone'] = selected_time_zone;
4408            data['selected_booking_location'] = selected_booking_location;
4409
4410            
4411                        data['booking_type_id'] = null;
4412                    }
4413
4414        if( status === 'post-payment' && payment_intent_id != null ) {
4415                        data['payment_intent_id'] = payment_intent_id;
4416            data['payment_setup_id'] = null;
4417            data['contact_id'] = contact_id;
4418        }
4419        if( status === 'lead-before-payment' ) {
4420                        data['lead-before-payment'] = 1;
4421            data['payment_intent_id'] = payment_intent_id;
4422            data['payment_setup_id'] = null;
4423            data['page_id'] = 46649;
4424            data['contact_id'] = contact_id;
4425            let payment_temp = UpdatePaymentAmount( false );
4426            data['routing_option'] = payment_temp.total_payment_amount;
4427                    }
4428        if( status === 'payment-failure' ) {
4429                        data['lead-before-payment'] = 2;
4430        }
4431        if( typeof payment_options !== 'undefined' && Array.isArray( payment_options ) && payment_options.length > 0 ) {
4432                        var payment_uuids = [];
4433            for( i = 0; i < payment_options.length; i++ ) {
4434                var payment_option = payment_options[i];
4435                var payment_option_control = $('#payment-option' + i);
4436                if( payment_option_control.is(':checked') ) {
4437                    payment_uuids.push( payment_option['uuid'] );
4438                }
4439            }
4440            data['payment_uuids'] = payment_uuids;
4441        }
4442
4443        data['total_lead_fields'] = 3;
4444        SaveFormFieldsToLocalStorage( data );
4445        if( status !== 'payment-failure' )
4446            toastr.info('Please wait...');
4447
4448        submitLeadFormInternal( data );
4449    }
4450
4451    function RenderPaymentOptions( update_payment_intent = true, select_last_payment_option = false, coupon_code = '' )
4452    {
4453        var payment_options_choose_from = "single";
4454            }
4455
4456    function GetCurrencySymbolFromCurrencyCode( currency_code )
4457    {
4458        var supported_currencies = [{"code":"usd","name":"United States Dollar (USD $)","symbol":"$"},{"code":"aud","name":"Australian Dollar (AUD $)","symbol":"AUD$"},{"code":"cad","name":"Canadian Dollar (CAD $)","symbol":"CAD$"},{"code":"eur","name":"Euro (EUR \u20ac)","symbol":"\u20ac"},{"code":"chf","name":"Swiss Franc (\u20a3)","symbol":"\u20a3"},{"code":"hkd","name":"Hong Kong Dollar (HKD $)","symbol":"HKD$"},{"code":"myr","name":"Malaysian Ringgit (MYR RM)","symbol":"RM"},{"code":"nzd","name":"New Zealand Dollar (NZD $)","symbol":"NZD$"},{"code":"nok","name":"Norwegian Krone (NOK kr)","symbol":"kr"},{"code":"gbp","name":"Pound Sterling (GBP \u00a3)","symbol":"\u00a3"},{"code":"sgd","name":"Singapore Dollar (SGD $)","symbol":"SGD$"},{"code":"mxn","name":"Mexican Peso (MXN $)","symbol":"MXN$"}];
4459        for( var j = 0; j < supported_currencies.length; j++ ) {
4460            var currency = supported_currencies[j];
4461            if( currency_code == currency['code'] )
4462                return currency['symbol'];
4463        }
4464        return '$';
4465    }
4466
4467    let calculated_payment_amount = null;
4468    function UpdatePaymentAmount( update_payment_intent = true )
4469    {
4470        var total_payment_amount = 0;
4471        var total_onetime_amount = 0;
4472        var recurring_amounts = {};         var total_options_selected = 0;
4473        var currency_symbol = '';
4474        var pwyw_validation_error = false;
4475        for( var i = 0; i < payment_options.length; i++ ) {
4476            var payment_option = payment_options[i];
4477            var payment_option_control = $('#payment-option' + i);
4478            if( payment_option_control.is(':checked') ) {
4479                let payment_amount = payment_option['payment_amount'] + '';
4480                let min_amount = parseFloat(payment_option['payment_amount']);
4481
4482                                if( payment_option['pay_what_you_want'] == 1 ) {
4483                    let pwyw_input = $('#pwyw-amount-' + i);
4484                    if( pwyw_input.length > 0 ) {
4485                        let pwyw_value = parseFloat(pwyw_input.val());
4486                        if( isNaN(pwyw_value) || pwyw_value < min_amount ) {
4487                            pwyw_input.css('border-color', 'red');
4488                            pwyw_validation_error = true;
4489                        } else {
4490                            pwyw_input.css('border-color', '');
4491                            payment_amount = pwyw_value + '';
4492                            custom_amounts[payment_option['uuid']] = pwyw_value;
4493                        }
4494                    }
4495                }
4496
4497                let has_decimal = (payment_amount.indexOf('.') > -1);
4498                let cents_amount = payment_amount.split('.');
4499                if( cents_amount.length > 1 && cents_amount[1].length === 1 )
4500                    payment_amount += '0';
4501                if( cents_amount.length > 1 && cents_amount[1].length > 2 )
4502                    payment_amount = cents_amount[0] + '.' + cents_amount[1].substring(0,2);
4503
4504                let integer_payment_amount = payment_amount.replace('.','');
4505                if( !has_decimal )
4506                    integer_payment_amount *= 100;
4507                let this_cents = parseInt(integer_payment_amount, 10);
4508                total_payment_amount += this_cents;
4509                total_options_selected++;
4510
4511                                let option_interval = payment_option['billing_interval'] || 'one_time';
4512                let effective_interval = option_interval;
4513                if( option_interval === 'payment_plan' ) {
4514                    effective_interval = payment_option['payment_plan_interval'] || 'monthly';
4515                }
4516                if( effective_interval !== 'one_time' ) {
4517                    if( !recurring_amounts[effective_interval] ) {
4518                        recurring_amounts[effective_interval] = 0;
4519                    }
4520                    recurring_amounts[effective_interval] += this_cents;
4521                }
4522                else {
4523                    total_onetime_amount += this_cents;
4524                }
4525
4526                if (currency_symbol == '')
4527                    currency_symbol = GetCurrencySymbolFromCurrencyCode(payment_option.payment_currency);
4528            }
4529        }
4530        if( total_payment_amount < 0 )
4531            total_payment_amount = 0;
4532        total_payment_amount /= 100;
4533        if( total_payment_amount.toString().endsWith( '.00' ) )
4534            total_payment_amount = parseInt( total_payment_amount, 10 );
4535
4536        if( (total_payment_amount + '').indexOf('.') > -1 )
4537            total_payment_amount = Number(total_payment_amount).toFixed(2);
4538
4539        if( currency_symbol == '' )
4540            currency_symbol = '$';
4541
4542                let recurring_interval_keys = Object.keys(recurring_amounts);
4543        let has_recurring = recurring_interval_keys.length > 0;
4544        let display_text = '';
4545        if( has_recurring ) {
4546                        let recurring_parts = [];
4547            let first_payment_text = '';
4548            for( let ri = 0; ri < recurring_interval_keys.length; ri++ ) {
4549                let interval_key = recurring_interval_keys[ri];
4550                let interval_amount = recurring_amounts[interval_key] / 100;
4551                if( interval_amount.toString().indexOf('.') > -1 ) {
4552                    interval_amount = Number(interval_amount).toFixed(2);
4553                }
4554                let label = billing_interval_labels[interval_key] || '';
4555
4556                                let plan_num_payments = 0;
4557                let plan_first_amount = null;
4558                let has_first_override = false;
4559                for( let pi = 0; pi < payment_options.length; pi++ ) {
4560                    let po = payment_options[pi];
4561                    let po_ctrl = $('#payment-option' + pi);
4562                    if( po_ctrl.length === 0 || !po_ctrl.is(':checked') ) {
4563                        continue;
4564                    }
4565                    let po_interval = po.billing_interval || 'one_time';
4566                    let po_effective = (po_interval === 'payment_plan') ? (po.payment_plan_interval || 'monthly') : po_interval;
4567                    if( po_effective !== interval_key ) {
4568                        continue;
4569                    }
4570                    if( po_interval === 'payment_plan' ) {
4571                        plan_num_payments = po.num_payments || 1;
4572                    }
4573                    if( po.first_payment_amount !== null && po.first_payment_amount !== undefined && po.first_payment_amount !== '' ) {
4574                        has_first_override = true;
4575                        plan_first_amount = parseFloat(po.first_payment_amount);
4576                    }
4577                }
4578
4579                let duration_words = {'weekly':'weeks','biweekly':'2-week periods','monthly':'months','quarterly':'quarters','yearly':'years'};
4580                let cycle_word_map = {'weekly':'week','biweekly':'2-week period','monthly':'month','quarterly':'quarter','yearly':'year'};
4581                let cw = cycle_word_map[interval_key] || 'month';
4582                if( plan_num_payments > 0 && has_first_override ) {
4583                                        let remaining = plan_num_payments - 1;
4584                    if( plan_first_amount === 0 ) {
4585                        first_payment_text = 'Free first ' + cw;
4586                    } else {
4587                        let fmt_first = Number(plan_first_amount).toFixed(2);
4588                        if( fmt_first.endsWith('.00') ) {
4589                            fmt_first = parseInt(fmt_first, 10);
4590                        }
4591                        first_payment_text = currency_symbol + fmt_first + ' first ' + cw;
4592                    }
4593                    recurring_parts.push( remaining + ' payment' + (remaining !== 1 ? 's' : '') + ' of ' + currency_symbol + interval_amount + label );
4594                } else if( plan_num_payments > 0 ) {
4595                                        let dw = duration_words[interval_key] || 'months';
4596                    recurring_parts.push( currency_symbol + interval_amount + label + ' for ' + plan_num_payments + ' ' + dw );
4597                } else if( has_first_override ) {
4598                                        if( plan_first_amount === 0 ) {
4599                        first_payment_text = 'Free first ' + cw;
4600                    } else {
4601                        let fmt_first_r = Number(plan_first_amount).toFixed(2);
4602                        if( fmt_first_r.endsWith('.00') ) {
4603                            fmt_first_r = parseInt(fmt_first_r, 10);
4604                        }
4605                        first_payment_text = currency_symbol + fmt_first_r + ' first ' + cw;
4606                    }
4607                    recurring_parts.push( currency_symbol + interval_amount + label );
4608                } else {
4609                    recurring_parts.push( currency_symbol + interval_amount + label );
4610                }
4611            }
4612
4613            if( first_payment_text !== '' ) {
4614                display_text = first_payment_text + ', then ' + recurring_parts.join(' and ');
4615            } else if( total_onetime_amount > 0 ) {
4616                display_text = currency_symbol + total_payment_amount + ' today, then ' + recurring_parts.join(' and ');
4617            } else {
4618                if( recurring_interval_keys.length === 1 ) {
4619                    display_text = recurring_parts[0];
4620                } else {
4621                    display_text = currency_symbol + total_payment_amount + ' today, then ' + recurring_parts.join(' and ');
4622                }
4623            }
4624        }
4625        else {
4626            display_text = currency_symbol + total_payment_amount;
4627        }
4628        $('#amount-to-be-charged').html( display_text );
4629
4630                let new_mode = has_recurring ? 'recurring' : 'onetime';
4631        if( new_mode !== currentPaymentMode ) {
4632                    }
4633
4634        if( total_payment_amount !== calculated_payment_amount && !pwyw_validation_error ) {
4635                        calculated_payment_amount = total_payment_amount;
4636        }
4637        return {
4638            total_payment_amount: total_payment_amount,
4639            total_options_selected: total_options_selected,
4640            pwyw_validation_error: pwyw_validation_error
4641        }
4642    }
4643
4644
4645    $(function() {
4646                let background_image = document.querySelector('[id=usebackground] img');
4647        if( background_image ) {
4648            let src = background_image.getAttribute('src');
4649            if( typeof src === 'string' && src !== '' ) {
4650                $('.fr-view').css('background', 'url(' + src + ') no-repeat center center fixed')
4651                    .css('background-size', 'cover')
4652                    .css('background-attachment', 'scroll');
4653
4654                $('section').css('background', 'transparent !important');
4655            }
4656        }
4657        try {
4658            $('#leadForm').linkify();
4659        }
4660        catch( error )
4661        {
4662            // ignore
4663        }
4664        Number.prototype.round = function(places) {
4665            return +(Math.round(this + "e+" + places)  + "e-" + places);
4666        }
4667
4668        
4669        RenderPaymentOptions();
4670
4671        
4672        $('#payment-options-div').on( 'change', '.payment-option', function() {
4673            if( $(this).is(':checked') ) {
4674                var this_payment_currency = $(this).attr('data-currency');
4675                                for( var i = 0; i < payment_options.length; i++ ) {
4676                    var payment_option = payment_options[i];
4677                    var payment_option_control = $('#payment-option' + i);
4678                    if( payment_option_control.is(':checked') && $(this)[0].id != payment_option_control[0].id &&
4679                        this_payment_currency != payment_option.payment_currency ) {
4680                        toastr.clear();
4681                        toastr.info('Please choose payment options of the same currency.');
4682                        $(this).prop('checked',false);
4683                        return false;
4684                    }
4685                }
4686            }
4687            UpdatePaymentAmount();
4688        });
4689
4690                $('#payment-options-div').on( 'change input', '.pwyw-amount-input', function() {
4691            var index = $(this).data('index');
4692            var min_amount = parseFloat(payment_options[index]['payment_amount']);
4693            var entered_amount = parseFloat($(this).val());
4694            if( isNaN(entered_amount) || entered_amount < min_amount ) {
4695                $(this).css('border-color', 'red');
4696                var currency_symbol = GetCurrencySymbolFromCurrencyCode(payment_options[index]['payment_currency']);
4697                toastr.clear();
4698                toastr.warning('Minimum amount is ' + currency_symbol + min_amount.toFixed(2));
4699            } else {
4700                $(this).css('border-color', '');
4701            }
4702            UpdatePaymentAmount();
4703        })
4704
4705                $('[href$="#lead"]').click( function() {
4706            $('#leadModal').modal('show');
4707            return false;
4708        } );
4709                if( location.hash === '#lead' || location.hash === '#lead-form' )
4710            $('#leadModal').modal('show');
4711                $('[href$="#contact"]').click( function() {
4712            $('#contactMeModal').modal('show');
4713            return false;
4714        } );
4715
4716        
4717        $('#register-button').click( submitLeadForm );
4718    });
4719</script>
4719
4720    
4720<script src="https://attractwell.com/thirdparty/linkifyjs/linkify.min.js"></script>
4720
4721    
4721<script src="https://attractwell.com/thirdparty/linkifyjs/linkify-jquery.min.js"></script>
4721
4722    
4722<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/signature_pad.umd.min.js"></script>
4722
4723    
4723<script>
4724    $(function() {
4725        function initSignatureCanvas(canvas) {
4726            canvas.width = canvas.offsetWidth;
4727            canvas.height = canvas.offsetHeight;
4728            let signaturePad = new SignaturePad(canvas, {
4729                backgroundColor: 'rgb(255, 255, 255)',
4730                penColor: 'rgb(0, 0, 0)'
4731            });
4732            $(canvas).data('signaturePad', signaturePad);
4733        }
4734
4735        /* Initialize signature pads that are currently visible */
4736        $('.signature-canvas').each(function() {
4737            if (this.offsetWidth > 0) {
4738                initSignatureCanvas(this);
4739            }
4740        });
4741
4742        /* Re-initialize signature pads when a modal is shown (canvas has 0 dimensions while hidden) */
4743        $('#leadModal').on('shown.bs.modal', function() {
4744            $(this).find('.signature-canvas').each(function() {
4745                initSignatureCanvas(this);
4746            });
4747        });
4748
4749        /* Clear signature button handler */
4750        $('.clear-signature-btn').click(function() {
4751            let canvasId = $(this).data('canvas-id');
4752            let canvas = document.getElementById(canvasId);
4753            let signaturePad = $(canvas).data('signaturePad');
4754            if (signaturePad) {
4755                signaturePad.clear();
4756            }
4757        });
4758    });
4759    </script>
4759
4760
4761
4762    <div class="modal fade" id="leadModal" tabindex="-1" role="dialog" aria-labelledby="leadModalLabel" aria-hidden="true">
4763        <div class="modal-dialog modal-lg">
4764            <div class="modal-body">
4765                <div class="modal-content">
4766                    <div class="modal-body">
4767                        <div class="block divcenter">
4768                            <div class="row nomargin clearfix">
4769                                <div class="col-md-12">
4770                                    <div>
4771                                        <button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true">&times;</button>
4772                                        <form action="#" class="clearfix" id="leadForm" name="leadForm" style="clear:both;margin-bottom:0;"><div id="payment-options-div"></div><div id="form-position"><div class="row"><div class="col-md-12"><div class="col_full col_last"><input id="lead_capture_field_name" type="text" class="form-control input-lg not-dark" value="" data-save-to="" placeholder="Name*"></div></div></div><div class="row"><div class="col-md-12"><div class="col_full col_last"><input id="lead_capture_field_email" type="email" class="form-control input-lg not-dark" value="" data-save-to="" placeholder="Email*"></div></div></div><div class="row"><div class="col-md-12"><div class="col_full col_last"><input id="lead_capture_field_phone" type="phone" class="form-control input-lg not-dark" value="" data-save-to="" placeholder="Phone"></div></div></div></form></div><div>
4773            <button id="register-button" data-secret="" class="button button-3d button-rounded button-blue button-large btn-block nomargin" type="button"><div id="register-button-text">Yes, get me started!</div></button></div><div style="font-weight:300;font-size:smaller;margin-top:10px;color:#888888;text-align:center;"></div></form>                                    </div>
4774                                </div>
4775                            </div>
4776                        </div>
4777                    </div>
4778                </div>
4779            </div>
4780        </div>
4781    </div>
4782
4783    </main><!-- main content end -->
4784
4785    <a name="contact"></a>
4786
4787    
4788    <footer id="footer" class="dark">
4789
4790        <!-- Copyrights
4791        ============================================= -->
4792        <div id="copyrights">
4793
4794            <div class="container clearfix text-center">
4795
4796                <div>
4797                    Copyright &copy; 2026                         by respective copyright holders, which include but may not be limited to St. Louis Wine Club and AttractWell.                </div>
4798                                    <div style="margin-top:2rem;">
4799                        <a href="https://attractwell.com" target="_blank">Powered by AttractWell.com. Get your own system now!</a>
4800                    </div>
4801                            </div>
4802
4803        </div><!-- #copyrights end -->
4804
4805    </footer><!-- #footer end -->
4806    
4807</div><!-- #wrapper end -->
4808
4809
4810
4811
4812<style>
4813    .subscribe {
4814        font-weight: 300;
4815        margin-bottom:15px;
4816    }
4817    .subscribe label {
4818        font-weight: 300;
4819        display:inline;
4820        white-space:nowrap;
4821    }
4822    .subscribe > span, .subscribe > span > span {
4823        white-space:nowrap;
4824    }
4825    #contact-me-message {
4826        min-height:60px;
4827        margin-bottom:10px;
4828        max-height:120px;
4829    }
4830    .contact-form-address {
4831        display:none;
4832    }
4833    .sm-form-control {
4834        font-size: 1.8rem;
4835        height: auto;
4836    }
4837        .contact-form-grid {
4838        display: grid;
4839        grid-template-columns: 1fr;
4840        grid-gap: 2rem;
4841        align-items: center;
4842        justify-items: center;
4843        padding: 1rem;
4844    }
4845    .contact-form-grid > div {
4846        width: 100%;
4847    }
4848    @media (max-width: 991px) {
4849        .contact-form-grid {
4850            grid-template-columns: 1fr;
4851        }
4852    }
4853</style>
4854
4855<!-- Contact Me Modal -->
4856<div class="modal fade" id="contactMeModal" tabindex="-1" role="dialog" aria-labelledby="contactMeModalLabel" aria-hidden="true">
4857    <div class="modal-dialog modal-lg">
4858        <div class="modal-body">
4859            <div class="modal-content">
4860                <div class="modal-body">
4861                    <div class="contact-form-grid">
4862                                                <div>
4863                            <div class="text-center">
4864                                <button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true">&times;</button>
4865                                <h2 class="ls1 nobottommargin" id="contactMeModalLabel">Christina Murphy</h2>
4866
4867                                <div style="color: #888888;font-weight:300;margin-bottom:10px;">
4868        USA<br>        <a href="mailto:&#99;&#116;&#105;&#110;&#97;&#46;&#109;&#117;&#114;&#112;&#104;&#121;&#49;&#55;&#64;&#103;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;">&#99;&#116;&#105;&#110;&#97;&#46;&#109;&#117;&#114;&#112;&#104;&#121;&#49;&#55;&#64;&#103;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;
4868</a>
4869    <div style="margin-top:1rem;text-align:center;">
4870        
4871        <style>
4872        .social-icon {
4873            float: none;
4874            display: inline-block;
4875        }
4876        .si-snapchat:hover {
4877            background-color: #fffc00;
4878        }
4879        .snapchat-adjust {
4880            padding-top: 9px;
4881        }
4882        .snapchat-adjust:hover {
4883            padding-top: 15px;
4884        }
4885        .snapchat-adjust:not(.si-small):hover {
4886            padding-top: 18px;
4887        }
4888        .snapchat-adjust:hover i:first-child {
4889            visibility: hidden;
4890        }
4891        .snapchat-adjust i:last-child {
4892            color: #333 !important;
4893        }
4894        .fa-x-twitter:first-of-type {
4895            margin-top: 8px;
4896        }
4897        .fa-x-twitter:last-child {
4898            margin-top: 24px;
4899        }
4900        .fa-x-twitter-large {
4901            padding-top: 1px;
4902        }
4903        .fa-snapchat-ghost:first-of-type {
4904            margin-bottom:10px;
4905        }
4906        .fa-snapchat-ghost:last-child {
4907            position: relative;
4908            top: -1px;
4909        }
4910        .snapchat-adjust-large {
4911            padding-top: 10px;
4912        }
4913        .snapchat-adjust-large:hover {
4914            padding-top: 18px;
4915        }
4916        .snapchat-adjust-large:hover i:first-child {
4917            visibility: hidden;
4918        }
4919        .dark .snapchat-adjust-large i:last-child {
4920            color: #333 !important;
4921        }
4922        .fa-snapchat-ghost-large:first-of-type {
4923            margin-bottom:10px;
4924        }
4925    </style>    </div>
4926</div>
4927
4928
4929                                                                    <div><input type="text" id="contact-me-name" name="contact-me-name" value="" class="sm-form-control" placeholder="Name" maxlength="50" style="margin-bottom:10px;"></div>
4930                                    <div class="row">
4931                                        <div class="col-md-6"><input type="text" id="contact-me-phone" name="contact-me-phone" value="" class="sm-form-control" placeholder="Phone" maxlength="50" style="margin-bottom:10px;"></div>
4932                                        <div class="col-md-6"><input type="email" id="contact-me-email" name="contact-me-email" value="" class="sm-form-control" placeholder="Email" maxlength="100" style="margin-bottom:10px;"></div>
4933                                    </div>
4934                                    <div style="margin-bottom:10px;">
4935                                        <select class="sm-form-control" id="contact-me-country" name="contact-me-country">
4936                                            <optgroup label="My Country">
4937                                                <option value="">Please select</option>
4938                                                <option value="USA" selected>USA</option><option value="Australia">Australia</option><option value="Canada">Canada</option><option value="Singapore">Singapore</option><option value="Afghanistan">Afghanistan</option><option value="Albania">Albania</option><option value="Algeria">Algeria</option><option value="American Samoa">American Samoa</option><option value="Andorra">Andorra</option><option value="Angola">Angola</option><option value="Anguilla">Anguilla</option><option value="Antarctica">Antarctica</option><option value="Antigua and Barbuda">Antigua and Barbuda</option><option value="Argentina">Argentina</option><option value="Armenia">Armenia</option><option value="Aruba">Aruba</option><option value="Austria">Austria</option><option value="Azerbaidjan">Azerbaidjan</option><option value="Bahamas">Bahamas</option><option value="Bahrain">Bahrain</option><option value="Bangladesh">Bangladesh</option><option value="Barbados">Barbados</option><option value="Belarus">Belarus</option><option value="Belgium">Belgium</option><option value="Belize">Belize</option><option value="Benin">Benin</option><option value="Bermuda">Bermuda</option><option value="Bhutan">Bhutan</option><option value="Bolivia">Bolivia</option><option value="Bosnia-Herzegovina">Bosnia-Herzegovina</option><option value="Botswana">Botswana</option><option value="Bouvet Island">Bouvet Island</option><option value="Brazil">Brazil</option><option value="British Indian Ocean Territory">British Indian Ocean Territory</option><option value="Brunei">Brunei</option><option value="Bulgaria">Bulgaria</option><option value="Burkina Faso">Burkina Faso</option><option value="Burundi">Burundi</option><option value="Cambodia">Cambodia</option><option value="Cameroon">Cameroon</option><option value="Canary Islands">Canary Islands</option><option value="Cape Verde">Cape Verde</option><option value="Cayman Islands">Cayman Islands</option><option value="Central African Republic">Central African Republic</option><option value="Chad">Chad</option><option value="Chile">Chile</option><option value="China">China</option><option value="Christmas Island">Christmas Island</option><option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option><option value="Colombia">Colombia</option><option value="Comoros">Comoros</option><option value="Congo">Congo</option><option value="Congo, The Democratic Republic Of The">Congo, The Democratic Republic Of The</option><option value="Cook Islands">Cook Islands</option><option value="Costa Rica">Costa Rica</option><option value="Croatia">Croatia</option><option value="Cuba">Cuba</option><option value="Cyprus">Cyprus</option><option value="Czech Republic">Czech Republic</option><option value="Denmark">Denmark</option><option value="Djibouti">Djibouti</option><option value="Dominica">Dominica</option><option value="Dominican Republic">Dominican Republic</option><option value="East Timor">East Timor</option><option value="Ecuador">Ecuador</option><option value="Egypt">Egypt</option><option value="El Salvador">El Salvador</option><option value="Equatorial Guinea">Equatorial Guinea</option><option value="Eritrea">Eritrea</option><option value="Estonia">Estonia</option><option value="Ethiopia">Ethiopia</option><option value="Falkland Islands">Falkland Islands</option><option value="Faroe Islands">Faroe Islands</option><option value="Fiji Islands">Fiji Islands</option><option value="Finland">Finland</option><option value="France">
4938France</option><option value="French Guyana">French Guyana</option><option value="French Polynesia">French Polynesia</option><option value="French Southern Territories">French Southern Territories</option><option value="Gabon">Gabon</option><option value="Gambia">Gambia</option><option value="Georgia">Georgia</option><option value="Germany">Germany</option><option value="Ghana">Ghana</option><option value="Gibraltar">Gibraltar</option><option value="Greece">Greece</option><option value="Greenland">Greenland</option><option value="Grenada">Grenada</option><option value="Guadeloupe">Guadeloupe</option><option value="Guam">Guam</option><option value="Guatemala">Guatemala</option><option value="Guinea">Guinea</option><option value="Guinea-Bissau">Guinea-Bissau</option><option value="Guyana">Guyana</option><option value="Haiti">Haiti</option><option value="Heard and McDonald Islands">Heard and McDonald Islands</option><option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option><option value="Honduras">Honduras</option><option value="Hong Kong">Hong Kong</option><option value="Hungary">Hungary</option><option value="Iceland">Iceland</option><option value="India">India</option><option value="Indonesia">Indonesia</option><option value="Iran">Iran</option><option value="Iraq">Iraq</option><option value="Ireland">Ireland</option><option value="Israel">Israel</option><option value="Italy">Italy</option><option value="Ivory Coast">Ivory Coast</option><option value="Jamaica">Jamaica</option><option value="Japan">Japan</option><option value="Jersey">Jersey</option><option value="Jordan">Jordan</option><option value="Kazakhstan">Kazakhstan</option><option value="Kenya">Kenya</option><option value="Kiribati">Kiribati</option><option value="Korea">Korea</option><option value="Kosovo">Kosovo</option><option value="Kuwait">Kuwait</option><option value="Kyrgyzstan">Kyrgyzstan</option><option value="Lao Peoples Democratic Republic">Lao Peoples Democratic Republic</option><option value="Latvia">Latvia</option><option value="Lebanon">Lebanon</option><option value="Lesotho">Lesotho</option><option value="Liberia">Liberia</option><option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option><option value="Liechtenstein">Liechtenstein</option><option value="Lithuania">Lithuania</option><option value="Luxembourg">Luxembourg</option><option value="Macau">Macau</option><option value="Macedonia">Macedonia</option><option value="Madagascar">Madagascar</option><option value="Malawi">Malawi</option><option value="Malaysia">Malaysia</option><option value="Maldives">Maldives</option><option value="Mali">Mali</option><option value="Malta">Malta</option><option value="Marshall Islands">Marshall Islands</option><option value="Martinique">Martinique</option><option value="Mauritania">Mauritania</option><option value="Mauritius">Mauritius</option><option value="Mayotte">Mayotte</option><option value="Mexico">Mexico</option><option value="Micronesia">Micronesia</option><option value="Moldova, Republic Of">Moldova, Republic Of</option><option value="Monaco">Monaco</option><option value="Mongolia">Mongolia</option><option value="Montenegro">Montenegro</option><option value="Montserrat">Montserrat</option><option value="Morocco">Morocco</option><option value="Mozambique">Mozambique</option><option value="Myanmar">Myanmar</option><option value="Nambia">Nambia</option><option value="Nauru">Nauru</option><option value="Nepal">Nepal</option><option value="Netherlands">Netherlands</option><option value="Netherlands Antilles">Netherlands Antilles</option><option value="New Caledonia">New Caledonia</option><option value="New Zealand">New Zealand</option><option value="Nicaragua">Nicaragua</option><option value="Niger">Niger</option><option value="Nigeria">Nigeria</option><option value="Niue">Niue</option><option value="Norfolk Island">Norfolk Island</option><option value="Northern Mariana Islands">Northern Mariana Islands</option><option value="Norway">Norway</option><option value="Oman">Oman</option><option value="Pakistan">Pakistan</option><option value="Palau">Palau</option><option value="Panama">Panama</option><option value="Paupau New Guinea">Paupau New Guinea</option><option value="Paraguay">Paraguay</option><option value="Peru">Peru</option><option value="Philippines">Philippines</option><option value="Pitcairn">Pitcairn</option><option value="Poland">Poland</option><option value="Portugal">Portugal</option><option value="Puerto Rico">Puerto Rico</option><option value="Qatar">Qatar</option><option value="Reunion">Reunion</option><option value="Romania">Romania</option><option value="Russia">Russia</option><option value="Rwanda">Rwanda</option><option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option><option value="Saint Lucia">Saint Lucia</option><option value="Saint Vincent And The Grenadines">Saint Vincent And The Grenadines</option><option value="Samoa">Samoa</option><option value="San Marino">San Marino</option><option value="Sao Tome And Principe">Sao Tome And Principe</option><option value="Saudi Arabia">Saudi Arabia</option><option value="Senegal">Senegal</option><option value="Serbia">Serbia</option><option value="Seychelles">Seychelles</option><option value="Sierra Leone">Sierra Leone</option><option value="Slovakia">Slovakia</option><option value="Slovenia">Slovenia</option><option value="Solomon Islands">Solomon Islands</option><option value="Somalia">Somalia</option><option value="South Africa">South Africa</option><option value="South Georgia And The South Sandwich Islands">South Georgia And The South Sandwich Islands</option><option value="Spain">Spain</option><option value="Srilanka">Srilanka</option><option value="St. Helena">St. Helena</option><option value="St. Pierre And Miquelon">St. Pierre And Miquelon</option><option value="Sudan">Sudan</option><option value="Suriname">Suriname</option><option value="Svalbard And Jan Mayen Islands">Svalbard And Jan Mayen Islands</option><option value="Swaziland">Swaziland</option><option value="Sweden">Sweden</option><option value="Switzerland">Switzerland</option><option value="Syrian Arab Republic">Syrian Arab Republic</option><option value="Taiwan">Taiwan</option><option value="Tajikistan">Tajikistan</option><option value="Tanzania">Tanzania</option><option value="Thailand">Thailand</option><option value="Togo">Togo</option><option value="Tokelau">Tokelau</option><option value="Tonga">Tonga</option><option value="Trinidad And Tobago">Trinidad And Tobago</option><option value="Tunisia">Tunisia</option><option value="Turkmenistan">Turkmenistan</option><option value="Turks And Caicos Islands">Turks And Caicos Islands</option><option value="Tuvalu">Tuvalu</option><option value="Uganda">Uganda</option><option value="Ukraine">Ukraine</option><option value="United Arab Emirates">United Arab Emirates</option><option value="United Kingdom">United Kingdom</option><option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option><option value="Uruguay">Uruguay</option><option value="Uzbekistan">Uzbekistan</option><option value="Vanuatu">Vanuatu</option><option value="Venezuela">Venezuela</option><option value="Vietnam">Vietnam</option><option value="Virgin Islands (British)">Virgin Islands (British)</option><option value="Virgin Islands (US)">Virgin Islands (US)</option><option value="Wallis And Futuna Islands">Wallis And Futuna Islands</option><option value="Western Sahara">Western Sahara</option><option value="Yemen">Yemen</option><option value="Zambia">Zambia</option><option value="Zimbabwe">Zimbabwe</option>                                            </optgroup>
4939                                        </select>
4940                                    </div>
4941                                    <div>
4942                                        <div><input type="text" id="contact-address" name="contact-address" value="" class="sm-form-control contact-form-address" placeholder="Address" style="margin-bottom:10px;"></div>
4943                                        <textarea id="contact-me-message" name="contact-me-message" class="sm-form-control" placeholder="Your message to Christina Murphy (optional)"></textarea>
4944                                                                                    <div class="subscribe text-center">
4945                                                <label style="margin-right:5px;">
4946                                                    Contact me by
4947                                                </label>
4948                                                <span>
4949                                                    <span>
4950                                                        <input type="checkbox" name="subscribe-email" id="subscribe-email" value="1" checked style="margin-right:5px;"><label for="subscribe-email" style="margin-right:10px;">Email</label>
4951                                                    </span>
4952                                                    <span>
4953                                                        <input type="checkbox" name="subscribe-text" id="subscribe-text" value="1" style="margin-right:5px;"><label for="subscribe-text">Text</label>
4954                                                    </span>
4955                                                </span>
4956                                            </div>
4957                                                                                <div class="text-center">
4958                                            <button type="button" id="send-message-button" class="button button-large button-green nomargin" value="submit">Send Message</button>
4959                                        </div>
4960                                    </div>
4961                                                            </div>
4962                        </div>
4963                    </div>
4964                </div>
4965            </div>
4966        </div>
4967    </div>
4968</div>
4969
4970<script>
4971    function IsEU( country )
4972    {
4973        var EU_countries = ["Austria","Belgium","Bulgaria","Croatia","Cyprus","Czech Republic","Denmark","Estonia","Finland","France","Germany","Greece","Hungary","Ireland","Italy","Latvia","Lithuania","Luxembourg","Malta","Netherlands","Netherlands Antilles","Poland","Portugal","Romania","Slovakia","Slovenia","Spain","Sweden","United Kingdom"];
4974
4975        if( EU_countries.indexOf( country ) > -1 )
4976            return true;
4977        else
4978            return false;
4979    }
4980
4981    $(function() {
4982        $('#contactMeModal').on('shown.bs.modal', function () {
4983            $('#contact-me-name').focus();
4984        });
4985        $('#contact-me-country').change( function() {
4986            if( IsEU( $(this).val() ) )
4987                $('#subscribe-email').prop('checked',false);
4988            else
4989                $('#subscribe-email').prop('checked',true);
4990        });
4991        $('#contact-me-country').change();
4992    });
4993
4994        $('#send-message-button').click( function() {
4995        var contact_name    = $('#contact-me-name').val().trim();
4996        var contact_email   = $('#contact-me-email').val().trim();
4997        var contact_phone   = $('#contact-me-phone').val().trim();
4998        var contact_message = $('#contact-me-message').val().trim();
4999        var contact_country = $('#contact-me-country').val();
5000
5001                if( contact_name == '' ) {
5002            toastr.error( 'Please enter your name.' );
5003            $('#contact-me-name').focus();
5004            return;
5005        }
5006        if( contact_email == '' && contact_phone == '' ) {
5007            toastr.error( 'Please enter either your phone or email address.' );
5008            $('#contact-me-phone').focus();
5009            return;
5010        }
5011
5012                if( contact_message == '' && !$('#subscribe-text').prop('checked') && !$('#subscribe-email').prop('checked') ) {
5013            toastr.error( 'Please either choose a way to be contacted or enter a message.');
5014            $('#contact-me-message').focus();
5015            return;
5016        }
5017
5018                        if ($('#subscribe-text').prop('checked') && contact_phone == '') {
5019            toastr.error('Please enter your mobile phone number to be contacted by text.');
5020            $('#contact-me-phone').focus();
5021            return;
5022        }
5023                if ($('#subscribe-email').prop('checked') && contact_email == '') {
5024            toastr.error('Please enter your email address to be contacted by email.');
5025            $('#contact-me-email').focus();
5026            return;
5027        }
5028
5029        $('#contactMeModal').modal('hide');
5030        toastr.info('Message sending...');
5031        $.ajax({
5032                            //url: //,
5033                url: "https://stlwineclub.com/app/contact-me-form",
5034                method: "POST",
5035                dataType: "json",
5036            crossDomain: true,
5037                data: {
5038                    'contact-name' : contact_name,
5039                    'contact-email' : contact_email,
5040                    'contact-phone' : contact_phone,
5041                    'contact-message' : contact_message,
5042                    'contact-country' : contact_country,
5043                                        'contact-address' : $('#contact-address').val(),
5044                    'subscribe-email' : ($('#subscribe-email').prop('checked') ? '1' : '0'),
5045                    'subscribe-text'  : ($('#subscribe-text').prop('checked') ? '1' : '0'),
5046                    'enroller-number' : "",
5047                    'enroller-name' : "",
5048                    'sponsor-number' : "",
5049                    'sponsor-name' : "",
5050                    'utm_source' : null,
5051                    'utm_campaign' : null,
5052                    'utm_medium' : null,
5053                    'utm_term' : null,
5054                    'utm_content' : null,
5055                    'request_source' : 'contact_me',
5056                    "analytics_campaign" : null                }
5057            })
5058            .done(function( data ) {
5059                if( data.success ) {
5060                    toastr.success('Message sent!', {timeOut: 10000});
5061                    $('#contact-me-message').val('');
5062                }
5063                else if( data.code == 'Invalid Email' ) {
5064                    toastr.error( 'Please check your email address.' );
5065                    $('#contact-me-email').focus();
5066                }
5067                else if( data.code == 'Missing Name' ) {
5068                    toastr.error( 'Please enter your name.' );
5069                    $('#contact-me-name').focus();
5070                }
5071                else if( data.code == 'Email Or Phone Required' ) {
5072                    toastr.error( 'Please enter either your phone or email address.' );
5073                    $('#contact-me-phone').focus();
5074                }
5075                else if( data.code == 'Missing Message' ) {
5076                    toastr.error( 'Please enter a message.' );
5077                    $('#contact-me-message').focus();
5078                }
5079                else
5080                    toastr.error('Message not sent. Please contact me by email or phone instead.');
5081
5082            })
5083            .fail(function( jqXHR, textStatus ) {
5084                toastr.error( "Request failed: " + textStatus, 'Message not sent. Please contact me by email or phone instead.' );
5085            });
5086    });
5087</script>
5087
5088
5089
5090<!-- Go To Top
5091============================================= -->
5092<div id="gotoTop" class="icon-angle-up"></div>
5093
5094<!-- Footer Scripts
5095============================================= -->
5096<script type="text/javascript" src="https://attractwell.com/site-assets/js/jquery.quickfit.js"></script>
5096
5097    
5097<script type="text/javascript" src="https://attractwell.com/site-assets/themes/attractwell/js/functions.min.js"></script>
vendor: 1 bytes, line 5097
5097
5098<script type="text/javascript" src="https://attractwell.com/site-assets/js/jquery.quickfit.js"></script>
5098
5099<!--
5099<script type="text/javascript" src="https://attractwell.com/site-assets/js/js.cookie.js"></script>
5099  -->
5100<script type="text/javascript">
5101    var quickfit_options_large = {
5102        min: 15,
5103        max: 36,
5104        width: 300
5105        //truncate: true
5106    };
5107    var quickfit_options_small = {
5108        min: 12,
5109        max: 20,
5110        width: 200
5111        //truncate: true
5112    };
5113
5114    function resizeText()
5115    {
5116                try {
5117            if ($('#header').hasClass('sticky-header'))                 $('.site-name-text').quickfit(quickfit_options_small);
5118            else
5119                $('.site-name-text').quickfit(quickfit_options_large);
5120        }
5121        catch(e) {
5122            //console.log('Error resizing text: ' + e.message);
5123        }
5124            }
5125
5126    $(function() {
5127        // auto scale text name if it's too long, on both window resize and scroll
5128        $( window ).on( 'resize', resizeText );
5129        $( window ).on( 'scroll', resizeText );
5130        resizeText();
5131
5132        $(window).load( function() {
5133                        if( location.hash === '#contact' )
5134                $('#contactMeModal').modal('show');
5135
5136            $('a[href$="#contact"]').click( function() {
5137                $('#contactMeModal').modal('show');
5138                return false;
5139            } );
5140
5141            $('a[href$="#lead"]').click( function() {
5142                if( $('#leadModal').length === 0 && $('#lead').length === 0 ) {
5143                    window.location.href = "\/#lead";
5144                    return false;
5145                }
5146            } );
5147
5148            $( window ).resize();
5149        });
5150
5151
5152        $('.menu-flag-icon').click( function (){
5153                        Cookies.set("country",$(this).attr('data-flag'), { path: '' } ); // cookie valid to the current path
5154            window.scrollTo(0,0); // scroll to top of page
5155            location.reload(true);
5156        });
5157
5158        $('#landing-page-log-out').click(function() {
5159            var path_scope = '/';
5160            Cookies.remove("registered-on-landing-page", {path: path_scope});
5161            Cookies.remove('landing_account_id', {path: path_scope});
5162            Cookies.remove('contact_id', {path: path_scope});
5163            Cookies.remove('skip_registration', {path: path_scope});
5164        });
5165
5166                // instrument the page with click handlers
5167        $('a').click( function() {
5168            var url = $(this).attr('href');
5169            var title = $(this).text();
5170            title = title.replace(/\\n/gi,'').trim();
5171            if( url !== '#' ) {
5172                var is_sign_up_link = ($(this).hasClass('sign-up-link') || (url === "" && "" !== ''));
5173                RecordExternalClickAnalytics(url, title, is_sign_up_link );
5174                if( is_sign_up_link && Cookies.get('contact_id') != '' )
5175                    RecordContactWebsiteSignUpLinkClick( Cookies.get('contact_id') );
5176            }
5177        });
5178            });
5179</script>
vendor: 1 bytes, line 5179
5179
5180<script src="https://cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>
vendor: 1 bytes, line 5180
5180
5181<script>$(function() { $('audio').on('contextmenu', () => {return false}); });</script>
5181
5182
5183    
5184</body>
5185</html><!-- elapsed: 25-->

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.