PageSourceSearch

https://ginnyhoo.com/page/favorites

html ginnyhoo.com collected 2026-09-29 03:07:48 UTC 206,011 bytes, 5,181 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="favorites" />
47<meta property="og:description"        content="By Ginny Thompson" />
48
49    <!-- Document Title
50    ============================================= -->
51    <title>favorites</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":{"page-link-path":"favorites"},"account_id":3807,"type":"website_view","url":"https:\/\/ginnyhoo.com\/page\/favorites",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/favorites" />
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        
3980                toastr.clear();
3981                $('#leadModal').modal('hide');
3982                toastr.success("Thank you!", '', {escapeHtml: true});
3983                try {
3984                   browser.history.deleteUrl({url: window.location.href});
3985                }
3986                catch( err ) { }
3987                // refresh the page after payment, in case they make another purchase
3988                setTimeout( () => { window.location.replace("https:\/\/ginnyhoo.com\/page\/favorites"); }, 3000 );
3989                    }
3990    function AllowSubmitting()
3991    {
3992        is_submitting = false;
3993        $('#register-button').prop('disabled',false );
3994    }
3995
3996    function PreventSubmitting()
3997    {
3998        is_submitting = true;
3999        $('#register-button').prop('disabled',true );
4000    }
4001
4002    function submitLeadFormInternal( data )
4003    {
4004        let formData = new FormData();
4005        for( let key in data ) {
4006            if( data.hasOwnProperty(key) ) {
4007                                if( Array.isArray(data[key]) ) {
4008                    for( let i = 0; i < data[key].length; i++ )
4009                        formData.append( key + '[]', data[key][i] );
4010                }
4011                else
4012                    formData.append( key, (typeof data[key] === 'undefined' || data[key] === 'undefined' || data[key] === null || data[key] === 'null' ? '' : data[key]) );
4013            }
4014        }
4015        $.ajax({
4016            url: "https:\/\/ginnyhoo.com\/app\/contact-me-form",
4017            method: "POST",
4018            dataType: "json",
4019            data: formData,
4020            original_data: data,
4021            processData: false, // Prevent jQuery from processing the FormData
4022            contentType: false, // Let the browser set the correct content type for FormData
4023        })
4024            .done(function( data ) {
4025                AllowSubmitting();
4026                toastr.clear();
4027
4028                if( data.success ) {
4029                    if( data.results['lead-before-payment'] != 2 )
4030                        toastr.success('Please wait...');
4031                    if( data.results['lead-before-payment'] == 1 ) {
4032                        contact_id = data.results['contact_id'];
4033                        if( data.results['already_granted_call_package'] === true )
4034                            this.original_data['already_granted_call_package'] = true;
4035                                                if( typeof data.results['uploaded_field_urls'] === 'object' && data.results['uploaded_field_urls'] !== null ) {
4036                            let stored = GetFormFieldsFromLocalStorage();
4037                            for( let field_name in data.results['uploaded_field_urls'] ) {
4038                                if( data.results['uploaded_field_urls'].hasOwnProperty(field_name) ) {
4039                                    stored[field_name] = data.results['uploaded_field_urls'][field_name];
4040                                }
4041                            }
4042                            SaveFormFieldsToLocalStorage( stored );
4043                        }
4044                        submitPayment( this.original_data );
4045                    }
4046                    else if( data.results['lead-before-payment'] == 2 ) {
4047                        ; // do nothing - this ajax call just alerted the site owner to a payment failure
4048                    }
4049                    else if( this.original_data['lead-before-payment'] == 1 ) {
4050                                                toastr.clear();
4051                        toastr.error('Unable to process registration at this time. Please examine your inputs and try again.');
4052                        AllowSubmitting();
4053                    }
4054                    else
4055                        post_registration();
4056                }
4057                else if( data.code == 'Invalid Email' ) {
4058                    toastr.error( 'Please check your email address.' );
4059                    $('#lead_capture_field_email').focus();
4060                }
4061                else if( data.code == 'Missing Name' ) {
4062                    toastr.error( 'Please enter your name.' );
4063                    $('#lead_capture_field_name').focus();
4064                }
4065                else if( data.code == 'Email Required' ) {
4066                    toastr.error( 'Please enter your email address.' );
4067                    $('#lead_capture_field_email').focus();
4068                }
4069                else if( data.code == 'Too few phone digits' ) {
4070                    toastr.error( 'Please enter a phone number with at least 10 numbers, including an area code.' );
4071                    $('#lead_capture_field_phone').focus();
4072                }
4073                else if( data.code == 'Sold out' || data.code == 'Duplicate' || data.code == 'vault_full' ) {
4074                                        toastr.error( data.message, '', { timeOut: 20000 } );
4075                }
4076                else
4077                    toastr.error('Something went wrong. Please email [email protected] with the address of this page.<br><br>' + data.message);
4078
4079            })
4080            .fail(function( jqXHR, textStatus ) {
4081                toastr.clear();
4082                toastr.error( "Request failed: " + textStatus, 'Something went wrong. Please email [email protected] with the address of this page.' );
4083                AllowSubmitting();
4084            });
4085
4086    }
4087
4088
4089    function SaveFormFieldsToLocalStorage( data )
4090    {
4091        localStorage.setItem('payment-form-info', JSON.stringify( data ) );
4092    }
4093
4094    function RemoveFormFieldsFromLocalStorage()
4095    {
4096        localStorage.removeItem( 'payment-form-info' );
4097    }
4098    function GetFormFieldsFromLocalStorage()
4099    {
4100        return JSON.parse( localStorage.getItem('payment-form-info' ) );
4101    }
4102
4103    function GetPaymentIntent( amount )
4104    {
4105            }
4106
4107</script>
4107
4108<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jarallax@2/dist/jarallax.min.css" type="text/css" />
4109          
4109<script src="https://cdn.jsdelivr.net/npm/jarallax@2/dist/jarallax.min.js"></script>
4109
4110          <style>
4111            .section-sticky {
4112                position: -webkit-sticky;
4113                position: sticky;
4114                top: 60px;
4115                z-index: 5;
4116            }
4117            .inline-label {
4118                display: inline;
4119                font-weight: 400 !important;
4120                color: inherit;
4121            }
4122            .inline-checkbox-radio {
4123                display: flex;
4124                align-items: flex-start;
4125                gap: 8px;
4126                margin-bottom: 15px;
4127                text-align: left;
4128            }
4129            .inline-checkbox-radio input[type="checkbox"],
4130            .inline-checkbox-radio input[type="radio"] {
4131                flex-shrink: 0;
4132                margin-top: 3px;
4133                margin-right: 0;
4134            }
4135            .inline-checkbox-radio .inline-label,
4136            .inline-checkbox-radio label {
4137                display: block;
4138                flex: 1;
4139                font-weight: 400 !important;
4140                color: inherit;
4141                margin: 0;
4142            }
4143            .page-field-label {
4144                font-size: 18px;
4145                margin-top: 40px;
4146                margin-bottom: 10px;
4147            }
4148            .page-field-label-thin {
4149                font-size: 18px;
4150            }
4151            @media (max-width:991px) {
4152                .section-sticky {
4153                    position: -webkit-sticky;
4154                    position: sticky;
4155                    top: 0;
4156                    z-index: 5;
4157                }
4158            }
4159            .section-sticky-bottom {
4160                position: -webkit-sticky;
4161                position: sticky;
4162                bottom: 0;
4163                z-index: 5;
4164            }
4165            </style>
4166            <div class="fr-view" style="font-size:14pt;"><section style="background:  0% 0% / cover no-repeat rgb(39, 99, 139);"><div class="content-wrap nopadding"><div class="section notopborder nomargin" style="background: none;"><div class="container clearfix">
4167                        <div class="editable" draggable="false"><div style="text-align:center;font-size:80px;"><span style="color: rgb(250, 250, 250);">Shop Ginnyhoo's Faves</span></div></div>
4168                        <div class="editable" draggable="false"><div style="text-align:center;font-size:30px;"><span style="color: rgb(250, 250, 250);">If you know me, you know I like to keep it real. &nbsp;That means I only share things I've personally bought, tried, and truly love.</span></div></div>
4169                    </div>
4170                    </div></div></section><section style="background:#ffffff;background-size:cover;background-repeat:no-repeat;" draggable="false" class=""><div class="content-wrap nopadding"><div class="section notopborder nomargin toppadding-sm bottompadding-sm" style="background:transparent;"><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="font-size:16px;">Bread, stews, one pot meals.&nbsp; Your new best kitchen friend.<br><br></div></div><div class="editable" draggable="false"><div><img alt="" src="https://getoiling-3807-fast.b-cdn.net/images/3807/67b7d892df3e5.png" class="fr-fic fr-dii" draggable="false" loading="lazy"></div><div><br></div></div><div class="editable" draggable="false"><div style="text-align:center;"><a href="https://amzn.to/43WEhyX" class="button button-large" draggable="false" target="_blank" rel="noopener noreferrer">Dutch oven</a><br><br></div></div></div></div><div class="col-sm-4 non-editable"><div class="editable div-clone"><div class="editable" draggable="false"><div style="font-size:16px;">High quality makeup with above standard ingredients.<br><br></div></div><div class="editable" draggable="false"><div><img alt="" src="https://getoiling-3807-fast.b-cdn.net/images/3807/67b77f5b2cbf5.jpg" class="fr-fic fr-dii" draggable="false" loading="lazy"></div><div><br></div></div><div class="editable" draggable="false"><div style="text-align:center;"><a href="https://350770.myshopify.com/ginnythompson" class="button button-large" draggable="false" target="_blank" rel="noopener noreferrer">vrai makeup</a><br><br></div></div></div></div><div class="col-sm-4 non-editable"><div class="editable div-clone"><div class="editable" draggable="false"><div style="font-size:16px;">My go-to to lose inflammation and get better sleep.&nbsp; Use code SHAREYL for 10%off.<br><br></div></div><div class="editable" draggable="false"><div><img alt="" src="https://getoiling-3807-fast.b-cdn.net/images/3807/67b7871e20c5d.jpg" class="fr-fic fr-dii" draggable="false" loading="lazy"></div><div><br></div></div><div class="editable" draggable="false"><div style="text-align:center;"><a href="https://www.youngliving.com/us/en/myaccount/wishlist?listId=67b7dc990270d8000ac9d5a1&amp;enrollerId=1903512&amp;sponsorId=1903512&amp;userName=Ginny" class="button button-large" draggable="false" target="_blank" rel="noopener noreferrer">goji berry puree</a><br><br></div></div></div></div></div></div></div></div></section><section style="background:#ffffff;background-size:cover;background-repeat:no-repeat;">
4170<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" draggable="false"><div style="font-size:16px;">Literature-based History,Geography, and more, incorporating multiple grades.<br><br></div></div><div class="editable" draggable="false"><div><img alt="" src="https://getoiling-3807-fast.b-cdn.net/images/3807/67b7899373145.png" class="fr-fic fr-dii" draggable="false" loading="lazy"></div><div><br></div></div><div class="editable" draggable="false"><div style="text-align:center;"><a href="https://guesthollow.com/" class="button button-large" draggable="false" target="_blank" rel="noopener noreferrer">homeschool curricula</a><br><br></div></div></div></div><div class="col-sm-4 non-editable"><div class="editable div-clone"><div class="editable" draggable="false"><div style="font-size:16px;">The easy button for emotions, whether big or small. Use SHAREYL for 10% off.<br><br></div></div><div class="editable" draggable="false"><div><img alt="" src="https://getoiling-3807-fast.b-cdn.net/images/3807/67b78f7e878ac.png" class="fr-fic fr-dii" draggable="false" loading="lazy"></div><div><br></div></div><div class="editable" draggable="false"><div style="text-align:center;"><a href="https://www.youngliving.com/us/en/referral/1903512" class="button button-large" draggable="false" target="_blank" rel="noopener noreferrer">aromatherapy</a><br><br></div></div></div></div><div class="col-sm-4 non-editable"><div class="editable div-clone"><div class="editable" draggable="false"><div style="font-size:16px;">Beautiful copper birdbath. &nbsp;I paired mine with a <a href="https://amzn.to/3SPIvU8">solar fountain</a>.<br><br></div></div><div class="editable" draggable="false"><div><img alt="" src="https://getoiling-3807-fast.b-cdn.net/images/3807/67b7db80762e0.png" class="fr-fic fr-dii" draggable="false" loading="lazy"></div><div><br></div></div><div class="editable" draggable="false"><div style="text-align:center;"><a href="https://amzn.to/4jOPEiw" class="button button-large" draggable="false" target="_blank" rel="noopener noreferrer">birdbath</a><br><br></div></div></div></div></div></div></div></div></section></div>
4170<script>
4171    var shown_exit_intent = false;
4172    var scroll_modal_shown = false;
4173    var payment_intent_id = null;
4174    var stripe = null;
4175    var cardElement = null;
4176    var elements = null;
4177    var contact_id = null;
4178    var number_of_payment_failures = 0;
4179    var allow_payments = true;
4180    var payment_options = [];
4181    var custom_amounts = {};     var has_booking_calendar = false;
4182    var currentPaymentMode = 'onetime';
4183    var subscription_client_secret = null;
4184    var subscription_id = null;
4185    var subscription_payment_intent_id = null;
4186    var subscription_requires_setup = false;
4187    var cardElementComplete = false;
4188    var cardElementError = '';
4189    const billing_interval_labels = {'weekly':'/week','biweekly':'/2 weeks','monthly':'/month','quarterly':'/quarter','yearly':'/year'};
4190
4191    function hasRecurringSelection() {
4192        for( let i = 0; i < payment_options.length; i++ ) {
4193            let po = payment_options[i];
4194            if( po.active != 1 ) {
4195                continue;
4196            }
4197            let ctrl = $('#payment-option' + i);
4198            if( ctrl.length > 0 && ctrl.is(':checked') ) {
4199                let interval = po['billing_interval'] || 'one_time';
4200                if( interval !== 'one_time' ) {
4201                    return true;
4202                }
4203            }
4204        }
4205        return false;
4206    }
4207
4208        const botdPromise = import('https://openfpcdn.io/botd/v1').then((Botd) => Botd.load());
4209    let botdResults = {};
4210
4211    var entityMap = {
4212    "&": "&amp;",
4213    "<": "&lt;",
4214    ">": "&gt;",
4215    '"': '&quot;',
4216    "'": '&#39;',
4217    "/": '&#x2F;'
4218};
4219
4220function escapeHtml(string) {
4221    if( string === null )
4222        return '';
4223    return String(string).replace(/[&<>"'\/]/g, function (s) {
4224        return entityMap[s];
4225    });
4226}
4227
4228function abbreviateText( text, max_length )
4229{
4230    if( typeof max_length == 'undefined' )
4231        max_length = 30;
4232
4233    var display_text = text;
4234
4235    if( text.length > (max_length + 5))
4236        display_text = text.substr( 0, max_length ) + '...';
4237
4238    return display_text;
4239}
4240
4241function htmlToText( html ) {
4242    var d = document.createElement( 'div' );
4243    d.innerHTML = html;
4244    return d.textContent;
4245}
4246
4247function insertStringAtCursor( field_object, string_to_insert )
4248{
4249    if (document.selection) {
4250        field_object.focus();
4251        sel = document.selection.createRange();
4252        sel.text = string_to_insert;
4253    }
4254    else if (field_object.selectionStart || field_object.selectionStart == '0') {
4255        var startPos = field_object.selectionStart;
4256        var endPos = field_object.selectionEnd;
4257        field_object.value = field_object.value.substring(0, startPos)
4258            + string_to_insert
4259            + field_object.value.substring(endPos, field_object.value.length);
4260    } else {
4261        field_object.value += string_to_insert;
4262    }
4263}
4264    // Exit intent
4265    function addEvent(obj, evt, fn) {
4266        if (obj.addEventListener) {
4267            obj.addEventListener(evt, fn, false);
4268        } else if (obj.attachEvent) {
4269            obj.attachEvent("on" + evt, fn);
4270        }
4271    }
4272
4273    function notNullOrUndefined( $value ) {
4274        return $value !== null && $value !== undefined;
4275    }
4276
4277    function submitPayment( optional_data )
4278    {
4279                if( is_submitting ) {
4280            return false;
4281        }
4282                if( !hasRecurringSelection() && payment_intent_id === null ) {
4283            let _zero_check = UpdatePaymentAmount( false );
4284            if( _zero_check.total_payment_amount > 0 ) {
4285                return false;
4286            }
4287        }
4288
4289        PreventSubmitting();
4290
4291            }
4292
4293    
4294    async function submitLeadForm( status = 'normal', options = {} )
4295    {
4296        let i;
4297        // prevent double submissions
4298        if( is_submitting || (status === 'payment-failure' && number_of_payment_failures > 0) )
4299            return false;
4300
4301                await botdPromise
4302            .then((botd) => botd.detect())
4303            .then((result) => botdResults = result)
4304            .catch((error) => console.error(error))
4305
4306                let botdEnabled = false;
4307        if( botdEnabled && typeof botdResults === 'object' && botdResults.bot !== false ) {
4308            toastr.error('Please try again later.');
4309            return false;
4310        }
4311        
4312        toastr.clear();
4313
4314                if( has_booking_calendar === true ) {
4315            if( typeof selected_booking_datetime !== 'string' || typeof selected_time_zone !== 'string' ||
4316                selected_booking_datetime.trim() === '' || selected_time_zone.trim() === '' ) {
4317                toastr.error('Please select a date and time on the calendar.');
4318                return false;
4319            }
4320        }
4321
4322        
4323                                if( $('#lead_capture_field_name').val().trim() == '' ) {
4324                                    if( 'named' === 'file' )
4325                                        toastr.error( 'Please select a file for ' + "Name" );
4326                                    else
4327                                        toastr.error( 'Please enter ' +"Name" );
4328
4329                                    $('#lead_capture_field_name').focus();
4330                                    return;
4331                                }
4332
4333                                if( $('#lead_capture_field_email').val().trim() == '' ) {
4334                                    if( 'named' === 'file' )
4335                                        toastr.error( 'Please select a file for ' + "Email" );
4336                                    else
4337                                        toastr.error( 'Please enter ' +"Email" );
4338
4339                                    $('#lead_capture_field_email').focus();
4340                                    return;
4341                                }
4342
4343        PreventSubmitting();
4344
4345        var email_address = (notNullOrUndefined($('#lead_capture_field_email').val()) ? $('#lead_capture_field_email').val().trim() : '');
4346        var phone_number = (notNullOrUndefined($('#lead_capture_field_phone').val()) ? $('#lead_capture_field_phone').val().trim() : '');
4347        var form_has_email = true;
4348        var form_has_phone = true;
4349        var email_is_required = true;
4350        var phone_is_required = false;
4351
4352        var data = {
4353            'contact-name': (notNullOrUndefined($('#lead_capture_field_name').val()) ? $('#lead_capture_field_name').val().trim() : ''),
4354            'contact-email': email_address,
4355            'contact-phone': phone_number,
4356            'contact-custom1': (notNullOrUndefined($('#lead_capture_field_custom_field1').val()) ? $('#lead_capture_field_custom_field1').val().trim() : ''),
4357            'contact-custom1-label': $('#lead_capture_field_custom_field1').prop('placeholder'),
4358            'contact-custom2': (notNullOrUndefined($('#lead_capture_field_custom_field2').val()) ? $('#lead_capture_field_custom_field2').val().trim() : ''),
4359            'contact-custom2-label': $('#lead_capture_field_custom_field2').prop('placeholder'),
4360            'contact-address': $('#address').val(),
4361            'contact-message': $('#feedback').val(),
4362            'contact-source': 'Website Page',
4363            'subscribe-email': ((email_is_required === true || email_address != '') && form_has_email === true ? '1' : '0'),
4364            'subscribe-text': ((phone_is_required === true || phone_number != '') && form_has_phone === true ? '1' : '0'),
4365            'enroller-number': "",
4366            'enroller-name': "",
4367            'sponsor-number': "",
4368            'sponsor-name': "",
4369            'utm_source': null,
4370            'utm_campaign': null,
4371            'utm_medium': null,
4372            'utm_term': null,
4373            'utm_content': null,
4374            'page': 74991,
4375            'referral_contact_id': ""        };
4376
4377                if( options.already_granted_call_package === true )
4378            data['already_granted_call_package'] = '1';
4379
4380        if( has_booking_calendar === true && typeof selected_booking_datetime === 'string' && selected_booking_datetime !== ''
4381        && typeof selected_time_zone === 'string' && selected_time_zone !== '' ) {
4382            data['has_booking_calendar'] = true;
4383            data['selected_booking_datetime'] = selected_booking_datetime;
4384            data['selected_time_zone'] = selected_time_zone;
4385            data['selected_booking_location'] = selected_booking_location;
4386
4387            
4388                        data['booking_type_id'] = null;
4389                    }
4390
4391        if( status === 'post-payment' && payment_intent_id != null ) {
4392                        data['payment_intent_id'] = payment_intent_id;
4393            data['payment_setup_id'] = "";
4394            data['contact_id'] = contact_id;
4395        }
4396        if( status === 'lead-before-payment' ) {
4397                        data['lead-before-payment'] = 1;
4398            data['payment_intent_id'] = payment_intent_id;
4399            data['payment_setup_id'] = "";
4400            data['page_id'] = 74991;
4401            data['contact_id'] = contact_id;
4402            let payment_temp = UpdatePaymentAmount( false );
4403            data['routing_option'] = payment_temp.total_payment_amount;
4404                    }
4405        if( status === 'payment-failure' ) {
4406                        data['lead-before-payment'] = 2;
4407        }
4408        if( typeof payment_options !== 'undefined' && Array.isArray( payment_options ) && payment_options.length > 0 ) {
4409                        var payment_uuids = [];
4410            for( i = 0; i < payment_options.length; i++ ) {
4411                var payment_option = payment_options[i];
4412                var payment_option_control = $('#payment-option' + i);
4413                if( payment_option_control.is(':checked') ) {
4414                    payment_uuids.push( payment_option['uuid'] );
4415                }
4416            }
4417            data['payment_uuids'] = payment_uuids;
4418        }
4419
4420        data['total_lead_fields'] = 3;
4421        SaveFormFieldsToLocalStorage( data );
4422        if( status !== 'payment-failure' )
4423            toastr.info('Please wait...');
4424
4425        submitLeadFormInternal( data );
4426    }
4427
4428    function RenderPaymentOptions( update_payment_intent = true, select_last_payment_option = false, coupon_code = '' )
4429    {
4430        var payment_options_choose_from = "single";
4431            }
4432
4433    function GetCurrencySymbolFromCurrencyCode( currency_code )
4434    {
4435        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$"}];
4436        for( var j = 0; j < supported_currencies.length; j++ ) {
4437            var currency = supported_currencies[j];
4438            if( currency_code == currency['code'] )
4439                return currency['symbol'];
4440        }
4441        return '$';
4442    }
4443
4444    let calculated_payment_amount = null;
4445    function UpdatePaymentAmount( update_payment_intent = true )
4446    {
4447        var total_payment_amount = 0;
4448        var total_onetime_amount = 0;
4449        var recurring_amounts = {};         var total_options_selected = 0;
4450        var currency_symbol = '';
4451        var pwyw_validation_error = false;
4452        for( var i = 0; i < payment_options.length; i++ ) {
4453            var payment_option = payment_options[i];
4454            var payment_option_control = $('#payment-option' + i);
4455            if( payment_option_control.is(':checked') ) {
4456                let payment_amount = payment_option['payment_amount'] + '';
4457                let min_amount = parseFloat(payment_option['payment_amount']);
4458
4459                                if( payment_option['pay_what_you_want'] == 1 ) {
4460                    let pwyw_input = $('#pwyw-amount-' + i);
4461                    if( pwyw_input.length > 0 ) {
4462                        let pwyw_value = parseFloat(pwyw_input.val());
4463                        if( isNaN(pwyw_value) || pwyw_value < min_amount ) {
4464                            pwyw_input.css('border-color', 'red');
4465                            pwyw_validation_error = true;
4466                        } else {
4467                            pwyw_input.css('border-color', '');
4468                            payment_amount = pwyw_value + '';
4469                            custom_amounts[payment_option['uuid']] = pwyw_value;
4470                        }
4471                    }
4472                }
4473
4474                let has_decimal = (payment_amount.indexOf('.') > -1);
4475                let cents_amount = payment_amount.split('.');
4476                if( cents_amount.length > 1 && cents_amount[1].length === 1 )
4477                    payment_amount += '0';
4478                if( cents_amount.length > 1 && cents_amount[1].length > 2 )
4479                    payment_amount = cents_amount[0] + '.' + cents_amount[1].substring(0,2);
4480
4481                let integer_payment_amount = payment_amount.replace('.','');
4482                if( !has_decimal )
4483                    integer_payment_amount *= 100;
4484                let this_cents = parseInt(integer_payment_amount, 10);
4485                total_payment_amount += this_cents;
4486                total_options_selected++;
4487
4488                                let option_interval = payment_option['billing_interval'] || 'one_time';
4489                let effective_interval = option_interval;
4490                if( option_interval === 'payment_plan' ) {
4491                    effective_interval = payment_option['payment_plan_interval'] || 'monthly';
4492                }
4493                if( effective_interval !== 'one_time' ) {
4494                    if( !recurring_amounts[effective_interval] ) {
4495                        recurring_amounts[effective_interval] = 0;
4496                    }
4497                    recurring_amounts[effective_interval] += this_cents;
4498                }
4499                else {
4500                    total_onetime_amount += this_cents;
4501                }
4502
4503                if (currency_symbol == '')
4504                    currency_symbol = GetCurrencySymbolFromCurrencyCode(payment_option.payment_currency);
4505            }
4506        }
4507        if( total_payment_amount < 0 )
4508            total_payment_amount = 0;
4509        total_payment_amount /= 100;
4510        if( total_payment_amount.toString().endsWith( '.00' ) )
4511            total_payment_amount = parseInt( total_payment_amount, 10 );
4512
4513        if( (total_payment_amount + '').indexOf('.') > -1 )
4514            total_payment_amount = Number(total_payment_amount).toFixed(2);
4515
4516        if( currency_symbol == '' )
4517            currency_symbol = '$';
4518
4519                let recurring_interval_keys = Object.keys(recurring_amounts);
4520        let has_recurring = recurring_interval_keys.length > 0;
4521        let display_text = '';
4522        if( has_recurring ) {
4523                        let recurring_parts = [];
4524            let first_payment_text = '';
4525            for( let ri = 0; ri < recurring_interval_keys.length; ri++ ) {
4526                let interval_key = recurring_interval_keys[ri];
4527                let interval_amount = recurring_amounts[interval_key] / 100;
4528                if( interval_amount.toString().indexOf('.') > -1 ) {
4529                    interval_amount = Number(interval_amount).toFixed(2);
4530                }
4531                let label = billing_interval_labels[interval_key] || '';
4532
4533                                let plan_num_payments = 0;
4534                let plan_first_amount = null;
4535                let has_first_override = false;
4536                for( let pi = 0; pi < payment_options.length; pi++ ) {
4537                    let po = payment_options[pi];
4538                    let po_ctrl = $('#payment-option' + pi);
4539                    if( po_ctrl.length === 0 || !po_ctrl.is(':checked') ) {
4540                        continue;
4541                    }
4542                    let po_interval = po.billing_interval || 'one_time';
4543                    let po_effective = (po_interval === 'payment_plan') ? (po.payment_plan_interval || 'monthly') : po_interval;
4544                    if( po_effective !== interval_key ) {
4545                        continue;
4546                    }
4547                    if( po_interval === 'payment_plan' ) {
4548                        plan_num_payments = po.num_payments || 1;
4549                    }
4550                    if( po.first_payment_amount !== null && po.first_payment_amount !== undefined && po.first_payment_amount !== '' ) {
4551                        has_first_override = true;
4552                        plan_first_amount = parseFloat(po.first_payment_amount);
4553                    }
4554                }
4555
4556                let duration_words = {'weekly':'weeks','biweekly':'2-week periods','monthly':'months','quarterly':'quarters','yearly':'years'};
4557                let cycle_word_map = {'weekly':'week','biweekly':'2-week period','monthly':'month','quarterly':'quarter','yearly':'year'};
4558                let cw = cycle_word_map[interval_key] || 'month';
4559                if( plan_num_payments > 0 && has_first_override ) {
4560                                        let remaining = plan_num_payments - 1;
4561                    if( plan_first_amount === 0 ) {
4562                        first_payment_text = 'Free first ' + cw;
4563                    } else {
4564                        let fmt_first = Number(plan_first_amount).toFixed(2);
4565                        if( fmt_first.endsWith('.00') ) {
4566                            fmt_first = parseInt(fmt_first, 10);
4567                        }
4568                        first_payment_text = currency_symbol + fmt_first + ' first ' + cw;
4569                    }
4570                    recurring_parts.push( remaining + ' payment' + (remaining !== 1 ? 's' : '') + ' of ' + currency_symbol + interval_amount + label );
4571                } else if( plan_num_payments > 0 ) {
4572                                        let dw = duration_words[interval_key] || 'months';
4573                    recurring_parts.push( currency_symbol + interval_amount + label + ' for ' + plan_num_payments + ' ' + dw );
4574                } else if( has_first_override ) {
4575                                        if( plan_first_amount === 0 ) {
4576                        first_payment_text = 'Free first ' + cw;
4577                    } else {
4578                        let fmt_first_r = Number(plan_first_amount).toFixed(2);
4579                        if( fmt_first_r.endsWith('.00') ) {
4580                            fmt_first_r = parseInt(fmt_first_r, 10);
4581                        }
4582                        first_payment_text = currency_symbol + fmt_first_r + ' first ' + cw;
4583                    }
4584                    recurring_parts.push( currency_symbol + interval_amount + label );
4585                } else {
4586                    recurring_parts.push( currency_symbol + interval_amount + label );
4587                }
4588            }
4589
4590            if( first_payment_text !== '' ) {
4591                display_text = first_payment_text + ', then ' + recurring_parts.join(' and ');
4592            } else if( total_onetime_amount > 0 ) {
4593                display_text = currency_symbol + total_payment_amount + ' today, then ' + recurring_parts.join(' and ');
4594            } else {
4595                if( recurring_interval_keys.length === 1 ) {
4596                    display_text = recurring_parts[0];
4597                } else {
4598                    display_text = currency_symbol + total_payment_amount + ' today, then ' + recurring_parts.join(' and ');
4599                }
4600            }
4601        }
4602        else {
4603            display_text = currency_symbol + total_payment_amount;
4604        }
4605        $('#amount-to-be-charged').html( display_text );
4606
4607                let new_mode = has_recurring ? 'recurring' : 'onetime';
4608        if( new_mode !== currentPaymentMode ) {
4609                    }
4610
4611        if( total_payment_amount !== calculated_payment_amount && !pwyw_validation_error ) {
4612                        calculated_payment_amount = total_payment_amount;
4613        }
4614        return {
4615            total_payment_amount: total_payment_amount,
4616            total_options_selected: total_options_selected,
4617            pwyw_validation_error: pwyw_validation_error
4618        }
4619    }
4620
4621
4622    $(function() {
4623                let background_image = document.querySelector('[id=usebackground] img');
4624        if( background_image ) {
4625            let src = background_image.getAttribute('src');
4626            if( typeof src === 'string' && src !== '' ) {
4627                $('.fr-view').css('background', 'url(' + src + ') no-repeat center center fixed')
4628                    .css('background-size', 'cover')
4629                    .css('background-attachment', 'scroll');
4630
4631                $('section').css('background', 'transparent !important');
4632            }
4633        }
4634        try {
4635            $('#leadForm').linkify();
4636        }
4637        catch( error )
4638        {
4639            // ignore
4640        }
4641        Number.prototype.round = function(places) {
4642            return +(Math.round(this + "e+" + places)  + "e-" + places);
4643        }
4644
4645        
4646        RenderPaymentOptions();
4647
4648        
4649        $('#payment-options-div').on( 'change', '.payment-option', function() {
4650            if( $(this).is(':checked') ) {
4651                var this_payment_currency = $(this).attr('data-currency');
4652                                for( var i = 0; i < payment_options.length; i++ ) {
4653                    var payment_option = payment_options[i];
4654                    var payment_option_control = $('#payment-option' + i);
4655                    if( payment_option_control.is(':checked') && $(this)[0].id != payment_option_control[0].id &&
4656                        this_payment_currency != payment_option.payment_currency ) {
4657                        toastr.clear();
4658                        toastr.info('Please choose payment options of the same currency.');
4659                        $(this).prop('checked',false);
4660                        return false;
4661                    }
4662                }
4663            }
4664            UpdatePaymentAmount();
4665        });
4666
4667                $('#payment-options-div').on( 'change input', '.pwyw-amount-input', function() {
4668            var index = $(this).data('index');
4669            var min_amount = parseFloat(payment_options[index]['payment_amount']);
4670            var entered_amount = parseFloat($(this).val());
4671            if( isNaN(entered_amount) || entered_amount < min_amount ) {
4672                $(this).css('border-color', 'red');
4673                var currency_symbol = GetCurrencySymbolFromCurrencyCode(payment_options[index]['payment_currency']);
4674                toastr.clear();
4675                toastr.warning('Minimum amount is ' + currency_symbol + min_amount.toFixed(2));
4676            } else {
4677                $(this).css('border-color', '');
4678            }
4679            UpdatePaymentAmount();
4680        })
4681
4682                $('[href$="#lead"]').click( function() {
4683            $('#leadModal').modal('show');
4684            return false;
4685        } );
4686                if( location.hash === '#lead' || location.hash === '#lead-form' )
4687            $('#leadModal').modal('show');
4688                $('[href$="#contact"]').click( function() {
4689            $('#contactMeModal').modal('show');
4690            return false;
4691        } );
4692
4693        
4694        $('#register-button').click( submitLeadForm );
4695    });
4696</script>
4696
4697    
4697<script src="https://attractwell.com/thirdparty/linkifyjs/linkify.min.js"></script>
4697
4698    
4698<script src="https://attractwell.com/thirdparty/linkifyjs/linkify-jquery.min.js"></script>
4698
4699    
4699<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/signature_pad.umd.min.js"></script>
4699
4700    
4700<script>
4701    $(function() {
4702        function initSignatureCanvas(canvas) {
4703            canvas.width = canvas.offsetWidth;
4704            canvas.height = canvas.offsetHeight;
4705            let signaturePad = new SignaturePad(canvas, {
4706                backgroundColor: 'rgb(255, 255, 255)',
4707                penColor: 'rgb(0, 0, 0)'
4708            });
4709            $(canvas).data('signaturePad', signaturePad);
4710        }
4711
4712        /* Initialize signature pads that are currently visible */
4713        $('.signature-canvas').each(function() {
4714            if (this.offsetWidth > 0) {
4715                initSignatureCanvas(this);
4716            }
4717        });
4718
4719        /* Re-initialize signature pads when a modal is shown (canvas has 0 dimensions while hidden) */
4720        $('#leadModal').on('shown.bs.modal', function() {
4721            $(this).find('.signature-canvas').each(function() {
4722                initSignatureCanvas(this);
4723            });
4724        });
4725
4726        /* Clear signature button handler */
4727        $('.clear-signature-btn').click(function() {
4728            let canvasId = $(this).data('canvas-id');
4729            let canvas = document.getElementById(canvasId);
4730            let signaturePad = $(canvas).data('signaturePad');
4731            if (signaturePad) {
4732                signaturePad.clear();
4733            }
4734        });
4735    });
4736    </script>
4736
4737
4738
4739    <div class="modal fade" id="leadModal" tabindex="-1" role="dialog" aria-labelledby="leadModalLabel" aria-hidden="true">
4740        <div class="modal-dialog modal-lg">
4741            <div class="modal-body">
4742                <div class="modal-content">
4743                    <div class="modal-body">
4744                        <div class="block divcenter">
4745                            <div class="row nomargin clearfix">
4746                                <div class="col-md-12">
4747                                    <div>
4748                                        <button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true">&times;</button>
4749                                        <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>
4750            <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>
4751                                </div>
4752                            </div>
4753                        </div>
4754                    </div>
4755                </div>
4756            </div>
4757        </div>
4758    </div>
4759
4760    </main><!-- main content end -->
4761
4762    <a name="contact"></a>
4763
4764    <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;">
4765                        <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>
4766                    </div>
4767                    </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>
4768</div>
4768<!-- #wrapper end -->
4769
4770
4771
4772
4773<style>
4774    .subscribe {
4775        font-weight: 300;
4776        margin-bottom:15px;
4777    }
4778    .subscribe label {
4779        font-weight: 300;
4780        display:inline;
4781        white-space:nowrap;
4782    }
4783    .subscribe > span, .subscribe > span > span {
4784        white-space:nowrap;
4785    }
4786    #contact-me-message {
4787        min-height:60px;
4788        margin-bottom:10px;
4789        max-height:120px;
4790    }
4791    .contact-form-address {
4792        display:none;
4793    }
4794    .sm-form-control {
4795        font-size: 1.8rem;
4796        height: auto;
4797    }
4798        .contact-form-grid {
4799        display: grid;
4800        grid-template-columns: 1fr 1fr;
4801        grid-gap: 2rem;
4802        align-items: center;
4803        justify-items: center;
4804        padding: 1rem;
4805    }
4806    .contact-form-grid > div {
4807        width: 100%;
4808    }
4809    @media (max-width: 991px) {
4810        .contact-form-grid {
4811            grid-template-columns: 1fr;
4812        }
4813    }
4814</style>
4815
4816<!-- Contact Me Modal -->
4817<div class="modal fade" id="contactMeModal" tabindex="-1" role="dialog" aria-labelledby="contactMeModalLabel" aria-hidden="true">
4818    <div class="modal-dialog modal-lg">
4819        <div class="modal-body">
4820            <div class="modal-content">
4821                <div class="modal-body">
4822                    <div class="contact-form-grid">
4823                                                    <div>
4824                                <img src="https://getoiling-3807-fast.b-cdn.net/images/3807-67b511a1e036d.jpg" style="width:100%;" loading="lazy">
4825                            </div>
4826                                                <div>
4827                            <div class="text-center">
4828                                <button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true">&times;</button>
4829                                <h2 class="ls1 nobottommargin" id="contactMeModalLabel">Ginny Thompson</h2>
4830
4831                                <div style="color: #888888;font-weight:300;margin-bottom:10px;">
4832        USA<br>            <a href="tel:4342541976">4342541976</a>
4833        &bullet;
4834        <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>
4835    <div style="margin-top:1rem;text-align:center;">
4836        
4837        <style>
4838        .social-icon {
4839            float: none;
4840            display: inline-block;
4841        }
4842        .si-snapchat:hover {
4843            background-color: #fffc00;
4844        }
4845        .snapchat-adjust {
4846            padding-top: 9px;
4847        }
4848        .snapchat-adjust:hover {
4849            padding-top: 15px;
4850        }
4851        .snapchat-adjust:not(.si-small):hover {
4852            padding-top: 18px;
4853        }
4854        .snapchat-adjust:hover i:first-child {
4855            visibility: hidden;
4856        }
4857        .snapchat-adjust i:last-child {
4858            color: #333 !important;
4859        }
4860        .fa-x-twitter:first-of-type {
4861            margin-top: 8px;
4862        }
4863        .fa-x-twitter:last-child {
4864            margin-top: 24px;
4865        }
4866        .fa-x-twitter-large {
4867            padding-top: 1px;
4868        }
4869        .fa-snapchat-ghost:first-of-type {
4870            margin-bottom:10px;
4871        }
4872        .fa-snapchat-ghost:last-child {
4873            position: relative;
4874            top: -1px;
4875        }
4876        .snapchat-adjust-large {
4877            padding-top: 10px;
4878        }
4879        .snapchat-adjust-large:hover {
4880            padding-top: 18px;
4881        }
4882        .snapchat-adjust-large:hover i:first-child {
4883            visibility: hidden;
4884        }
4885        .dark .snapchat-adjust-large i:last-child {
4886            color: #333 !important;
4887        }
4888        .fa-snapchat-ghost-large:first-of-type {
4889            margin-bottom:10px;
4890        }
4891    </style><a href="https://www.facebook.com/genevieve.h.thompson" target="_blank" class="social-icon si-small si-borderless si-facebook">
4892                    <i class="icon-facebook"></i>
4893                    <i class="icon-facebook"></i>
4894                </a><a href="https://www.instagram.com/ginnyhoo/?hl=en" target="_blank" class="social-icon si-small si-borderless si-instagram">
4895                    <i class="icon-instagram"></i>
4896                    <i class="icon-instagram"></i>
4897                </a><a href="https://www.pinterest.com/sageginny" target="_blank" class="social-icon si-small si-borderless si-pinterest">
4898                    <i class="icon-pinterest"></i>
4899                    <i class="icon-pinterest"></i>
4900                </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">
4901                    <i class="icon-youtube"></i>
4902                    <i class="icon-youtube"></i>
4903                </a>    </div>
4904</div>
4905
4906
4907                                                                    <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>
4908                                    <div class="row">
4909                                        <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>
4910                                        <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>
4911                                    </div>
4912                                    <div style="margin-bottom:10px;">
4913                                        <select class="sm-form-control" id="contact-me-country" name="contact-me-country">
4914                                            <optgroup label="My Country">
4915                                                <option value="">Please select</option>
4916                                                <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">
4916France</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>
4917                                        </select>
4918                                    </div>
4919                                    <div>
4920                                        <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>
4921                                        <textarea id="contact-me-message" name="contact-me-message" class="sm-form-control" placeholder="Your message to Ginny Thompson (optional)"></textarea>
4922                                                                                    <div class="subscribe text-center">
4923                                                <label style="margin-right:5px;">
4924                                                    Contact me by
4925                                                </label>
4926                                                <span>
4927                                                    <span>
4928                                                        <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>
4929                                                    </span>
4930                                                    <span>
4931                                                        <input type="checkbox" name="subscribe-text" id="subscribe-text" value="1" style="margin-right:5px;"><label for="subscribe-text">Text</label>
4932                                                    </span>
4933                                                </span>
4934                                            </div>
4935                                                                                <div class="text-center">
4936                                            <button type="button" id="send-message-button" class="button button-large button-green nomargin" value="submit">Send Message</button>
4937                                        </div>
4938                                    </div>
4939                                                            </div>
4940                        </div>
4941                    </div>
4942                </div>
4943            </div>
4944        </div>
4945    </div>
4946</div>
4947
4948<script>
4949    function IsEU( country )
4950    {
4951        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"];
4952
4953        if( EU_countries.indexOf( country ) > -1 )
4954            return true;
4955        else
4956            return false;
4957    }
4958
4959    $(function() {
4960        $('#contactMeModal').on('shown.bs.modal', function () {
4961            $('#contact-me-name').focus();
4962        });
4963        $('#contact-me-country').change( function() {
4964            if( IsEU( $(this).val() ) )
4965                $('#subscribe-email').prop('checked',false);
4966            else
4967                $('#subscribe-email').prop('checked',true);
4968        });
4969        $('#contact-me-country').change();
4970    });
4971
4972        $('#send-message-button').click( function() {
4973        var contact_name    = $('#contact-me-name').val().trim();
4974        var contact_email   = $('#contact-me-email').val().trim();
4975        var contact_phone   = $('#contact-me-phone').val().trim();
4976        var contact_message = $('#contact-me-message').val().trim();
4977        var contact_country = $('#contact-me-country').val();
4978
4979                if( contact_name == '' ) {
4980            toastr.error( 'Please enter your name.' );
4981            $('#contact-me-name').focus();
4982            return;
4983        }
4984        if( contact_email == '' && contact_phone == '' ) {
4985            toastr.error( 'Please enter either your phone or email address.' );
4986            $('#contact-me-phone').focus();
4987            return;
4988        }
4989
4990                if( contact_message == '' && !$('#subscribe-text').prop('checked') && !$('#subscribe-email').prop('checked') ) {
4991            toastr.error( 'Please either choose a way to be contacted or enter a message.');
4992            $('#contact-me-message').focus();
4993            return;
4994        }
4995
4996                        if ($('#subscribe-text').prop('checked') && contact_phone == '') {
4997            toastr.error('Please enter your mobile phone number to be contacted by text.');
4998            $('#contact-me-phone').focus();
4999            return;
5000        }
5001                if ($('#subscribe-email').prop('checked') && contact_email == '') {
5002            toastr.error('Please enter your email address to be contacted by email.');
5003            $('#contact-me-email').focus();
5004            return;
5005        }
5006
5007        $('#contactMeModal').modal('hide');
5008        toastr.info('Message sending...');
5009        $.ajax({
5010                            //url: //,
5011                url: "https://ginnyhoo.com/app/contact-me-form",
5012                method: "POST",
5013                dataType: "json",
5014            crossDomain: true,
5015                data: {
5016                    'contact-name' : contact_name,
5017                    'contact-email' : contact_email,
5018                    'contact-phone' : contact_phone,
5019                    'contact-message' : contact_message,
5020                    'contact-country' : contact_country,
5021                                        'contact-address' : $('#contact-address').val(),
5022                    'subscribe-email' : ($('#subscribe-email').prop('checked') ? '1' : '0'),
5023                    'subscribe-text'  : ($('#subscribe-text').prop('checked') ? '1' : '0'),
5024                    'enroller-number' : "",
5025                    'enroller-name' : "",
5026                    'sponsor-number' : "",
5027                    'sponsor-name' : "",
5028                    'utm_source' : null,
5029                    'utm_campaign' : null,
5030                    'utm_medium' : null,
5031                    'utm_term' : null,
5032                    'utm_content' : null,
5033                    'request_source' : 'contact_me',
5034                    "analytics_campaign" : null                }
5035            })
5036            .done(function( data ) {
5037                if( data.success ) {
5038                    toastr.success('Message sent!', {timeOut: 10000});
5039                    $('#contact-me-message').val('');
5040                }
5041                else if( data.code == 'Invalid Email' ) {
5042                    toastr.error( 'Please check your email address.' );
5043                    $('#contact-me-email').focus();
5044                }
5045                else if( data.code == 'Missing Name' ) {
5046                    toastr.error( 'Please enter your name.' );
5047                    $('#contact-me-name').focus();
5048                }
5049                else if( data.code == 'Email Or Phone Required' ) {
5050                    toastr.error( 'Please enter either your phone or email address.' );
5051                    $('#contact-me-phone').focus();
5052                }
5053                else if( data.code == 'Missing Message' ) {
5054                    toastr.error( 'Please enter a message.' );
5055                    $('#contact-me-message').focus();
5056                }
5057                else
5058                    toastr.error('Message not sent. Please contact me by email or phone instead.');
5059
5060            })
5061            .fail(function( jqXHR, textStatus ) {
5062                toastr.error( "Request failed: " + textStatus, 'Message not sent. Please contact me by email or phone instead.' );
5063            });
5064    });
5065</script>
5065
5066
5067
5068<!-- Go To Top
5069============================================= -->
5070<div id="gotoTop" class="icon-angle-up"></div>
5071
5072<!-- Footer Scripts
5073============================================= -->
5074<script type="text/javascript" src="https://getoiling.com/site-assets/js/jquery.quickfit.js"></script>
5074
5075    
5075<script type="text/javascript" src="https://getoiling.com/site-assets/themes/modern/js/functions.min.js"></script>
5075
5076<!--
5076<script type="text/javascript" src="https://getoiling.com/site-assets/js/js.cookie.js"></script>
5076 -->
5077<script type="text/javascript">
5078    var quickfit_options_large = {
5079        min: 15,
5080        max: 36,
5081        width: 300
5082        //truncate: true
5083    };
5084    var quickfit_options_small = {
5085        min: 12,
5086        max: 20,
5087        width: 200
5088        //truncate: true
5089    };
5090
5091    function resizeText()
5092    {
5093            }
5094
5095    $(function() {
5096        // auto scale text name if it's too long, on both window resize and scroll
5097        $( window ).on( 'resize', resizeText );
5098        $( window ).on( 'scroll', resizeText );
5099        resizeText();
5100
5101        $(window).load( function() {
5102                        if( location.hash === '#contact' )
5103                $('#contactMeModal').modal('show');
5104
5105            $('a[href$="#contact"]').click( function() {
5106                $('#contactMeModal').modal('show');
5107                return false;
5108            } );
5109
5110            $('a[href$="#lead"]').click( function() {
5111                if( $('#leadModal').length === 0 && $('#lead').length === 0 ) {
5112                    window.location.href = "\/#lead";
5113                    return false;
5114                }
5115            } );
5116
5117            $( window ).resize();
5118        });
5119
5120
5121        $('.menu-flag-icon').click( function (){
5122                        Cookies.set("country",$(this).attr('data-flag'), { path: '' } ); // cookie valid to the current path
5123            window.scrollTo(0,0); // scroll to top of page
5124            location.reload();
5125        });
5126
5127        $('#landing-page-log-out').click(function() {
5128            var path_scope = '/';
5129            Cookies.remove("registered-on-landing-page", {path: path_scope});
5130            Cookies.remove('landing_account_id', {path: path_scope});
5131            Cookies.remove('contact_id', {path: path_scope});
5132            Cookies.remove('skip_registration', {path: path_scope});
5133        });
5134
5135                // instrument the page with click handlers
5136        $('a').click( function() {
5137            var url = $(this).attr('href');
5138            var title = $(this).text();
5139            title = title.replace(/\\n/gi,'').trim();
5140            if( url !== '#' ) {
5141                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" !== ''));
5142                RecordExternalClickAnalytics(url, title, is_sign_up_link );
5143                if( is_sign_up_link && Cookies.get('contact_id') != '' )
5144                    RecordContactWebsiteSignUpLinkClick( Cookies.get('contact_id') );
5145            }
5146        });
5147            });
5148</script>
vendor: 1 bytes, line 5148
5148
5149<script src="https://cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>
vendor: 1 bytes, line 5149
5149
5150<script>$(function() { $('audio').on('contextmenu', () => {return false}); });</script>
5150
5151
5152    <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 69 bytes, line 5152
5152     <script  async src="https://www.googletagmanager.com/gtag/js?id=
5152UA-65612171-2
vendor: 16 bytes, lines 5152-5153
5152"></script>
5153    
5153<script >
5154        
vendor: 152 bytes, lines 5154-5158
5154window.dataLayer = window.dataLayer || [];
5155        function gtag(){dataLayer.push(arguments);}
5156        gtag('js', new Date());
5157
5158        gtag('config', '
5158UA-65612171-2
vendor: 8 bytes, lines 5158-5159
5158');
5159    
5159</script>
5159
5160
5161    <!-- GA4 Global site tag (gtag.js) - Google Analytics 4 -->
vendor: 73 bytes, line 5161
5161         <script  async src="https://www.googletagmanager.com/gtag/js?id=
5161G-NKR7DE07RD
vendor: 16 bytes, lines 5161-5162
5161"></script>
5162    
5162<script >
5163        
vendor: 152 bytes, lines 5163-5167
5163window.dataLayer = window.dataLayer || [];
5164        function gtag(){dataLayer.push(arguments);}
5165        gtag('js', new Date());
5166
5167        gtag('config', '
5167G-NKR7DE07RD
vendor: 8 bytes, lines 5167-5168
5167');
5168    
5168</script>
5168
5169    
5170    <!-- Global site tag (gtag.js) - Google Ads: 947852423 -->
vendor: 69 bytes, lines 5170-5171
5170
5171    <script  async src="https://www.googletagmanager.com/gtag/js?id=
5171AW-947852423
vendor: 16 bytes, lines 5171-5172
5171"></script>
5172    
5172<script >
5173        
vendor: 151 bytes, lines 5173-5176
5173window.dataLayer = window.dataLayer || [];
5174        function gtag(){dataLayer.push(arguments);}
5175        gtag('js', new Date());
5176        gtag('config', '
5176AW-947852423
vendor: 8 bytes, lines 5176-5177
5176');
5177    
5177</script>
5177
5178
5179</body>
5180</html>
5181<!--key|https-ginnyhoo.com/page/favorites --- cache hit--><!-- elapsed: 8-->

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.