PageSourceSearch

https://ginnyhoo.com/about-me

html ginnyhoo.com collected 2026-09-29 03:07:45 UTC 215,903 bytes, 5,168 lines download raw bytes

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

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.