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