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