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