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="icon" href="https://attractwell-1774-fast.b-cdn.net/images/1774/64d6acdf05ded.png"> 11<link rel="apple-touch-icon" href="https://attractwell-1774-fast.b-cdn.net/images/1774/64d6acdf05ded.png"> 12 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 13 <meta name="generator" content="AttractWell.com" /> 14 <meta name="author" content="Dr. Laurette Willis" /> 15 16 <link rel="stylesheet" href="https://webcache.attractwell.com/app/common/all-marketing-site-css.min.css" type="text/css" /> 17
17<script src="https://webcache.attractwell.com/app/common/all-marketing-site-js.min.js"></script>
17 18 <!-- Stylesheets 19 ============================================= --> 20<!-- <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" />--> 21 <!-- 22 <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/bootstrap-337.css" type="text/css" /> 23 <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/style-2.css" type="text/css" /> 24 <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/dark.css" type="text/css" /> 25 <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/animate.css" type="text/css" /> 26 <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/magnific-popup.css" type="text/css" /> 27 <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/responsive.css" type="text/css" /> 28 --> 29 <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
2900,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=Poppins&family=Raleway&family=Open+Sans&display=swap" rel="stylesheet">
29<script src="https://kit.fontawesome.com/569c6654a7.js" crossorigin="anonymous" defer></script>
29 30 <meta name="viewport" content="width=device-width, initial-scale=1" /> 31 <!--[if lt IE 9]> 32
32<script src="//css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
32 33 <![endif]--> 34 35 36 37 <!-- Facebook share tags 38 ============================================= --> 39 <meta property="og:type" content="website" /> 40 <meta property="og:image:type" content="image/jpg" /> 41<!-- <meta property="og:image:width" content="1200" />--> 42<!-- <meta property="og:image:height" content="630" />--> 43 <meta property="og:title" content="All Products | Store | Dr. Laurette Willis" /> 44<meta property="og:description" content="" /> 45 46 <!-- Document Title 47 ============================================= --> 48 <title>All Products | Store | Dr. Laurette Willis</title> 49 50 <!-- Blog RSS feed --> 51 <link rel="alternate" href="https://praisemoves.com/feed" title="RSS feed" type="application/rss+xml" /> 52 53 <!-- External JavaScripts 54 ============================================= --> 55 <style type="text/css" media="all"> 56 .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; } 57 h1 {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 58h2 {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 59h3 {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 60h4 {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 61h5 {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 62h6 {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 63#logo {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 64#primary-menu ul li a {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 65#primary-menu ul > li > ul > li > a { font-weight: 600; text-transform:none !important; color:#333333; } 66#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 67.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a, {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 68.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:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:inherit !important; } 69#top-search form input {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 70.entry-link {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 71.entry.entry-date-section span {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 72.button.button-desc {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 73ul.tab-nav-lg li a {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 74.counter {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 75label {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 76.nav-tree li a {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 77.wedding-head .first-name, .wedding-head .last-name, .wedding-head .and {font-family:Open Sans,sans-serif; font-weight: 600; text-transform:none !important; color:#333333; } 78body {font-family: Raleway,sans-serif; font-weight: 400; font-size:16px !important;} 79small {font-family: Raleway,sans-serif; font-weight: 400; font-size:16px !important;} 80.font-body {font-family: Raleway,sans-serif; font-weight: 400; font-size:16px !important;} 81#primary-menu ul ul a {font-family: Raleway,sans-serif; font-weight: 400; font-size:14px !important;} 82.wp-caption {font-family: Raleway,sans-serif; font-weight: 400; font-size:16px !important;} 83.feature-box.fbox-center.fbox-italic p {font-family: Raleway,sans-serif; font-weight: 400; font-size:16px !important;} 84.skills li .progress-percent .counter {font-family: Raleway,sans-serif; font-weight: 400; font-size:16px !important;} 85.nav-tree ul ul a {font-family: Raleway,sans-serif; font-weight: 400; font-size:14px !important;} 86.button { text-transform: none; } 87.font-secondary {font-family: Open Sans,sans-serif; font-style: italic; font-weight: 700; font-size:16px !important;} 88.entry-meta li {font-family: Open Sans,sans-serif; font-style: italic; font-weight: 700; font-size:16px !important;}
89.entry-link span {font-family: Open Sans,sans-serif; font-style: italic; font-weight: 700; font-size:18px !important;} 90.entry blockquote p {font-family: Open Sans,sans-serif; font-style: italic; font-weight: 700; font-size:larger !important;} 91.more-link {font-family: Open Sans,sans-serif; font-style: italic; font-weight: 700; font-size:larger !important;} 920 {font-family: Open Sans,sans-serif; font-style: italic; font-weight: 700; } 93.button.button-desc span {font-family: Open Sans,sans-serif; font-style: italic; font-weight: 700; font-size:16px !important;} 94.testi-content p {font-family: Open Sans,sans-serif; font-style: italic; font-weight: 700; font-size:larger !important;} 95.team-title span {font-family: Open Sans,sans-serif; font-style: italic; font-weight: 700; font-size:20px !important;} 96.before-heading {font-family: Open Sans,sans-serif; font-style: italic; font-weight: 700; font-size:larger !important;} 97.wedding-head .first-name span, .wedding-head .last-name span {font-family: Open Sans,sans-serif; font-style: italic; font-weight: 700; font-size:90px !important;} 98 label { 99 font-weight: 500 !important; 100 color: #666; 101 } 102 /* 103 #page-title h1 { 104 font-weight: 600 !important; 105 color: #666; 106 }*/ 107 @media( min-width: 992px ) { 108 .fr-view section, .fr-view a { 109 scroll-margin-top: 100px; 110 } 111 } 112 .color { 113 color: #bd8862; 114 } 115 ::selection { 116 background: #bd8862; 117 } 118 ::-moz-selection { 119 background: #bd8862; /* Firefox */ 120 } 121 ::-webkit-selection { 122 background: #bd8862; /* Safari */ 123 } 124 a { 125 color: #bd8862; 126 } 127 a:hover:not(.button) { 128 color: #eeaa7b; 129 } 130 h1 > span:not(.nocolor), 131 h2 > span:not(.nocolor), 132 h3 > span:not(.nocolor), 133 h4 > span:not(.nocolor), 134 h5 > span:not(.nocolor), 135 h6 > span:not(.nocolor) { color: inherit; } 136 137 .bgcolor, 138 .bgcolor #header-wrap { background-color: #bd8862 !important; } 139 140 .color { color: #bd8862 !important; } 141 142 .border-color { border-color: #bd8862 !important; } 143 144 .top-links ul ul, 145 .top-links ul div.top-link-section { 146 border-top: 1px solid #bd8862; 147 } 148 149 .header-extras li .he-text span { 150 color: #bd8862; 151 } 152 153 /*#primary-menu > ul > li:hover a,*/ 154 /*#primary-menu > ul > li.current a { color: *//*; }*/ 155 156 #primary-menu ul ul, 157 #primary-menu ul li .mega-menu-content { 158 border-top: 0; /*2px solid #bd8862;*/ 159 } 160 161 .dark #primary-menu:not(.not-dark) ul ul a, #primary-menu.dark ul ul a, #primary-menu ul li a { 162 color: #333333 !important; 163 } 164 165 166 .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 { 167 color: #bd8862 !important; 168 } 169 170 #primary-menu ul ul li:hover > a, #primary-menu ul li a:hover, 171 #header-wrap #primary-menu ul ul li:hover > a, #header-wrap #primary-menu ul li a:hover { 172 color: #bd8862 !important; 173 } 174 175 /* 176 @media (min-width:992px) { 177 #header.full-header #primary-menu { 178 position: absolute; 179 right: 30px; 180 width: calc( 100% - 577px ); 181 } 182 #header.sticky-header #primary-menu { 183 position: absolute; 184 right: 30px; 185 width: calc( 100% - 250px ); 186 } 187 #header.full-header #primary-menu > ul { 188 float: right; 189 } 190 } 191 */ 192 193 /*#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: */#ffb885/* !important; }*/ 194 195 /* 196 #primary-menu > div > ul > li:hover a, 197 #primary-menu > div > ul > li.current a { color: #ffb885; } 198 */ 199 200 #primary-menu.style-3 > ul > li.current > a { 201 background-color: #bd8862; 202 } 203 204 /* 205 #primary-menu.style-4 > ul > li:hover > a, 206 #primary-menu.style-4 > ul > li.current > a { border-color: #ffb885; } 207 */ 208 209 #primary-menu.style-6 > ul > li > a:after, 210 #primary-menu.style-6 > ul > li.current > a:after { 211 border-top: 2px solid #bd8862; 212 } 213 214 /* 215 #primary-menu.sub-title > ul > li:hover > a, 216 #primary-menu.sub-title > ul > li.current > a, 217 #primary-menu.sub-title > div > ul > li:hover > a, 218 #primary-menu.sub-title > div > ul > li.current > a { 219 background-color: #ffb885; 220 } 221 */ 222 223 /*#top-cart a:hover { color: #ffb885; }*/ 224 225 #top-cart > a > span { 226 background-color: #bd8862; 227 } 228 229 #top-cart .top-cart-content { 230 border-top: 2px solid #bd8862; 231 } 232 233 /*.top-cart-item-image:hover { border-color: #ffb885; }*/ 234 235 /*.top-cart-item-desc a:hover { color: #ffb885 !important; }*/ 236 237 .top-cart-action span.top-checkout-price { 238 color: #bd8862; 239 } 240 241 #page-menu-wrap { background-color: #bd8862; } 242 243 #page-menu.dots-menu nav li.current a { background-color: #bd8862; } 244 245 #page-menu.dots-menu nav li .dots-menu-caption { 246 background-color: #bd8862; 247 } 248 249 #page-menu.dots-menu nav li .dots-menu-caption:after { 250 border-left: 6px solid #bd8862; 251 } 252 253 /*.breadcrumb a:hover { color: #ffb885; }*/ 254 255 /*#portfolio-filter li a:hover { color: #ffb885; }*/ 256 257 #portfolio-filter li.activeFilter a { 258 background-color: #bd8862; 259 } 260 261 /*#portfolio-shuffle:hover { 262 background-color: #ffb885; 263 }*/ 264 265 /*.portfolio-desc h3 a:hover { color: #ffb885; }*/ 266 267 /*.portfolio-overlay a:hover { 268 color: #ffb885; 269 }*/ 270 271 /*#portfolio-navigation a:hover { color: #ffb885; }*/ 272 273 /*.entry-title h2 a:hover { color: #ffb885; } 274 275 .entry-meta li a:hover { color: #ffb885; } 276 277 .entry-link:hover { 278 background-color: #ffb885; 279 } 280 281 .post-timeline .entry:hover .entry-timeline, 282 .post-timeline .entry:hover .timeline-divider { 283 border-color: #ffb885; 284 color: #ffb885; 285 } 286 287 .ipost .entry-title h3 a:hover, 288 .ipost .entry-title h4 a:hover { color: #ffb885; } 289 */ 290 291 .more-link { 292 display: inline-block; 293 border-bottom: 1px solid #bd8862; 294 } 295 296 /* 297 .spost .entry-title h4 a:hover, 298 .mpost .entry-title h4 a:hover { color: #ffb885; } 299 300 .comment-content .comment-author a:hover { color: #ffb885; } 301 302 .product-title h3 a:hover, 303 .single-product .product-title h2 a:hover { color: #ffb885; } 304 */ 305 306 .product-price ins { 307 color: #bd8862; 308 } 309 310 .sale-flash { 311 background-color: #bd8862; 312 } 313 314 .single-product .product-price { 315 color: #bd8862; 316 } 317 318 /*.cart-product-thumbnail img:hover { border-color: #ffb885; }*/ 319 320 /*.button { 321 background-color: #bd8862; 322 }*/ 323 324 /* button color overrides */ 325 326 .button-leaf { background-color: #eeaa7b;}.button-green { background-color: #ee8e4c;} 327 /*.button.button-dark:hover { background-color: #ffb885; }*/ 328 329 /* 330 .button.button-3d:hover { 331 background-color: #ffb885 !important; 332 } 333 */ 334 335 .promo.promo-flat { background-color: #bd8862; } 336 337 .feature-box .fbox-icon i, 338 .feature-box .fbox-icon img { 339 background-color: #bd8862; 340 } 341 342 .feature-box.fbox-outline .fbox-icon { 343 border: 1px solid #bd8862; 344 } 345 346 .feature-box.fbox-border .fbox-icon { 347 border: 1px solid #bd8862; 348 } 349 350 .feature-box.fbox-border .fbox-icon i, 351 .feature-box.fbox-border .fbox-icon img { 352 color: #bd8862; 353 } 354 355 .feature-box.fbox-plain .fbox-icon i, 356 .feature-box.fbox-plain .fbox-icon img { 357 color: #bd8862; 358 } 359 360 .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #bd8862; } 361 362 /*.fbox-effect.fbox-dark .fbox-icon i:hover, 363 .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #ffb885; } 364 365 .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover, 366 .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #ffb885; } 367 */ 368 369 .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #bd8862; } 370 371 .process-steps li.active h5, 372 .process-steps li.ui-tabs-active h5 { 373 color: #bd8862; 374 } 375 376 .process-steps li.active a,
377 .process-steps li.ui-tabs-active a { 378 background-color: #bd8862 !important; 379 } 380 381 .process-steps li.active a, 382 .process-steps li.ui-tabs-active a { 383 background-color: #bd8862 !important; 384 border-color: #bd8862 !important; 385 } 386 387 /* 388 .i-rounded:hover, 389 .i-circled:hover { 390 background-color: #ffb885; 391 } 392 */ 393 394 .tabs.tabs-tb ul.tab-nav li.ui-tabs-active a { 395 border-top: 2px solid #bd8862; 396 } 397 398 .tabs.tabs-bb ul.tab-nav li.ui-tabs-active a { 399 border-bottom: 2px solid #bd8862; 400 } 401 402 ul.tab-nav.tab-nav2 li.ui-state-active a { 403 background-color: #bd8862; 404 } 405 406 ul.tab-nav-lg li.ui-tabs-active a { 407 color: #bd8862; 408 } 409 410 /* 411 .sidenav > .ui-tabs-active > a, 412 .sidenav > .ui-tabs-active > a:hover { 413 background-color: #ffb885 !important; 414 } 415 */ 416 417 /*.faqlist li a:hover { color: #ffb885 !important; }*/ 418 419 .testimonial .flex-control-nav li a { 420 background-color: #bd8862; 421 } 422 423 .team-title span { 424 color: #bd8862; 425 } 426 427 .pricing-box.best-price .pricing-price { 428 color: #bd8862; 429 } 430 431 .skills li .progress { 432 background-color: #bd8862; 433 } 434 435 /* 436 .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { 437 background-color: #ffb885 !important; 438 }*/ 439 440 .owl-theme .owl-dots .owl-dot span { 441 background-color: #bd8862; 442 } 443 444 .title-block { 445 border-left: 7px solid #bd8862; 446 } 447 448 .title-block-right { 449 border-right: 7px solid #bd8862; 450 } 451 452 .heading-block.border-color:after { border-color: #bd8862; } 453 454 .fancy-title.title-border-color:before { 455 border-top: 1px solid #bd8862; 456 } 457 458 .fancy-title.title-bottom-border h1, 459 .fancy-title.title-bottom-border h2, 460 .fancy-title.title-bottom-border h3, 461 .fancy-title.title-bottom-border h4, 462 .fancy-title.title-bottom-border h5, 463 .fancy-title.title-bottom-border h6 { 464 border-bottom: 2px solid #bd8862; 465 } 466 467 /*#gotoTop:hover { background-color: #ffb885; }*/ 468 469 /*.tagcloud a:hover { 470 border-color: #ffb885 !important; 471 color: #ffb885 !important; 472 }*/ 473 474 .nav-tree li:hover > a, 475 .nav-tree li.current > a, 476 .nav-tree li.active > a { color: #bd8862 !important; } 477 478 .btn-link, 479 .pagination > li > a, .pagination > li > span, 480 .pagination > li > a:hover, 481 .pagination > li > span:hover, 482 .pagination > li > a:focus, 483 .pagination > li > span:focus { color: #bd8862; } 484 485 .pagination > .active > a, 486 .pagination > .active > span, 487 .pagination > .active > a:hover, 488 .pagination > .active > span:hover, 489 .pagination > .active > a:focus, 490 .pagination > .active > span:focus { 491 background-color: #bd8862 !important; 492 border-color: #bd8862 !important; 493 } 494 495 .nav-pills > li.active > a, 496 .nav-pills > li.active > a:hover, 497 .nav-pills > li.active > a:focus { background-color: #bd8862; } 498 499 /* 500 .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a, 501 .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a, 502 .overlay-menu #primary-menu.dark > ul > li:hover > a, 503 .overlay-menu #primary-menu.dark > ul > li.current > a { color: #ffb885 !important; } 504 */ 505 506 .dark #primary-menu:not(.not-dark) ul ul, 507 .dark #primary-menu:not(.not-dark) ul li .mega-menu-content, 508 #primary-menu.dark ul ul, 509 #primary-menu.dark ul li .mega-menu-content { 510 border-top-color: #bd8862; 511 } 512 513 .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2, 514 #primary-menu.dark ul li .mega-menu-content.style-2 { 515 border-top-color: #bd8862; 516 } 517 518 .dark #top-cart .top-cart-content { 519 border-top-color: #bd8862; 520 } 521 522 /* 523 .dark .top-cart-item-image:hover { border-color: #ffb885; } 524 525 .dark .top-cart-item-desc a:hover { color: #ffb885 !important; } 526 527 528 .dark .post-timeline .entry:hover .entry-timeline, 529 .dark .post-timeline .entry:hover .timeline-divider { 530 border-color: #ffb885; 531 color: #ffb885; 532 } 533 534 .dark .cart-product-thumbnail img:hover { border-color: #ffb885; } 535 536 .dark .button-dark:hover { background-color: #ffb885; } 537 */ 538 539 .dark .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #bd8862; } 540 541 /* 542 .dark .fbox-effect.fbox-dark .fbox-icon i:hover, 543 .dark .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #ffb885; } 544 545 .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover, 546 .dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #ffb885; } 547 */ 548 549 .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #bd8862; } 550 551 /* 552 .dark .i-rounded:hover, 553 .dark .i-circled:hover { 554 background-color: #ffb885; 555 } 556 */ 557 558 .dark ul.tab-nav.tab-nav2 li.ui-state-active a { background-color: #bd8862; } 559 560 /*
561 .dark .tagcloud a:hover { 562 background-color: #ffb885; 563 } 564 */ 565 566 /* 567 body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a, 568 body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a, 569 body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a, 570 body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a { color: #ffb885 !important; } 571 */ 572 573 /* 574 #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a { 575 color: #ffb885 !important; 576 } 577 578 #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: #ffb885 !important; } 579 */ 580 581 #page-menu nav { 582 background-color: #bd8862; 583 } 584 585 /* 586 #portfolio-filter li a:hover { color: #ffb885; } 587 */ 588 589 .iconlist-color li i { color: #bd8862; } 590 591 /* button helper */ 592.button.button-red:not(.button-border) { 593text-decoration:none; 594background-color:#b88ae5; 595color:#ffffff; 596border-radius:7px; 597text-transform:uppercase; 598text-shadow:1px 1px 1px rgba(0,0,0,0.2); 599letter-spacing:2px; 600transition: all 0.3s ease; 601position:relative;z-index:1; 602border-top: 0px solid rgb(255, 255, 255); 603border-right: 0px solid rgb(255, 255, 255); 604border-bottom: 0px solid rgb(255, 255, 255); 605border-left: 0px solid rgb(255, 255, 255); 606} 607 608.button.button-red:hover { 609color:#ffffff; 610} 611 612.button.button-leaf:not(.button-border) { 613text-decoration:none; 614background-color:#eeaa7b; 615color:#ffffff; 616border-radius:1px; 617text-transform:uppercase; 618text-shadow:1px 1px 1px rgba(0,0,0,0.2); 619letter-spacing:2px; 620transition: all 0.3s ease; 621position:relative;z-index:1; 622border-top: 0px rgb(255, 255, 255); 623border-right: 0px rgb(255, 255, 255); 624border-bottom: 0px rgb(255, 255, 255); 625border-left: 0px rgb(255, 255, 255); 626} 627 628.button.button-leaf:hover { 629color:#ffffff; 630} 631 632.button.button-teal:not(.button-border) { 633text-decoration:none; 634background-color:#53777a; 635color:#ffffff; 636border-radius:1px; 637text-transform:uppercase; 638text-shadow:1px 1px 1px rgba(0,0,0,0.2); 639letter-spacing:2px; 640transition: all 0.3s ease; 641position:relative;z-index:1; 642border-top: 0px rgb(255, 255, 255); 643border-right: 0px rgb(255, 255, 255); 644border-bottom: 0px rgb(255, 255, 255); 645border-left: 0px rgb(255, 255, 255); 646} 647 648.button.button-teal:hover { 649color:#ffffff; 650} 651 652.button.button-yellow:not(.button-border) { 653text-decoration:none; 654background-color:#ecd078; 655color:#333333; 656border-radius:1px; 657text-transform:uppercase; 658text-shadow:none; 659letter-spacing:2px; 660transition: all 0.3s ease; 661position:relative;z-index:1; 662border-top: 0px rgb(51, 51, 51); 663border-right: 0px rgb(51, 51, 51); 664border-bottom: 0px rgb(51, 51, 51); 665border-left: 0px 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); 679letter-spacing:2px; 680transition: all 0.3s ease; 681position:relative;z-index:1; 682border-top: 0px rgb(255, 255, 255); 683border-right: 0px rgb(255, 255, 255); 684border-bottom: 0px rgb(255, 255, 255); 685border-left: 0px rgb(255, 255, 255); 686} 687 688.button.button-:hover { 689color:#ffffff; 690} 691 692.button.button-green:not(.button-border) { 693text-decoration:none; 694background-color:#ee8e4c; 695color:#ffffff; 696border-radius:1px; 697text-transform:uppercase; 698text-shadow:1px 1px 1px rgba(0,0,0,0.2); 699letter-spacing:2px; 700padding:0.6em 1.4em; 701transition: all 0.3s ease; 702position:relative;z-index:1; 703border-top: 0px solid rgb(255, 255, 255); 704border-right: 0px solid rgb(255, 255, 255); 705border-bottom: 0px solid rgb(255, 255, 255); 706border-left: 0px solid rgb(255, 255, 255); 707} 708 709.button.button-green:hover { 710color:#ffffff; 711} 712 713.button.button-brown:not(.button-border) { 714text-decoration:none; 715background-color:#774f38; 716color:#ffffff; 717border-radius:1px; 718text-transform:uppercase; 719text-shadow:1px 1px 1px rgba(0,0,0,0.2); 720letter-spacing:2px; 721transition: all 0.3s ease; 722position:relative;z-index:1; 723border-top: 0px rgb(255, 255, 255); 724border-right: 0px rgb(255, 255, 255); 725border-bottom: 0px rgb(255, 255, 255); 726border-left: 0px rgb(255, 255, 255); 727} 728 729.button.button-brown:hover { 730color:#ffffff; 731} 732 733.button.button-aqua:not(.button-border) { 734text-decoration:none; 735background-color:#40c0cb; 736color:#ffffff; 737border-radius:1px; 738text-transform:uppercase; 739text-shadow:1px 1px 1px rgba(0,0,0,0.2); 740letter-spacing:2px; 741transition: all 0.3s ease; 742position:relative;z-index:1; 743border-top: 0px rgb(255, 255, 255); 744border-right: 0px rgb(255, 255, 255); 745border-bottom: 0px rgb(255, 255, 255); 746border-left: 0px rgb(255, 255, 255); 747} 748 749.button.button-aqua:hover { 750color:#ffffff; 751} 752 753.button.button-lime:not(.button-border) { 754text-decoration:none; 755background-color:#aee239; 756color:#333333; 757border-radius:1px; 758text-transform:uppercase; 759text-shadow:none; 760letter-spacing:2px; 761transition: all 0.3s ease; 762position:relative;z-index:1; 763border-top: 0px rgb(51, 51, 51); 764border-right: 0px rgb(51, 51, 51); 765border-bottom: 0px rgb(51, 51, 51); 766border-left: 0px rgb(51, 51, 51); 767} 768 769.button.button-lime:hover { 770color:#333333; 771} 772 773.button.button-purple:not(.button-border) { 774text-decoration:none; 775background-color:#5d4157; 776color:#ffffff; 777border-radius:1px; 778text-transform:uppercase; 779text-shadow:1px 1px 1px rgba(0,0,0,0.2); 780letter-spacing:2px; 781transition: all 0.3s ease; 782position:relative;z-index:1; 783border-top: 0px rgb(255, 255, 255); 784border-right: 0px rgb(255, 255, 255); 785border-bottom: 0px rgb(255, 255, 255); 786border-left: 0px rgb(255, 255, 255); 787} 788 789.button.button-purple:hover { 790color:#ffffff; 791} 792 793.button.button-pink:not(.button-border) { 794text-decoration:none; 795background-color:#f89fa1; 796color:#ffffff; 797border-radius:1px; 798text-transform:uppercase; 799text-shadow:1px 1px 1px rgba(0,0,0,0.2); 800letter-spacing:2px; 801transition: all 0.3s ease; 802position:relative;z-index:1; 803border-top: 0px rgb(255, 255, 255); 804border-right: 0px rgb(255, 255, 255); 805border-bottom: 0px rgb(255, 255, 255); 806border-left: 0px rgb(255, 255, 255); 807} 808 809.button.button-pink:hover { 810color:#ffffff; 811} 812 813.button.button-blue:not(.button-border) { 814text-decoration:none; 815background-color:#1265a8; 816color:#ffffff; 817border-radius:1px; 818text-transform:uppercase; 819text-shadow:1px 1px 1px rgba(0,0,0,0.2); 820letter-spacing:2px; 821transition: all 0.3s ease; 822position:relative;z-index:1; 823border-top: 0px rgb(255, 255, 255); 824border-right: 0px rgb(255, 255, 255); 825border-bottom: 0px rgb(255, 255, 255); 826border-left: 0px rgb(255, 255, 255); 827} 828 829.button.button-blue:hover { 830color:#ffffff; 831} 832 833.button.button-dirtygreen:not(.button-border) { 834text-decoration:none; 835background-color:#1693a5; 836color:#ffffff; 837border-radius:1px; 838text-transform:uppercase; 839text-shadow:1px 1px 1px rgba(0,0,0,0.2); 840letter-spacing:2px; 841transition: all 0.3s ease; 842position:relative;z-index:1; 843border-top: 0px rgb(255, 255, 255); 844border-right: 0px rgb(255, 255, 255); 845border-bottom: 0px rgb(255, 255, 255); 846border-left: 0px rgb(255, 255, 255); 847} 848 849.button.button-dirtygreen:hover { 850color:#ffffff; 851} 852 853.button.button-amber:not(.button-border) { 854text-decoration:none; 855background-color:#eb9c4d; 856color:#ffffff; 857border-radius:1px; 858text-transform:uppercase; 859text-shadow:1px 1px 1px rgba(0,0,0,0.2); 860letter-spacing:2px; 861transition: all 0.3s ease; 862position:relative;z-index:1; 863border-top: 0px rgb(255, 255, 255); 864border-right: 0px rgb(255, 255, 255); 865border-bottom: 0px rgb(255, 255, 255); 866border-left: 0px rgb(255, 255, 255); 867} 868 869.button.button-amber:hover { 870color:#ffffff; 871} 872 873.button.button-black:not(.button-border) { 874text-decoration:none; 875background-color:#111111; 876color:#ffffff; 877border-radius:1px; 878text-transform:uppercase; 879text-shadow:1px 1px 1px rgba(0,0,0,0.2); 880letter-spacing:2px; 881transition: all 0.3s ease; 882position:relative;z-index:1; 883border-top: 0px rgb(255, 255, 255); 884border-right: 0px rgb(255, 255, 255); 885border-bottom: 0px rgb(255, 255, 255); 886border-left: 0px rgb(255, 255, 255); 887} 888 889.button.button-black:hover { 890color:#ffffff; 891} 892 893.button.button-white:not(.button-border) { 894text-decoration:none; 895background-color:#f9f9f9; 896color:#333333; 897border-radius:1px; 898text-transform:uppercase; 899text-shadow:none; 900letter-spacing:2px; 901transition: all 0.3s ease; 902position:relative;z-index:1; 903border-top: 0px rgb(51, 51, 51); 904border-right: 0px rgb(51, 51, 51); 905border-bottom: 0px rgb(51, 51, 51); 906border-left: 0px rgb(51, 51, 51); 907} 908 909.button.button-white:hover { 910color:#333333; 911} 912 913 914 /* Additional overrides for default button styles */ 915 916 .button.button-rounded { 917 border-radius: 3px; 918 } 919 .button.button-3d { 920 border-bottom: 0; 921 border-radius: 3px; 922 } 923 .button { 924 border-radius: 3px; 925 } 926 /*.form-control {*/ 927 /* box-shadow: 0 1px 1px rgba(0, 0, 0, .075);*/ 928 /* border-radius: 1px;*/ 929 /*}
929*/ 930 .panel-default > .panel-heading { 931 border-bottom: 0; 932 padding-bottom: 10px; 933 } 934 .modal-content { 935 border-radius: 8px; 936 box-shadow: 2px 2px 3px rgba(0, 0, 0, .3); 937 } 938 939 .dropdown-menu, .popover { 940 border-radius: 8px; 941 -moz-border-radius: 8px; 942 -webkit-border-radius: 8px; 943 } 944 945 .tooltip, .popover, .team-title span { 946 font-family: Raleway,sans-serif; 947 } 948 949 .ui-tooltip { 950 font-family: Raleway,sans-serif !important; 951 } 952 953 .ui-widget-content:not(.tabs):not(.tab-container):not(.tab-content):not(.ui-tabs-panel):not(.ui-slider) { 954 background: #eeeeee !important; /*rgb(245,245,245);*/ 955 color: #333333; 956 border-radius: 2px; 957 } 958 .ui-widget-content.tabs { 959 background: #ffffff; 960 border: 0; 961 } 962 .tabs .tab-nav { 963 background: #ffffff; 964 border: 0; 965 } 966 .ui-tabs .ui-tabs-nav:not(.sidenav) .ui-tabs-anchor { 967 padding: 0 15px !important; 968 } 969 .ui-tooltip { 970 box-shadow: none !important; /*1px 1px 3px rgba(0, 0, 0, .1) !important;*/ 971 border: #eeeeee !important; 972 } 973 body .ui-tooltip { 974 border: 1px solid #eeeeee; 975 border-radius: 2px; 976 } 977 .tab-container { 978 padding: 0; 979 background: #ffffff; 980 font-size: 14px; 981 } 982 .popover { 983 box-shadow: 2px 2px 3px rgba(0, 0, 0, .3); 984 } 985 .dropdown-menu { 986 box-shadow: 2px 2px 3px rgba(0, 0, 0, .3); 987 } 988 .tooltip.top .tooltip-arrow { 989 border-top-color: #eeeeee; 990 } 991 .tooltip.left .tooltip-arrow { 992 border-left-color: #eeeeee; 993 } 994 .tooltip.right .tooltip-arrow { 995 border-right-color: #eeeeee; 996 } 997 .tooltip.bottom .tooltip-arrow { 998 border-bottom-color: #eeeeee; 999 } 1000 .tooltip-inner { 1001 background-color: #eeeeee; 1002 border-radius: 2px; 1003 color: #333333; 1004 font-size: 13px; 1005 } 1006 .tooltip.in { 1007 opacity: 1; 1008 } 1009 .alert { 1010 border-radius: 1px; 1011 } 1012 1013 1014</style> 1015<style> 1016 :root { 1017 --black-background-color: #000000; 1018 --darkest-background-color: #111111; 1019 --darker-background-color: #2A2A2A; 1020 --dark-background-color: #3A3A3A; 1021 --medium-dark-background-color: #555555; 1022 --dark-mode-default-text-color: #eeeeee; 1023 --dark-mode-muted-text-color: #999999; 1024 --dark-mode-default-contrast-text-color: #333333; 1025 --whitest-background-color: #ffffff; 1026 --not-as-white-background-color: #eeeeee; 1027 --medium-white-background-color: #dddddd; 1028 } 1029 body.dark-mode:not(.no-dark-mode) { 1030 background: var(--darkest-background-color) !important; 1031 color: var(--dark-mode-default-text-color) !important; 1032 } 1033 body.dark-mode:not(.no-dark-mode) { 1034 .popover { 1035 background: var(--medium-dark-background-color) !important; 1036 color: var(--dark-mode-default-text-color) !important; 1037 } 1038 1039 & :is(:not(.fr-view)) { 1040 #content, .content-wrap.app-wrapper, .white-background, 1041 div.back-office-menu-layout-grid-menu, div.sidebar, .grid-equal-row-2 > div, .grid-equal-row-3 > div, 1042 .dropzone, #primary-menu ul ul { 1043 background: var(--darkest-background-color) !important; 1044 color: var(--dark-mode-default-text-color) !important; 1045 } 1046 1047 #primary-menu ul ul { 1048 border-top: 1px solid; 1049 } 1050 1051 .dropdown-menu { 1052 background: var(--black-background-color); 1053 } 1054 1055 .panel, .modal-content, .panel-body, .ui-tabs-panel, .customModal, 1056 .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), 1057 .settings-description, .callout-wrapper, .callout-wrapper-external, 1058 .table-responsive, .table-hover, .nav-tabs, .settings-group, .pricing-box, 1059 .feature-box.fbox-bg.fbox-center, .well { 1060 background: var(--dark-background-color) !important;
1061 color: var(--dark-mode-default-text-color) !important; 1062 border-color: #444 !important; 1063 } 1064 1065 .modal-header, .modal-footer { 1066 border-color: #444 !important; 1067 } 1068 1069 .table > thead > tr > th, 1070 .table > tbody > tr > th, 1071 .table > tfoot > tr > th, 1072 .table > thead > tr > td, 1073 .table > tbody > tr > td, 1074 .table > tfoot > tr > td { 1075 border-top-color: #444 !important; 1076 } 1077 1078 .table > thead > tr > th { 1079 border-bottom-color: #444 !important; 1080 } 1081 1082 input, textarea, select, .select2-dropdown, .select2-selection { 1083 background: var(--darker-background-color) !important; 1084 color: var(--dark-mode-default-text-color) !important; 1085 caret-color: auto; 1086 } 1087 1088 #_elev_io input { 1089 background: #ffffff !important; 1090 color: #333333 !important; 1091 } 1092 #_elev_io input::placeholder { 1093 color: #555555 !important; 1094 } 1095 1096 .off-white-background, .panel-heading, .table-hover > tbody > tr:hover, 1097 .sidenav > li > a:hover, .pricing-title { 1098 background: var(--medium-dark-background-color) !important; 1099 color: var(--dark-mode-default-text-color) !important; 1100 } 1101 1102 .pricing-title { 1103 text-shadow: none; 1104 } 1105 1106 #wrapper, .back-office-menu-layout-grid-content, .page-end-spacer { 1107 background: var(--darkest-background-color); 1108 } 1109 1110 .always-white-background { 1111 background: var(--not-as-white-background-color) !important; 1112 } 1113 1114 .not-as-white-background-and-text { 1115 background: var(--darkest-background-color) !important; 1116 color: var(--dark-mode-default-text-color) !important; 1117 } 1118 1119 .dim-text, .text-muted { 1120 color: var(--dark-mode-default-text-color) !important; 1121 } 1122 1123 .dark-text-color, .select2-selection--multiple .select2-selection__choice, .c3-tooltip-container, 1124 .keen-c3-legend, .keen-c3-legend-label-overlay, label.contrast, div.style-msg, div.style-msg .sb-msg h4 { 1125 color: var(--dark-mode-default-contrast-text-color) !important; 1126 } 1127 1128 .always-white-background-invert, .charting-panel-body { 1129 background: var(--medium-white-background-color) !important; 1130 filter: invert(1); 1131 } 1132 1133 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), 1134 h5:not(.fr-view h5, .swal2-modal h5), h6:not(.fr-view h6, .swal2-modal h6), 1135 h4.sidebar-menu-header, 1136 .sidenav > li > a, 1137 label:not(.swal2-modal label), button.close, .button-border, .panel-activity, 1138 .select2-container--default .select2-selection--single .select2-selection__rendered { 1139 color: var(--dark-mode-default-text-color) !important; 1140 } 1141 1142 input::placeholder, textarea::placeholder, select::placeholder { 1143 color: var(--dark-mode-muted-text-color) !important; 1144 } 1145 button.close { 1146 opacity: 1; 1147 } 1148 1149 a:not(.button):not(.fr-view a), 1150 .widget_links li a, 1151 .site-name-text { 1152 color: #bd8862 !important; 1153 } 1154 1155 .button-white, .btn-default { 1156 background: var(--medium-dark-background-color) !important; 1157 color: var(--dark-mode-default-text-color) !important; 1158 border-color: #444 !important; 1159 } 1160 1161 i.light-mode { 1162 display:none; 1163 } 1164 1165 i.dark-mode { 1166 display: inline; 1167 } 1168 1169 #primary-menu ul li a { 1170 color: #bd8862 !important; 1171 } 1172 #primary-menu ul ul { 1173 box-shadow: 0 5px 12px 5px rgba( 255,255,255,0.2 ); 1174 } 1175 #primary-menu ul li ul li:hover a { 1176 color: #ffffff !important; 1177 background: var(--medium-dark-background-color) !important; 1178 } 1179 1180 #mobile-menu-header { 1181 background: var(--black-background-color); 1182 } 1183 .mobile-header { 1184 background-color: var(--medium-dark-background-color); 1185 } 1186 } 1187 } 1188 1189 .style-msg { 1190 border-radius: var(--app-border-radius-lg); 1191 } 1192 .style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg { 1193 border-left: 0; 1194 } 1195 1196 /* Email Builder Preview Resets in Dark Mode */ 1197 body.dark-mode:not(.no-dark-mode) :is(
1198 .email-builder-preview-email-wrapper, 1199 .preview-email-body-preview, 1200 #email-builder-preview-area, 1201 #email-builder-confirmation-preview-area, 1202 #email-builder-cancellation-preview-area, 1203 #email-builder-reminder-preview-area, 1204 #email-builder-follow-up-preview-area 1205 ) { 1206 background-color: #ffffff !important; 1207 background: #ffffff !important; 1208 color: #333333 !important; 1209 } 1210 body.dark-mode:not(.no-dark-mode) :is( 1211 .email-builder-preview-email-wrapper, 1212 .preview-email-body-preview, 1213 #email-builder-preview-area, 1214 #email-builder-confirmation-preview-area, 1215 #email-builder-cancellation-preview-area, 1216 #email-builder-reminder-preview-area, 1217 #email-builder-follow-up-preview-area 1218 ) :is(h1, h2, h3, h4, h5, h6, p, span, div, label, td, th, table, a):not([style*="color"]) { 1219 color: #333333 !important; 1220 } 1221 body.dark-mode:not(.no-dark-mode) :is( 1222 .email-builder-preview-email-wrapper, 1223 .preview-email-body-preview, 1224 #email-builder-preview-area, 1225 #email-builder-confirmation-preview-area, 1226 #email-builder-cancellation-preview-area, 1227 #email-builder-reminder-preview-area, 1228 #email-builder-follow-up-preview-area 1229 ) :is(.white-background, .always-white-background) { 1230 background-color: #ffffff !important; 1231 background: #ffffff !important; 1232 } 1233 1234 i.dark-mode { 1235 display:none; 1236 } 1237 1238 .mobile-header { 1239 background-color: #f5f5f5; 1240 border-bottom: 1px solid #eeeeee; 1241 padding: 10px 5px 10px 30px; 1242 } 1243 1244 .white-background { 1245 background-color: var(--whitest-background-color); 1246 } 1247 1248 .not-as-white-background-and-text, .off-white-background { 1249 background: var(--not-as-white-background-color) !important; 1250 } 1251 1252 .always-white-background { 1253 background-color: var(--whitest-background-color) !important; 1254 } 1255 1256 .dim-text { 1257 color: var(--dark-mode-muted-text-color) !important; 1258 } 1259 1260 .page-end-spacer { 1261 height: 100px; 1262 background: var(--app-background-color); 1263 } 1264 1265 :root { 1266 --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); 1267 --fancy-box-shadow-hover: 0 0 0 1px rgba(64,87,109,0.04),0 2px 4px -1px rgba(64,87,109,0.3); 1268 } 1269 1270 textarea { 1271 resize: vertical; 1272 } 1273 .large-font-text-input { 1274 font-size: 1.8rem; 1275 height: auto; 1276 line-height: normal !important; 1277 } 1278 .button { 1279 text-align:center; 1280 height: auto; 1281 padding: 11px 22px 9px 22px; 1282 white-space: normal; 1283 line-height: normal; 1284 } 1285 1286 .button.button-mini { 1287 text-align:center; 1288 padding: 4px 14px 2px 14px; 1289 height: auto; 1290 line-height: 19px; 1291 white-space: normal; 1292 } 1293 1294 .button.button-small { 1295 text-align:center; 1296 padding: 6px 17px 4px 17px; 1297 height: auto; 1298 line-height: 21px; 1299 white-space: normal; 1300 } 1301 1302 .button.button-large { 1303 text-align:center; 1304 padding: 9px 26px 7px 26px; 1305 height: auto; 1306 line-height: 27px; 1307 white-space: normal; 1308 } 1309 1310 .button.button-xlarge { 1311 text-align:center; 1312 padding: 11px 32px 8px 32px; 1313 height: auto; 1314 line-height: 30px; 1315 white-space: normal; 1316 } 1317 1318 .button.button-border { 1319 line-height: normal; 1320 } 1321 #gotoTop, .stretched #gotoTop { 1322 right: 60px; 1323 bottom: 13px; 1324 } 1325 @media (min-width: 992px) { 1326 #header.transparent-header.full-header.sticky-header:not(.dark) > #header-wrap > .container { 1327 background: rgba(255,255,255,0.8); 1328 } 1329 #header.transparent-header.full-header.sticky-header.dark > #header-wrap > .container { 1330 background: rgba(50,50,50,0.9); 1331 } 1332 #header.transparent-header.full-header.sticky-header > #header-wrap > .container > #primary-menu { 1333 height: auto; 1334 } 1335 #header.transparent-header.full-header.sticky-header > #header-wrap > .container > #primary-menu > ul { 1336 height: auto; 1337 }
1338 #header.transparent-header.full-header:not(.dark):not(.sticky-header) > #header-wrap > .container > #primary-menu > ul { 1339 height: auto; 1340 } 1341 #header.transparent-header.full-header:not(.dark):not(.sticky-header) > #header-wrap > .container > #primary-menu > ul.dropped { 1342 background: rgba(255,255,255,0.8); 1343 } 1344 #header.transparent-header.full-header.dark:not(.sticky-header) > #header-wrap > .container > #primary-menu > ul { 1345 height: auto; 1346 } 1347 #header.transparent-header.full-header.dark:not(.sticky-header) > #header-wrap > .container > #primary-menu > ul.dropped { 1348 background: rgba(50,50,50,0.9); 1349 } 1350 #header.transparent-header.full-header.sticky-header.dark > #header-wrap > .container > #primary-menu > ul { 1351 background: rgba(50,50,50,0.9); 1352 } 1353 .modal-xl { 1354 width: 98vw; 1355 } 1356 } 1357 @media (max-width: 991px) { 1358 /* this allows items in the mobile menu to wrap correctly */ 1359 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 { 1360 height: fit-content !important; 1361 color: #eeaa7b !important; 1362 } 1363 1364 /* Shrink padding in mobile dialog boxes */ 1365 .modal > .modal-dialog { 1366 margin: 0; 1367 } 1368 .modal > .modal-dialog > .modal-body { 1369 padding: 0; 1370 }
1371 .modal-dialog { 1372 width: 100dvw; 1373 } 1374 .modal-xl { 1375 max-width: 100%; 1376 width: 100%; 1377 } 1378 1379 #primary-menu ul li { 1380 padding: 13px 0; 1381 } 1382 1383 #primary-menu ul li a, #primary-menu.style-2 > div > ul > li > a { 1384 line-height: 1.5 !important; 1385 height: auto !important; 1386 } 1387 } 1388 1389 .voice-button-wrapper { 1390 display: grid; 1391 grid-template-columns: auto 1fr; 1392 grid-gap: 5px; 1393 align-items: center; 1394 } 1395 .voice-button-wrapper-align-top { 1396 align-items: start; 1397 } 1398 @media( max-width: 991px ) { 1399 .voice-button-wrapper:not(.voice-button-wrapper-left-align-button) { 1400 grid-template-columns: 1fr auto; 1401 } 1402 .voice-button-wrapper:not(.voice-button-wrapper-left-align-button) > *:first-child { 1403 order: 2; 1404 } 1405 } 1406 1407 /* Columnar grids */ 1408 1409 /* 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 */ 1410 1411 .grid-equal-row-2 { 1412 display: grid; 1413 grid-template-columns: repeat(2, minmax(0,1fr)); 1414 column-gap: 1rem; 1415 row-gap: 5px; 1416 margin-bottom: 40px; 1417 } 1418 @media (max-width:991px) { 1419 .grid-equal-row-2 { 1420 grid-template-columns: 1fr; 1421 } 1422 .grid-equal-heading-column-1 { grid-column: 1; grid-row: 1; } 1423 .grid-equal-body-column-1 { grid-column: 1; grid-row: 2; } 1424 .grid-equal-footer-column-1 { grid-column: 1; grid-row: 3; } 1425 1426 .grid-equal-heading-column-2 { grid-column: 1; grid-row: 4; margin-top: 30px; } 1427 .grid-equal-body-column-2 { grid-column: 1; grid-row: 5; } 1428 .grid-equal-footer-column-2 { grid-column: 1; grid-row: 6; } 1429 } 1430 1431 /* 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 */ 1432 1433 .grid-equal-row-3 { 1434 display: grid; 1435 grid-template-columns: repeat(3, minmax(0,1fr)); 1436 column-gap: 1rem; 1437 row-gap: 5px; 1438 margin-bottom: 40px; 1439 } 1440 @media (max-width:991px) { 1441 .grid-equal-row-3 { 1442 grid-template-columns: 1fr; 1443 } 1444 .grid-equal-heading-column-1 { grid-column: 1; grid-row: 1; } 1445 .grid-equal-body-column-1 { grid-column: 1; grid-row: 2; } 1446 .grid-equal-footer-column-1 { grid-column: 1; grid-row: 3; } 1447 1448 .grid-equal-heading-column-2 { grid-column: 1; grid-row: 4; margin-top: 30px; } 1449 .grid-equal-body-column-2 { grid-column: 1; grid-row: 5; } 1450 .grid-equal-footer-column-2 { grid-column: 1; grid-row: 6; } 1451 1452 .grid-equal-heading-column-3 { grid-column: 1; grid-row: 7; margin-top: 30px; } 1453 .grid-equal-body-column-3 { grid-column: 1; grid-row: 8; } 1454 .grid-equal-footer-column-3 { grid-column: 1; grid-row: 9; } 1455 } 1456 1457 /* Same as grid-equal-row-3 but without the header row. 1458 * 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 */ 1459 1460 .grid-equal-row-3-no-header { 1461 display: grid; 1462 grid-template-columns: repeat(3, 1fr); 1463 column-gap: 1rem; 1464 row-gap: 5px; 1465 margin-bottom: 40px; 1466 } 1467 @media (max-width:991px) { 1468 .grid-equal-row-3-no-header { 1469 grid-template-columns: 1fr; 1470 } 1471 .grid-equal-body-column-1 { grid-column: 1; grid-row: 1; } 1472 .grid-equal-footer-column-1 { grid-column: 1; grid-row: 2; } 1473 1474 .grid-equal-body-column-2 { grid-column: 1; grid-row: 3; margin-top: 30px; } 1475 .grid-equal-footer-column-2 { grid-column: 1; grid-row: 4; } 1476 1477 .grid-equal-body-column-3 { grid-column: 1; grid-row: 5; margin-top: 30px; } 1478 .grid-equal-footer-column-3 { grid-column: 1; grid-row: 6; } 1479 } 1480 1481 /* 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 */ 1482 1483 .grid-equal-row-2-centered { 1484 display: grid; 1485 grid-template-columns: repeat(6, 1fr); 1486 column-gap: 1rem; 1487 row-gap: 5px; 1488 margin-bottom: 40px; 1489 grid-template-areas: 1490 "a b b c c d" 1491 "a e e f f d"; 1492 } 1493 .grid-equal-row-2-centered .grid-equal-body-column-1 { grid-area: b; } 1494 .grid-equal-row-2-centered .grid-equal-footer-column-1 { grid-area: e; } 1495 1496 .grid-equal-row-2-centered .grid-equal-body-column-2 { grid-area: c; } 1497 .grid-equal-row-2-centered .grid-equal-footer-column-2 { grid-area: f; } 1498 1499 @media (max-width:991px) { 1500 .grid-equal-row-2-centered { 1501 grid-template-columns: 1fr; 1502 grid-template-areas: none; 1503 } 1504 .grid-equal-row-2-centered .grid-equal-body-column-1 { grid-column: 1; grid-row: 1; } 1505 .grid-equal-row-2-centered .grid-equal-footer-column-1 { grid-column: 1; grid-row: 2; } 1506 1507 .grid-equal-row-2-centered .grid-equal-body-column-2 { grid-column: 1; grid-row: 3; margin-top: 30px; } 1508 .grid-equal-row-2-centered .grid-equal-footer-column-2 { grid-column: 1; grid-row: 4; } 1509 } 1510 1511 /* 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 */ 1512 1513 .grid-equal-row-1-centered { 1514 display: grid; 1515 grid-template-columns: repeat(6, 1fr); 1516 column-gap: 1rem; 1517 row-gap: 5px; 1518 margin-bottom: 40px; 1519 grid-template-areas: 1520 "a a b b d d" 1521 "a a e e d d"; 1522 } 1523 .grid-equal-row-1-centered .grid-equal-body-column-1 { grid-area: b; } 1524 .grid-equal-row-1-centered .grid-equal-footer-column-1 { grid-area: e; } 1525 1526 @media (max-width:991px) { 1527 .grid-equal-row-1-centered { 1528 grid-template-columns: 1fr; 1529 grid-template-areas: none; 1530 } 1531 .grid-equal-row-1-centered .grid-equal-body-column-1 { grid-column: 1; grid-row: 1; } 1532 .grid-equal-row-1-centered .grid-equal-footer-column-1 { grid-column: 1; grid-row: 2; } 1533 } 1534 1535 /* 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 */ 1536 1537 .grid-equal-row-4 { 1538 display: grid; 1539 grid-template-columns: repeat(4, 1fr); 1540 column-gap: 1rem; 1541 row-gap: 5px; 1542 margin-bottom: 40px; 1543 } 1544 @media (max-width:991px) { 1545 .grid-equal-row-4 { 1546 grid-template-columns: 1fr; 1547 } 1548 .grid-equal-heading-column-1 { grid-column: 1; grid-row: 1; } 1549 .grid-equal-body-column-1 { grid-column: 1; grid-row: 2; } 1550 .grid-equal-footer-column-1 { grid-column: 1; grid-row: 3; } 1551 1552 .grid-equal-heading-column-2 { grid-column: 1; grid-row: 4; margin-top: 30px; } 1553 .grid-equal-body-column-2 { grid-column: 1; grid-row: 5; } 1554 .grid-equal-footer-column-2 { grid-column: 1; grid-row: 6; } 1555 1556 .grid-equal-heading-column-3 { grid-column: 1; grid-row: 7; margin-top: 30px; } 1557 .grid-equal-body-column-3 { grid-column: 1; grid-row: 8; } 1558 .grid-equal-footer-column-3 { grid-column: 1; grid-row: 9; } 1559 1560 .grid-equal-heading-column-4 { grid-column: 1; grid-row: 10; margin-top: 30px; } 1561 .grid-equal-body-column-4 { grid-column: 1; grid-row: 11; } 1562 .grid-equal-footer-column-4 { grid-column: 1; grid-row: 12; } 1563 } 1564 1565 /* 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 */ 1566 1567 .grid-equal-row-5 { 1568 display: grid; 1569 grid-template-columns: repeat(5, 1fr); 1570 column-gap: 1rem; 1571 row-gap: 5px; 1572 margin-bottom: 40px; 1573 } 1574 @media (max-width:991px) { 1575 .grid-equal-row-5 { 1576 grid-template-columns: 1fr; 1577 } 1578 } 1579 1580 /* 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 */ 1581 1582 .grid-equal-row-6 { 1583 display: grid; 1584 grid-template-columns: repeat(6, 1fr); 1585 column-gap: 1rem; 1586 row-gap: 5px; 1587 margin-bottom: 40px; 1588 } 1589 @media (max-width:991px) { 1590 .grid-equal-row-6 { 1591 grid-template-columns: 1fr; 1592 } 1593 } 1594 1595 /* 2 across, 1 across on mobile */ 1596 .grid-row-2 { 1597 row-gap: 1rem; 1598 margin: 0.5rem 0; 1599 } 1600 1601 @media (max-width: 991px) { 1602 .grid-row-2 { 1603 display: grid; grid-template-columns: repeat(1, 1fr); 1604 } 1605 } 1606 1607 @media (min-width: 992px) { 1608 .grid-row-2 { 1609 display: grid; grid-template-columns: repeat(2, 1fr); 1610 } 1611 } 1612 1613 /* 3 across, 1 across on mobile */ 1614 .grid-row-3 { 1615 row-gap: 1rem; 1616 margin: 0.5rem 0; 1617 } 1618 1619 @media (max-width: 991px) { 1620 .grid-row-3 { 1621 display: grid; grid-template-columns: repeat(1, 1fr); 1622 } 1623 } 1624 1625 @media (min-width: 992px) { 1626 .grid-row-3 { 1627 display: grid; grid-template-columns: repeat(3, 1fr); 1628 } 1629 } 1630 1631 /* 2 across, first 2/3, second 1/3, 1 across on mobile */ 1632 .grid-row-2-2-1 { 1633 row-gap: 1rem; 1634 margin: 0.5rem 0; 1635 } 1636 1637 @media (max-width: 991px) { 1638 .grid-row-2-2-1 { 1639 display: grid; grid-template-columns: repeat(1, 1fr); 1640 } 1641 } 1642 1643 @media (min-width: 992px) { 1644 .grid-row-2-2-1 { 1645 display: grid; 1646 grid-template-columns: 2fr 1fr; 1647 } 1648 } 1649 1650 /* 4 across, 2 across on mobile */ 1651 .grid-row-4 { 1652 row-gap: 1rem; 1653 margin: 0.5rem 0; 1654 } 1655 1656 @media (max-width: 991px) { 1657 .grid-row-4 { 1658 display: grid; grid-template-columns: repeat(2, 1fr); 1659 } 1660 } 1661 1662 @media (min-width: 992px) { 1663 .grid-row-4 { 1664 display: grid; grid-template-columns: repeat(4, 1fr); 1665 } 1666 } 1667 1668 /* 5 across, 1 across on mobile */ 1669 .grid-row-5 { 1670 row-gap: 1rem; 1671 margin: 0.5rem 0; 1672 } 1673 1674 @media (max-width: 991px) { 1675 .grid-row-5 { 1676 display: grid; grid-template-columns: repeat(1, 1fr); 1677 } 1678 } 1679 1680 @media (min-width: 992px) { 1681 .grid-row-5 { 1682 display: grid; grid-template-columns: repeat(5, 1fr); 1683 } 1684 } 1685 1686 /* 6 across, 2 across on mobile */ 1687 .grid-row-6 { 1688 row-gap: 1rem; 1689 margin: 0.5rem 0; 1690 } 1691 1692 @media (max-width: 991px) { 1693 .grid-row-6 { 1694 display: grid; grid-template-columns: repeat(2, 1fr); 1695 } 1696 } 1697 1698 @media (min-width: 992px) { 1699 .grid-row-6 { 1700 display: grid; grid-template-columns: repeat(6, 1fr); 1701 } 1702 } 1703 1704 /* 8 across, 2 across on mobile */ 1705 .grid-row-8 { 1706 row-gap: 1rem; 1707 margin: 0.5rem 0; 1708 } 1709 1710 @media (max-width: 991px) { 1711 .grid-row-8 { 1712 display: grid; grid-template-columns: repeat(2, 1fr); 1713 } 1714 } 1715 1716 @media (min-width: 992px) { 1717 .grid-row-8 { 1718 display: grid; grid-template-columns: repeat(8, 1fr); 1719 } 1720 } 1721 1722 /* Grid with variable number of columns based on screen width - for panels with smaller content. Starts with 2 columns on mobile. */ 1723 .grid-list-variable-small {
1724 display: grid; 1725 grid-template-columns: repeat( 2, minmax(0, 1fr) ); 1726 column-gap: 3rem; 1727 row-gap: 3rem; 1728 } 1729 @media (min-width:992px) { 1730 .grid-list-variable-small { 1731 grid-template-columns: repeat( 3, minmax(0, 1fr) ); 1732 } 1733 } 1734 @media (min-width:1400px) { 1735 .grid-list-variable-small { 1736 grid-template-columns: repeat( 4, minmax(0, 1fr) ); 1737 } 1738 } 1739 @media (min-width:1800px) { 1740 .grid-list-variable-small { 1741 grid-template-columns: repeat( 5, minmax(0, 1fr) ); 1742 } 1743 } 1744 @media (min-width:2200px) { 1745 .grid-list-variable-small { 1746 grid-template-columns: repeat( 6, minmax(0, 1fr) ); 1747 } 1748 } 1749 @media (min-width:2600px) { 1750 .grid-list-variable-small { 1751 grid-template-columns: repeat( 7, minmax(0, 1fr) ); 1752 } 1753 } 1754 @media (min-width:3000px) { 1755 .grid-list-variable-small { 1756 grid-template-columns: repeat( 8, minmax(0, 1fr) ); 1757 } 1758 } 1759 1760 /* Grid with variable number of columns based on screen width - for panels with smaller content. Starts with 1 column on mobile. */ 1761 .grid-list-variable-small-1-column { 1762 display: grid; 1763 grid-template-columns: repeat( 1, minmax(0, 1fr) ); 1764 column-gap: 3rem; 1765 row-gap: 3rem; 1766 } 1767 @media (min-width:992px) { 1768 .grid-list-variable-small-1-column { 1769 grid-template-columns: repeat( 2, minmax(0, 1fr) ); 1770 } 1771 } 1772 @media (min-width:1200px) { 1773 .grid-list-variable-small-1-column { 1774 grid-template-columns: repeat( 3, minmax(0, 1fr) ); 1775 } 1776 } 1777 @media (min-width:1600px) { 1778 .grid-list-variable-small-1-column { 1779 grid-template-columns: repeat( 4, minmax(0, 1fr) ); 1780 } 1781 } 1782 @media (min-width:2000px) { 1783 .grid-list-variable-small-1-column { 1784 grid-template-columns: repeat( 5, minmax(0, 1fr) ); 1785 } 1786 } 1787 @media (min-width:2400px) { 1788 .grid-list-variable-small-1-column { 1789 grid-template-columns: repeat( 6, minmax(0, 1fr) ); 1790 } 1791 } 1792 @media (min-width:2800px) { 1793 .grid-list-variable-small-1-column { 1794 grid-template-columns: repeat( 7, minmax(0, 1fr) ); 1795 } 1796 } 1797 1798 /* Grid with variable number of columns based on screen width - for panels with smaller content. Starts with 1 column on mobile. */ 1799 .grid-list-variable { 1800 display: grid; 1801 grid-template-columns: repeat( 1, minmax(0, 1fr) ); 1802 column-gap: 3rem; 1803 row-gap: 3rem; 1804 } 1805 @media (min-width:992px) { 1806 .grid-list-variable { 1807 grid-template-columns: repeat( 2, minmax(0, 1fr) ); 1808 } 1809 } 1810 @media (min-width:1400px) { 1811 .grid-list-variable { 1812 grid-template-columns: repeat( 3, minmax(0, 1fr) ); 1813 } 1814 } 1815 @media (min-width:1800px) { 1816 .grid-list-variable { 1817 grid-template-columns: repeat( 4, minmax(0, 1fr) ); 1818 } 1819 } 1820 @media (min-width:2200px) { 1821 .grid-list-variable { 1822 grid-template-columns: repeat( 5, minmax(0, 1fr) ); 1823 } 1824 } 1825 @media (min-width:2600px) { 1826 .grid-list-variable { 1827 grid-template-columns: repeat( 6, minmax(0, 1fr) ); 1828 } 1829 } 1830 @media (min-width:3000px) { 1831 .grid-list-variable { 1832 grid-template-columns: repeat( 8, minmax(0, 1fr) ); 1833 } 1834 } 1835 1836 /* Grid with variable number of columns based on screen width - for panels with larger content. Starts with 1 column on mobile. */ 1837 .grid-list-variable-large { 1838 display: grid; 1839 grid-template-columns: repeat( 1, minmax(0, 1fr) ); 1840 column-gap: 3rem; 1841 row-gap: 3rem; 1842 } 1843 @media (min-width:1300px) { 1844 .grid-list-variable-large { 1845 grid-template-columns: repeat( 2, minmax(0, 1fr) ); 1846 } 1847 } 1848 @media (min-width:1800px) { 1849 .grid-list-variable-large { 1850 grid-template-columns: repeat( 3, minmax(0, 1fr) ); 1851 } 1852 } 1853 @media (min-width:2200px) { 1854 .grid-list-variable-large { 1855 grid-template-columns: repeat( 4, minmax(0, 1fr) ); 1856 } 1857 } 1858 @media (min-width:2600px) { 1859 .grid-list-variable-large { 1860 grid-template-columns: repeat( 5, minmax(0, 1fr) ); 1861 } 1862 } 1863 @media (min-width:3000px) { 1864 .grid-list-variable-large { 1865 grid-template-columns: repeat( 6, minmax(0, 1fr) ); 1866 } 1867 } 1868 1869 1870 /* Override for section class styles for pages built with the page editor */ 1871 section .content-wrap .section { 1872 background: transparent none; 1873 } 1874 1875 /* Enlarge the default width of the container class to allow for use of more space on mobile */ 1876 @media (max-width: 767px) { 1877 #header.full-header .container, .container, .container-fullwidth { 1878 width: calc( 100vw - 20px ) !important; 1879 } 1880 } 1881 1882 .flex-center { 1883 display: flex; 1884 justify-content: center; 1885 align-items: center; 1886 } 1887 @media (max-width: 991px) { 1888 .flex-center { 1889 flex-direction: column; 1890 } 1891 } 1892 1893 1894 :not(.fr-view) table { margin-bottom: 0; } 1895 div:not(.fr-wrapper) > .fr-view table td, div:not(.fr-wrapper) > .fr-view table th { border: 0; } 1896 1897 /* Rotate any element */ 1898 .rotate { 1899 animation: rotate 1.5s linear infinite; 1900 }
1901 @keyframes rotate { 1902 to { 1903 transform: rotate(360deg); 1904 } 1905 } 1906 1907 /* A tilt-shake animation used for missing required fields. See also the highlightRequiredField() function at the bottom of this file. */ 1908 @keyframes tilt-shaking { 1909 0% { transform: rotate(0deg); } 1910 25% { transform: rotate(5deg); } 1911 50% { transform: rotate(0deg); } 1912 75% { transform: rotate(-5deg); } 1913 100% { transform: rotate(0deg); } 1914 } 1915 .tilt-shaking { 1916 scale: 1.1; 1917 animation: tilt-shaking 0.25s infinite; 1918 } 1919 1920 1921 /* Hide on website (not in back office) */ 1922 .hide-on-website { display: none; } 1923 1924 1925 .aw-carousel { 1926 box-sizing: border-box; 1927 height: 100%; 1928 overflow: hidden; 1929 align-items: center; 1930 justify-content: center; 1931 text-align: center; 1932 width: 100%; 1933 1934 & > div { 1935 display: flex; 1936 1937 overflow-x: auto; 1938 scroll-snap-type: x mandatory; 1939 1940 scroll-behavior: smooth; 1941 -webkit-overflow-scrolling: touch; 1942 } 1943 1944 & > .aw-slides { 1945 margin-bottom: 5px; 1946 height: 300px; 1947 -ms-overflow-style: none; scrollbar-width: none; } 1948 1949 & > .aw-slides::-webkit-scrollbar {
1950 display: none; 1951 } 1952 1953 & > .aw-slides > div { 1954 scroll-snap-align: start; 1955 flex-shrink: 0; 1956 width: 100%; 1957 margin-right: 50px; 1958 position: relative; 1959 overflow: hidden; 1960 1961 display: flex; 1962 justify-content: center; 1963 align-items: center; 1964 flex-direction: column; 1965 } 1966 1967 & > .aw-slides div.aw-image-only a, & > .aw-slides div.aw-image-only img { 1968 object-fit: contain; 1969 width: 100% !important; 1970 height: 100%; 1971 } 1972 &.aw-carousel-cover-slide-image > .aw-slides div.aw-image-only img { 1973 object-fit: cover; 1974 } 1975 1976 & > .aw-slides div .fr-video { 1977 width: 500px; 1978 } 1979 @media( max-width: 991px ) { 1980 & > .aw-slides div .fr-video { 1981 width: 90vw; 1982 } 1983 } 1984 1985 & > a { 1986 display: inline-flex; 1987 width: 1.6rem; 1988 height: 1.6rem; 1989 background: #333333; 1990 text-decoration: none; 1991 align-items: center; 1992 justify-content: center; 1993 border-radius: 50%; 1994 border: 1px solid #ffffff; 1995 margin: 0 0 0.5rem 0; 1996 position: relative; 1997 } 1998 1999 & > a:hover { 2000 filter: brightness( 0.9 ); 2001 } 2002 2003 & > a:active { 2004 top: 1px; 2005 } 2006 2007 & > a:focus { 2008 background: #000; 2009 } 2010 2011 & > a + a { 2012 margin-left: 5px; 2013 } 2014 2015 &.aw-carousel-no-dots > a { 2016 display: none; 2017 } 2018 } 2019 2020 .aw-countdown { 2021 display: flex; 2022 justify-content: center; 2023 margin: 1em 0; 2024 @media( max-width: 767px ) { 2025 & { 2026 font-size: 3vw !important; 2027 } 2028 } 2029 2030 & > div { 2031 display: flex; 2032 padding: 0.6em 1.8em 1.6em 1.6em; 2033 cursor: default; 2034 } 2035 2036 & > div > div { 2037 display: flex; 2038 flex-direction: column; 2039 align-items: center; 2040 margin: 0 0.8em; 2041 } 2042 2043 & > div > div > span:first-child { 2044 font-size: 4em; 2045 margin-top: 0.15em; 2046 text-align: center; 2047 } 2048 2049 & > div > div > span:last-child { 2050 font-size: 1.2em; 2051 } 2052 } 2053 2054 </style> 2055<style> 2056@keyframes awTickerScroll { 2057 0% { transform: translate3d(0, 0, 0); } 2058 100% { transform: translate3d(-50%, 0, 0); } 2059} 2060.aw-ticker-wrap { 2061 overflow: hidden; 2062 background-color: var(--tw-bg, transparent); 2063} 2064.aw-ticker { 2065 display: flex; 2066 align-items: center; 2067 white-space: nowrap; 2068 will-change: transform; 2069 animation: awTickerScroll 22s linear infinite; 2070 width: max-content; 2071 flex-shrink: 0; 2072 padding: var(--tw-py, 20px) 0; 2073} 2074.aw-ticker-wrap:not(.no-pause-hover) .aw-ticker:hover { 2075 animation-play-state: paused; 2076} 2077.aw-ticker-item { 2078 display: inline-flex; 2079 align-items: center; 2080 flex: 0 0 auto; 2081 background: var(--tb-bg, #ffffff); 2082 color: var(--tb-color, #3f4242); 2083 padding: var(--tb-py, 12px) var(--tb-px, 18px); 2084 border-radius: var(--tb-r, 30px); 2085 font-size: var(--tb-fs, 17px); 2086 font-family: var(--tb-font, inherit); 2087 font-weight: var(--tb-fw, normal); 2088 font-style: var(--tb-fstyle, normal); 2089 line-height: 1.2; 2090 box-shadow: var(--tb-shadow, none); 2091 border: var(--tb-border, none); 2092 margin: 0 calc(var(--tb-gap, 4px) * 2) 0 0; 2093} 2094.aw-ticker-item a { 2095 color: inherit; 2096 text-decoration: none; 2097} 2098.aw-ticker-item a:hover { 2099 text-decoration: underline; 2100} 2101.aw-ticker-sep { 2102 display: inline-flex; 2103 align-items: center; 2104 justify-content: center; 2105 flex: 0 0 auto; 2106 height: var(--ts-size, 10px); 2107 margin: 0 calc(var(--tb-gap, 4px) * 2) 0 0; 2108} 2109.aw-ticker-sep::before { 2110 content: ""; 2111 display: block; 2112 border-radius: 999px; 2113 flex: 0 0 auto; 2114 width: var(--ts-size, 10px); 2115 height: var(--ts-size, 10px); 2116 background: var(--ts-color, #47d4e0); 2117} 2118@media (prefers-reduced-motion: reduce) { 2119 .aw-ticker { animation: none; } 2120} 2121@media (max-width: 480px) { 2122 .aw-ticker-item { font-size: 85%; } 2123} 2124</style> 2125
2126<script> 2127 $(function() { 2128 2129 (function() { 2130 var tickers = document.querySelectorAll('.aw-ticker-wrap'); 2131 if (!tickers.length) return; 2132 2133 if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return; 2134 2135 tickers.forEach(function(wrap) { 2136 var raw = wrap.getAttribute('data-ticker'); 2137 if (!raw) { return; } 2138 try { 2139 var cfg = JSON.parse(raw); 2140 var duration = cfg.speed || 22; 2141 var dir = (cfg.direction === 'right') ? 1 : -1; 2142 var track = wrap.querySelector('.aw-ticker'); 2143 if (track) { 2144 track.style.animation = 'none'; 2145 track.style.webkitAnimation = 'none'; 2146 2147 function startAnimation() { 2148 var halfWidth = track.scrollWidth / 2; 2149 var pos = 0; 2150 var last = null; 2151 var isPaused = false; 2152 var speedPxPerSec = halfWidth / duration; 2153 2154 if (window.ResizeObserver) { 2155 var observer = new ResizeObserver(function() { 2156 halfWidth = track.scrollWidth / 2; 2157 speedPxPerSec = halfWidth / duration; 2158 }); 2159 observer.observe(track); 2160 } 2161 2162 if (cfg.pause_on_hover !== false) { 2163 wrap.addEventListener('mouseenter', function() { isPaused = true; }); 2164 wrap.addEventListener('mouseleave', function() { isPaused = false; }); 2165 } 2166 2167 function step(ts) { 2168 if (last === null) last = ts; 2169 var delta = (ts - last) / 1000; 2170 last = ts; 2171 2172 if (halfWidth > 0 && !isPaused) { 2173 pos += dir * speedPxPerSec * delta; 2174 if (dir === -1 && pos <= -halfWidth) { 2175 pos += halfWidth; 2176 } else if (dir === 1 && pos >= 0) { 2177 pos -= halfWidth; 2178 } 2179 track.style.transform = 'translate3d(' + pos + 'px, 0, 0)'; 2180 track.style.webkitTransform = 'translate3d(' + pos + 'px, 0, 0)'; 2181 } 2182 requestAnimationFrame(step); 2183 } 2184 requestAnimationFrame(step); 2185 } 2186 2187 function init() { 2188 var containerW = wrap.offsetWidth; 2189 if (containerW === 0) { 2190 setTimeout(init, 100); 2191 return; 2192 } 2193 2194 var safetyLimit = 20; 2195 while (track.scrollWidth / 2 < containerW && safetyLimit-- > 0) { 2196 var existing = track.innerHTML; 2197 track.innerHTML = existing + existing; 2198 } 2199 2200 startAnimation(); 2201 } 2202 init(); 2203 } 2204 if (cfg.pause_on_hover === false) wrap.classList.add('no-pause-hover'); 2205 } catch(e) {} 2206 }); 2207 })(); 2208 let AwCarouselIntervals = {}, AwCarouselAutoAdvanceTime = 5000; 2209 2210 // Pause carousel auto-advance when user clicks into a video iframe (Bunny.net, YouTube, Vimeo) 2211 // When the user clicks an iframe, the main window loses focus. We detect that and check 2212 // if the now-focused element is an iframe inside an aw-carousel. 2213 let awCarouselFocusInterval = null; 2214 $(window).on('blur', function() { 2215 setTimeout(function() { 2216 let el = document.activeElement; 2217 if (el && el.tagName === 'IFRAME') { 2218 let carousel = $(el).closest('.aw-carousel'); 2219 if (carousel.length) { 2220 carousel.addClass('aw-video-playing'); 2221 } 2222 } 2223 }, 0); 2224 }); 2225 $(window).on('focus', function() { 2226 $('.aw-carousel.aw-video-playing').removeClass('aw-video-playing'); 2227 }); 2228 function createRandomString( strLength = 20 ) 2229 { 2230 let result = []; 2231 let charSet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'; 2232 2233 while (strLength--) 2234 result.push(charSet.charAt(Math.floor(Math.random() * charSet.length))); 2235 2236 return result.join(''); 2237 } 2238 function AwCarouselGoToNextSlide( carousel ) 2239 { 2240 if (carousel.find('video').toArray().some(v => !v.paused) || carousel.hasClass('aw-video-playing')) return; 2241 let slides_container = carousel.find('.aw-slides'); 2242 let slides = slides_container.children(); 2243 let carousel_bounding_rect = carousel[0].getBoundingClientRect(); 2244 2245 for( let i = 0; i < slides.length; i++ ) { 2246 let slide_bounding_rect = slides[i].getBoundingClientRect(); 2247 if( Math.floor(slide_bounding_rect.x) === Math.floor(carousel_bounding_rect.x) ) { 2248 let slide_width = slide_bounding_rect.width; 2249 let next_slide_index = i + 1; 2250 if( next_slide_index >= slides.length ) 2251 next_slide_index = 0; 2252 if( next_slide_index === 0 ) 2253 slides_container[0].scrollLeft = 0; 2254 else 2255 slides_container[0].scrollLeft += Math.ceil(slide_width); 2256 break; 2257 } 2258 } 2259 } 2260 2261 function GetCarouselSlideAdvanceTime( carousel ) 2262 { 2263 let slide_advance_time = carousel.attr('data-auto-advance-seconds'); 2264 if( slide_advance_time == '' || typeof slide_advance_time === 'undefined' ) 2265 slide_advance_time = AwCarouselAutoAdvanceTime; 2266 else 2267 slide_advance_time = parseInt( slide_advance_time, 10 ) * 1000; 2268 return slide_advance_time; 2269 } 2270 2271 $('.aw-carousel').each( function() { 2272 let carousel = $(this); 2273 let slides = carousel.find('.aw-slides'); 2274 let slide_advance_time = GetCarouselSlideAdvanceTime( carousel ); 2275 2276 let carousel_id = createRandomString(); 2277 while( $('#' + carousel_id + '-slide-1' ).length > 0 ) 2278 carousel_id = createRandomString(); 2279 2280 let carousel_dot_color = ''; 2281 let first_dot = carousel[0].querySelector('& > a'); 2282 if( first_dot !== null ) 2283 carousel_dot_color = first_dot.style.backgroundColor; 2284 carousel.find('> a').remove(); 2285 2286 slides.attr('data-carousel-id', carousel_id ); 2287 2288 slides.children().each( function( index ) { 2289 let slide_id = carousel_id + '-slide-' + (index + 1); 2290 $(this).attr('id', slide_id ); 2291 let new_link = document.createElement('a'); 2292 new_link.setAttribute('href', '#' + slide_id );
2293 new_link.setAttribute('data-slide-index', index + 1 ); 2294 if( carousel_dot_color !== '' ) 2295 new_link.setAttribute('style','background-color: ' + carousel_dot_color + ';'); 2296 new_link.innerHTML = ' '; 2297 carousel.append( new_link ); 2298 }); 2299 2300 2301 if( carousel.hasClass('aw-automatic-carousel') ) 2302 AwCarouselIntervals[ carousel_id ] = setInterval( () => AwCarouselGoToNextSlide( carousel ), slide_advance_time ); 2303 }); 2304 2305 $('.aw-carousel > a').click( function( evt ) { 2306 let slides_container = $(this).parent().find('.aw-slides'); 2307 let slide_width = slides_container.children()[0].getBoundingClientRect().width; 2308 let slide_index = parseInt( $(this).attr('data-slide-index'), 10 ); 2309 slides_container[0].scrollLeft = (slide_width * (slide_index - 1)); 2310 2311 // get the entire carousel 2312 let carousel = $(this).parent(); 2313 let slide_advance_time = GetCarouselSlideAdvanceTime( carousel ); 2314 2315 2316 let carousel_id = slides_container.attr('data-carousel-id'); 2317 if( AwCarouselIntervals[ carousel_id ] ) { 2318 clearInterval( AwCarouselIntervals[ carousel_id ] ); 2319 AwCarouselIntervals[ carousel_id ] = setInterval( () => AwCarouselGoToNextSlide( $(this).parent().parent() ), slide_advance_time ); 2320 } 2321 evt.preventDefault(); 2322 evt.stopPropagation(); 2323 return false; 2324 }); 2325 }); 2326</script>
2326 2327
2328<script> 2329 let countdownTimers = []; 2330 function StartCountdownTimers( countdown_selector = '.aw-countdown', options = {} ) 2331 { 2332 function countdown( element, expiration_url ) { 2333 let end_date_time = element.getAttribute('data-end-datetime'); 2334 let timer_length = element.getAttribute('data-end-minutes'); 2335 2336 if( typeof end_date_time !== 'string' && typeof timer_length !== 'string' ) 2337 return false; 2338 2339 if( typeof allowUndo === 'boolean' ) 2340 allowUndo = false; 2341 2342 let targetDate; 2343 2344 if( typeof end_date_time === 'string' ) 2345 targetDate = new Date( end_date_time ); 2346 else { 2347 let end_minutes = parseInt(timer_length, 10); 2348 if( isNaN( end_minutes ) ) 2349 return false; 2350 let current_date = new Date(); 2351 targetDate = new Date(); 2352 targetDate.setTime( current_date.getTime() + (end_minutes * 60 * 1000) ); 2353 if( options && options['remove-end-minutes'] === true ) 2354 element.removeAttribute('data-end-minutes'); 2355 element.setAttribute('data-end-datetime', targetDate.toISOString()); 2356 } 2357 const now = new Date(); 2358 2359 const difference = targetDate - now; 2360 2361 let days = Math.max(Math.floor(difference / (1000 * 60 * 60 * 24)), 0); 2362 let hours = Math.max(Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)), 0); 2363 let minutes = Math.max(Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60)), 0); 2364 let seconds = Math.max(Math.floor((difference % (1000 * 60)) / 1000), 0); 2365 2366 let days_text = days.toString().padStart(2, '0'); 2367 let hours_text = hours.toString().padStart(2, '0'); 2368 let minutes_text = minutes.toString().padStart(2, '0'); 2369 let seconds_text = seconds.toString().padStart(2, '0'); 2370 2371 element.querySelector('& > div > div:first-child > span:first-child').textContent = days_text; 2372 element.querySelector('& > div > div:nth-child(2) > span:first-child').textContent = hours_text; 2373 element.querySelector('& > div > div:nth-child(3) > span:first-child').textContent = minutes_text; 2374 element.querySelector('& > div > div:nth-child(4) > span:first-child').textContent = seconds_text; 2375 2376 if( typeof allowUndo === 'boolean' ) 2377 allowUndo = false; 2378 2379 if( expiration_url !== null && expiration_url !== '' && days <= 0 && hours <= 0 && minutes <= 0 && seconds <= 0 ) 2380 location.href = expiration_url; 2381 } 2382 function createCountdownHtml( element, color, background_color ) 2383 { 2384 if( element.innerHTML !== '' && element.querySelectorAll('div > div > span').length === 8 ) { 2385 if( color !== null ) 2386 element.style.color = color; 2387 if( background_color !== null ) 2388 element.style.backgroundColor = background_color; 2389 element.querySelectorAll('div > div > span:first-child').forEach( element => { 2390 element.innerHTML = '00'; 2391 }); 2392 } 2393 else { 2394 element.innerHTML = '<div style="' + 2395 (color !== null ? 'color:' + escapeHtml(color) + ';' : '') + 2396 (background_color !== null ? 'background-color:' + escapeHtml(background_color) + ';' : '') + '">' + 2397 '<div><span>00</span><span>Days</span></div>' + 2398 '<div><span>00</span><span>Hours</span></div>' + 2399 '<div><span>00</span><span>Minutes</span></div>' + 2400 '<div><span>00</span><span>Seconds</span></div>' + 2401 '</div>'; 2402 } 2403 } 2404 2405 let default_countdown_selector = '.aw-countdown'; 2406 let has_custom_selector = (typeof countdown_selector === 'string' && countdown_selector !== default_countdown_selector ); 2407 if( !has_custom_selector ) 2408 countdown_selector = default_countdown_selector; 2409 2410 for( let i = countdownTimers.length - 1; i >= 0; i-- ) { 2411 if (!has_custom_selector || (countdown_selector.charAt(0) === '#' && countdownTimers[i].id === countdown_selector.substring(1))) { 2412 clearInterval(countdownTimers[i].interval); 2413 countdownTimers.splice(i, 1); 2414 } 2415 } 2416 2417 let countdown_elements = document.querySelectorAll( countdown_selector ); 2418 2419 for( let i = 0; i < countdown_elements.length; i++ ) { 2420 let element = countdown_elements[i]; 2421 let end_date_time = element.getAttribute('data-end-datetime'); 2422 let timer_length = element.getAttribute('data-end-minutes'); 2423 let expiration_url = element.getAttribute('data-expiration-url'); 2424 let color = element.getAttribute('data-color'); 2425 let background_color = element.getAttribute('data-background-color'); 2426 if( typeof end_date_time === 'string' || typeof timer_length === 'string' ) { 2427 createCountdownHtml( element, color, background_color ); 2428 2429 if( options && options.remember === true && typeof element.getAttribute('data-end-minutes') === 'string' && element.getAttribute('data-end-minutes') !== '' ) { 2430 let existing_expires = Cookies.get('aw-countdown-' + i); 2431 if( typeof existing_expires === 'undefined' ) { 2432 let expiration_minutes = element.getAttribute('data-end-minutes'); 2433 if (expiration_minutes) { 2434 expiration_minutes = parseInt(expiration_minutes, 10); 2435 2436 if( typeof end_date_time !== 'string' ) { 2437 let current_date = new Date(); 2438 let targetDate = new Date(); 2439 targetDate.setTime( current_date.getTime() + (expiration_minutes * 60 * 1000) ); 2440 end_date_time = targetDate.toISOString(); 2441 } 2442 let cookie_expires_date = new Date(new Date().getTime() + ((expiration_minutes + 1440) * 60 * 1000)); 2443 Cookies.set('aw-countdown-' + i, end_date_time, { 2444 path: window.location.pathname, 2445 expires: cookie_expires_date 2446 }); 2447 } 2448 } 2449 else { 2450 element.setAttribute('data-end-datetime', existing_expires); 2451 } 2452 } 2453 2454 countdown( element, expiration_url );
2455 countdownTimers.push( { id: element.id, interval: setInterval(() => countdown( element, expiration_url ), 1000) } ); 2456 } 2457 } 2458 } 2459 2460 document.addEventListener('DOMContentLoaded', function() { 2461 StartCountdownTimers( '.aw-countdown', { 2462 remember: true }); 2463 } ); 2464 2465</script>
2465 2466
2467<script> 2468 $(function() { 2469 function MenuCheck() 2470 { 2471 try { 2472 let jquery_element = $('#primary-menu > ul'); 2473 let js_element = jquery_element[0]; 2474 if( js_element.getBoundingClientRect().y > 0 && !jquery_element.hasClass('dropped') ) 2475 jquery_element.addClass('dropped'); 2476 else if( js_element.getBoundingClientRect().y === 0 && jquery_element.hasClass('dropped') ) 2477 jquery_element.removeClass('dropped'); 2478 } 2479 catch( err ) {} 2480 } 2481 $(window).resize( MenuCheck ); 2482 MenuCheck(); 2483 2484 $('[href^="#copytoclipboard="]').click( function() { 2485 let text = $(this).attr('href').substring(17); 2486 CopyToClipboard( decodeURIComponent( text ) ); 2487 return false; 2488 }); 2489 }); 2490 2491 function highlightRequiredField( field_id, callback ) 2492 { 2493 $('#' + field_id).addClass('tilt-shaking'); 2494 setTimeout( () => { 2495 $('#' + field_id).removeClass('tilt-shaking'); 2496 if( typeof callback === 'function' ) 2497 callback(); 2498 }, 750 ); 2499 } 2500 2501 function CopyToClipboard( text, success_message = 'Copied to clipboard', failure_message = 'Failed to copy to clipboard' ) 2502 { 2503 window.navigator.clipboard.writeText( text ).then( function() { 2504 toastr.info( success_message ); 2505 }, function() { 2506 toastr.error( failure_message ); 2507 }); 2508 return false; 2509 } 2510</script>
2510 2511 <!-- Override Styles --> 2512 <style media="all"> 2513 #primary-menu-trigger { 2514 font-size: 27px; 2515 margin-left: 10px; 2516 } 2517 .thin-font { 2518 font-weight: 300; 2519 } 2520 .section { 2521 background-color: #f7f7f7; 2522 } 2523 .bottle-lineup { 2524 height: 160px; 2525 } 2526 .bottle-popular { 2527 background-size: contain; 2528 background-repeat: no-repeat; 2529 background-position: center; 2530 height: 100px !important; 2531 } 2532 .menu-flag { 2533 width:16px; 2534 position: relative; 2535 top:-2px; 2536 margin-right:5px; 2537 } 2538 #logo > a { 2539 text-transform: none !important; 2540 } 2541 #logo { 2542 border-right: 0 !important; 2543 } 2544 #logo a.standard-logo { display: inline; } 2545 2546 #logo a.retina-logo { display: none; } 2547 2548 #header.transparent-header.full-header #header-wrap { 2549 border-bottom: none; /* Remove top line in the theme to clean up display */ 2550 } 2551 2552 #primary-menu-trigger { 2553 text-align: left; 2554 } 2555 2556 .get-started-button-top { 2557 float:right; 2558 } 2559 .get-started-button-bottom { 2560 display:none; 2561 } 2562 2563 .inherit-link-weight { 2564 font-weight: inherit !important; 2565 } 2566 2567 .site-name-text { 2568 -webkit-transition: all .4s ease, opacity .3s ease; 2569 -o-transition: all .4s ease, opacity .3s ease; 2570 transition: all .4s ease, opacity .3s ease; 2571 display:inline-block; 2572 } 2573 @media( max-width: 991px ) { 2574 .site-name-text { 2575 margin-left: 27px; 2576 max-height: 7rem; 2577 overflow: hidden; 2578 } 2579 #primary-menu ul li a { 2580 font-size: 16px; 2581 } 2582 } 2583 2584 #header.sticky-header .site-name-text { 2585 font-size: 20px; 2586 position: relative; 2587 top: -20px; 2588 } 2589 /*#header.sticky-header #logo {*/ 2590 /*margin-top: 10px;*/ 2591 /*}*/ 2592 2593 #footer.dark .social-icon.si-borderless { 2594 color: #999999 !important; 2595 } 2596 2597 .blog-image { 2598 width: auto !important; 2599 margin-left:auto; 2600 max-height: 200px; 2601 margin-top: -30px; 2602 } 2603 2604 .margin-bottom-20 { 2605 margin-bottom: 20px; 2606 } 2607 2608 2609 .about-me-text p { 2610 margin-bottom:20px; 2611 } 2612 2613 .about-me-text td, th { 2614 padding: 10px; 2615 } 2616 2617 .fr-view td, th { 2618 padding: 10px; 2619 } 2620 2621 .logo-image { 2622 display: inline !important; 2623 max-width: 400px !important; 2624 max-height: 100px; 2625 } 2626 2627 ul, ol { 2628 padding-left: revert; 2629 } 2630 2631 .topmargin-xs { 2632 margin-top: 15px; 2633 } 2634
2635 .modal-inner { 2636 color: #333; 2637 font-weight:300; 2638 margin-bottom:10px; 2639 margin-top:20px; 2640 font-size:18px; 2641 } 2642 2643 .font-weight-normal { 2644 font-weight: normal; 2645 } 2646 .smaller-font { 2647 font-size: 15px; 2648 } 2649 2650 #header.transparent-header.full-header #header-wrap { 2651 border-bottom: none; /* Remove top line in the theme to clean up display */ 2652 } 2653 #header.transparent-header.full-header.dark > #header-wrap:not(.not-dark) { 2654 background: rgba(50,50,50,0.3); 2655 } 2656 #header.transparent-header.full-header.dark:not(.sticky-header) > #header-wrap { 2657 background: rgba(50,50,50,0.9); 2658 } 2659 .dark #logo a { 2660 color: #f0f0f0; 2661 } 2662 2663 2664 .toppadding-sm { padding-top: 20px; } 2665 .bottompadding-sm { padding-bottom: 20px; } 2666 2667 2668 2669 .fr-code { font-weight: normal; } 2670 2671 @media (max-width: 991px) { 2672 2673 .fr-video > iframe { 2674 height: auto !important; 2675 min-height: 250px; 2676 margin: 10px 0; 2677 } 2678 } 2679.fr-box.fr-basic .fr-element.fr-view, #page-editor, .landing-page-editable { font-family: Raleway,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, 2680 .fr-box.fr-basic .fr-element.fr-view h2, #page-editor h2, .landing-page-editable h2, 2681 .fr-box.fr-basic .fr-element.fr-view h3, #page-editor h3, .landing-page-editable h3, 2682 .fr-box.fr-basic .fr-element.fr-view h4, #page-editor h4, .landing-page-editable h4, 2683 .fr-box.fr-basic .fr-element.fr-view h5, #page-editor h5, .landing-page-editable h6, 2684 .fr-box.fr-basic .fr-element.fr-view h6, #page-editor h6, .landing-page-editable h6 { font-family: Open Sans,sans-serif;font-weight:bold;font-style:normal;text-transform:none;} 2685 .widget_links li { 2686 display:inline-block; 2687 width:24%; 2688 } 2689 @media (max-width: 991px) { 2690 .widget_links li { 2691 width:32%; 2692 } 2693 } 2694 @media (max-width: 767px) { 2695 .widget_links li { 2696 width:50%; 2697 } 2698 } 2699 @media (max-width: 480px) { 2700 .widget_links li { 2701 width:100%; 2702 } 2703 } 2704 2705 2706 2707 @media (min-width: 480px) { 2708 .leftpad25-not-mobile { 2709 padding-left:25px; 2710 } 2711 } 2712 @media (max-width: 480px ) { 2713 .site-name-text { 2714 font-size: 24px !important; 2715 } 2716 .logo-image { 2717 display: inline !important; 2718 max-width: 330px !important; 2719 max-height: 100px; 2720 } 2721 } 2722 @media (max-width: 767px) { 2723 .blog-image { 2724 display:block; 2725 width:100%; 2726 max-height: none; 2727 max-width: 100%; 2728 } 2729 } 2730 @media (max-width: 991px) { 2731 /*#logo a.standard-logo { display: inline-block; }*/ 2732 .get-started-button-top { 2733 display:none; 2734 } 2735 .get-started-button-bottom { 2736 display: inline-block; 2737 } 2738 #logo .site-name-text { 2739 position: relative; 2740 top: 29px; 2741 } 2742 .blog-image { 2743 margin-right:auto; 2744 } 2745 #contact-message { 2746 min-height:auto; 2747 }
2748 .modal-image-link { 2749 display:block; 2750 margin:0 20px 20px 0; 2751 float:none; 2752 } 2753 .menu-item-overflow { 2754 overflow:hidden; 2755 white-space:nowrap; 2756 text-overflow:ellipsis; 2757 } 2758 } 2759 2760 @media 2761 only screen and (-webkit-min-device-pixel-ratio: 2), 2762 only screen and ( min--moz-device-pixel-ratio: 2), 2763 only screen and ( -o-min-device-pixel-ratio: 2/1), 2764 only screen and ( min-device-pixel-ratio: 2), 2765 only screen and ( min-resolution: 192dpi), 2766 only screen and ( min-resolution: 2dppx) { 2767 2768 #logo a.standard-logo { 2769 display: none; 2770 } 2771 2772 #logo a.retina-logo { 2773 display: inline; 2774 } 2775 } 2776 2777 @media 2778 only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px), 2779 only screen and ( min--moz-device-pixel-ratio: 2) and (max-width: 991px), 2780 only screen and ( -o-min-device-pixel-ratio: 2/1) and (max-width: 991px), 2781 only screen and ( min-device-pixel-ratio: 2) and (max-width: 991px), 2782 only screen and ( min-resolution: 192dpi) and (max-width: 991px), 2783 only screen and ( min-resolution: 2dppx) and (max-width: 991px) { 2784 /*#logo a.standard-logo { display: none; } 2785 #logo a.retina-logo { display: inline-block; }*/ 2786 .get-started-button-top { 2787 display:none; 2788 } 2789 .get-started-button-bottom { 2790 display: inline-block; 2791 } 2792 2793 #logo .site-name-text { 2794 position: relative; 2795 top: 29px; 2796 } 2797 .blog-image { 2798 margin-right:auto; 2799 } 2800 } 2801 2802 @media( min-width: 992px ) { 2803 section { 2804 clear:both; 2805 } 2806 } 2807 2808 /* Icon Fonts */ 2809 @font-face { 2810 font-family: 'font-icons'; 2811 src:url('/themes/modern-fonts/font-icons.eot'); 2812 src:url('/themes/modern-fonts/font-icons.eot') format('embedded-opentype'), 2813 url('https://webcache.attractwell.com/third-party/font-icons/font-icons.woff') format('woff'), 2814 url('https://webcache.attractwell.com/third-party/font-icons/font-icons.ttf') format('truetype'), 2815 url('/themes/modern-fonts/font-icons.svg') format('svg'); 2816 font-weight: normal; 2817 font-style: normal; 2818 } 2819 2820 @font-face { 2821 font-family: 'lined-icons'; 2822 src:url('/themes/modern-fonts/lined-icons.eot'); 2823 src:url('/themes/modern-fonts/lined-icons.eot') format('embedded-opentype'), 2824 url('https://webcache.attractwell.com/third-party/font-icons/lined-icons.woff') format('woff'), 2825 url('https://webcache.attractwell.com/third-party/font-icons/lined-icons.ttf') format('truetype'), 2826 url('/themes/modern-fonts/lined-icons.svg') format('svg'); 2827 font-weight: normal; 2828 font-style: normal; 2829 } 2830 2831 @font-face { 2832 font-family: 'Simple-Line-Icons'; 2833 src:url('/themes/modern-fonts/Simple-Line-Icons.eot'); 2834 src:url('/themes/modern-fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'), 2835 url('https://webcache.attractwell.com/third-party/font-icons/Simple-Line-Icons.woff') format('woff'), 2836 url('https://webcache.attractwell.com/third-party/font-icons/Simple-Line-Icons.ttf') format('truetype'), 2837 url('/themes/modern-fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg'); 2838 font-weight: normal; 2839 font-style: normal; 2840 } 2841.clearfix::after { 2842 clear: both; 2843 display: block; 2844 content: ""; 2845 height: 0; 2846} 2847.hide-by-clipping { 2848 position: absolute; 2849 width: 1px; 2850 height: 1px; 2851 padding: 0; 2852 margin: -1px; 2853 overflow: hidden; 2854 clip: rect(0, 0, 0, 0); 2855 border: 0; 2856} 2857img.fr-rounded, 2858.fr-img-caption.fr-rounded img { 2859 border-radius: 10px; 2860 -moz-border-radius: 10px; 2861 -webkit-border-radius: 10px; 2862 -moz-background-clip: padding; 2863 -webkit-background-clip: padding-box; 2864 background-clip: padding-box; 2865} 2866img.fr-bordered, 2867.fr-img-caption.fr-bordered img { 2868 border: solid 5px #CCC; 2869} 2870img.fr-bordered { 2871 -webkit-box-sizing: content-box; 2872 -moz-box-sizing: content-box; 2873 box-sizing: content-box; 2874} 2875.fr-img-caption.fr-bordered img { 2876 -webkit-box-sizing: border-box; 2877 -moz-box-sizing: border-box; 2878 box-sizing: border-box; 2879} 2880img.fr-shadow, 2881.fr-img-caption.fr-shadow img { 2882 -webkit-box-shadow: 10px 10px 5px 0px #cccccc; 2883 -moz-box-shadow: 10px 10px 5px 0px #cccccc; 2884 box-shadow: 10px 10px 5px 0px #cccccc; 2885} 2886.fr-view span[style~="color:"] a { 2887 color: inherit; 2888} 2889.fr-view strong { 2890 font-weight: 700; 2891} 2892.fr-view table { 2893 border: none; 2894 border-collapse: collapse; 2895 empty-cells: show; 2896 max-width: 100%; 2897 table-layout: fixed; 2898} 2899.fr-view table td { 2900 min-width: 5px; 2901} 2902.fr-view table.fr-dashed-borders td, 2903.fr-view table.fr-dashed-borders th { 2904 border-style: dashed; 2905} 2906.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { 2907 background: #f5f5f5; 2908} 2909.fr-view table td, 2910.fr-view table th, 2911.member-area .fr-view table td, 2912.member-area .fr-view table th { 2913 border: 0; 2914}
2915.back-office-menu-layout-grid-content .fr-view table td, 2916.back-office-menu-layout-grid-content .fr-view table th { 2917 border: 1px solid #dddddd; 2918} 2919.fr-view table td:empty, 2920.fr-view table th:empty { 2921 height: 20px; 2922} 2923.fr-view table td.fr-highlighted, 2924.fr-view table th.fr-highlighted { 2925 border: 1px double red; 2926} 2927.fr-view table td.fr-thick, 2928.fr-view table th.fr-thick { 2929 border-width: 2px; 2930} 2931.fr-view table th { 2932 background: #e6e6e6; 2933} 2934.fr-view hr { 2935 clear: both; 2936 user-select: none; 2937 -o-user-select: none; 2938 -moz-user-select: none; 2939 -khtml-user-select: none; 2940 -webkit-user-select: none; 2941 -ms-user-select: none; 2942 page-break-after: always; 2943 border-top: 2px solid #bbb; 2944} 2945.fr-view .fr-file { 2946 position: relative; 2947} 2948/* paperclip icon after inserting file 2949.fr-view .fr-file::after { 2950 position: relative; 2951 content: "\1F4CE"; 2952 font-weight: normal; 2953} 2954*/ 2955.fr-view pre { 2956 white-space: pre-wrap; 2957 word-wrap: break-word; 2958 overflow: visible; 2959} 2960.fr-view[dir="rtl"] blockquote { 2961 border-left: none; 2962 border-right: solid 2px #5e35b1; 2963 margin-right: 0; 2964 padding-right: 5px; 2965 padding-left: 0px; 2966} 2967.fr-view[dir="rtl"] blockquote blockquote { 2968 border-color: #00bcd4; 2969} 2970.fr-view[dir="rtl"] blockquote blockquote blockquote { 2971 border-color: #43a047; 2972} 2973.fr-view blockquote { 2974 border-left: solid 2px #5e35b1; 2975 margin-left: 0; 2976 padding-left: 5px; 2977 color: #5e35b1; 2978} 2979.fr-view blockquote blockquote { 2980 border-color: #00bcd4; 2981 color: #00bcd4; 2982} 2983.fr-view blockquote blockquote blockquote { 2984 border-color: #43a047; 2985 color: #43a047; 2986} 2987.fr-view span.fr-emoticon { 2988 font-weight: normal; 2989 font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; 2990 display: inline; 2991 line-height: 0; 2992} 2993.fr-view span.fr-emoticon.fr-emoticon-img { 2994 background-repeat: no-repeat !important; 2995 font-size: inherit; 2996 height: 1em; 2997 width: 1em; 2998 min-height: 20px; 2999 min-width: 20px; 3000 display: inline-block; 3001 margin: -0.1em 0.1em 0.1em; 3002 line-height: 1; 3003 vertical-align: middle; 3004} 3005.fr-view .fr-text-gray { 3006 color: #AAA !important; 3007} 3008.fr-view .fr-text-bordered { 3009 border-top: solid 1px #222; 3010 border-bottom: solid 1px #222; 3011 padding: 10px 0; 3012} 3013.fr-view .fr-text-spaced { 3014 letter-spacing: 1px; 3015} 3016.fr-view .fr-text-uppercase { 3017 text-transform: uppercase; 3018} 3019.fr-view img { 3020 position: relative; 3021 max-width: 100%; 3022} 3023.fr-view img.fr-dib { 3024 margin: 5px auto; 3025 display: block; 3026 float: none; 3027 vertical-align: top; 3028} 3029.fr-view img.fr-dib.fr-fil { 3030 margin-left: 0; 3031 text-align: left; 3032} 3033.fr-view img.fr-dib.fr-fir { 3034 margin-right: 0; 3035 text-align: right; 3036} 3037.fr-view img.fr-dii { 3038 display: inline-block; 3039 float: none; 3040 vertical-align: bottom; 3041 margin-left: 5px; 3042 margin-right: 5px; 3043 max-width: calc(100% - (2 * 5px)); 3044} 3045.fr-view img.fr-dii.fr-fil { 3046 float: left; 3047 margin: 5px 20px 20px 0; 3048 max-width: calc(100% - 5px); 3049} 3050.fr-view img.fr-dii.fr-fir { 3051 float: right; 3052 margin: 5px 0 20px 20px; 3053 max-width: calc(100% - 5px); 3054} 3055.fr-view span.fr-img-caption { 3056 position: relative; 3057 max-width: 100%; 3058} 3059.fr-view span.fr-img-caption.fr-dib { 3060 margin: 5px auto; 3061 display: block; 3062 float: none; 3063 vertical-align: top; 3064} 3065.fr-view span.fr-img-caption.fr-dib.fr-fil { 3066 margin-left: 0; 3067 text-align: left; 3068} 3069.fr-view span.fr-img-caption.fr-dib.fr-fir { 3070 margin-right: 0; 3071 text-align: right; 3072} 3073.fr-view span.fr-img-caption.fr-dii { 3074 display: inline-block; 3075 float: none; 3076 vertical-align: bottom; 3077 margin-left: 5px; 3078 margin-right: 5px; 3079 max-width: calc(100% - (2 * 5px)); 3080} 3081.fr-view span.fr-img-caption.fr-dii.fr-fil { 3082 float: left; 3083 margin: 5px 5px 5px 0; 3084 max-width: calc(100% - 5px); 3085} 3086.fr-view span.fr-img-caption.fr-dii.fr-fir { 3087 float: right; 3088 margin: 5px 0 5px 5px; 3089 max-width: calc(100% - 5px); 3090} 3091.fr-view .fr-video { 3092 text-align: center; 3093 position: relative; 3094} 3095.fr-view .fr-video > * { 3096 -webkit-box-sizing: content-box; 3097 -moz-box-sizing: content-box; 3098 box-sizing: content-box; 3099 max-width: 100%; 3100 border: none; 3101} 3102.fr-view .fr-video.fr-dvb { 3103 display: block; 3104 clear: both; 3105} 3106.fr-view .fr-video.fr-dvb.fr-fvl { 3107 text-align: left; 3108} 3109.fr-view .fr-video.fr-dvb.fr-fvr { 3110 text-align: right; 3111} 3112.fr-view .fr-video.fr-dvi { 3113 display: inline-block; 3114} 3115.fr-view .fr-video.fr-dvi.fr-fvl { 3116 float: left; 3117} 3118.fr-view .fr-video.fr-dvi.fr-fvr { 3119 float: right; 3120} 3121.fr-view a.fr-strong { 3122 font-weight: 700; 3123} 3124.fr-view a.fr-green { 3125 color: green; 3126} 3127.fr-view .fr-img-caption { 3128 text-align: center; 3129} 3130.fr-view .fr-img-caption .fr-img-wrap { 3131 padding: 0px; 3132 display: inline-block; 3133 margin: auto; 3134 text-align: center; 3135 width: 100%; 3136} 3137.fr-view .fr-img-caption .fr-img-wrap img { 3138 display: block; 3139 margin: auto; 3140 width: 100%; 3141} 3142.fr-view .fr-img-caption .fr-img-wrap > span { 3143 margin: auto; 3144 display: block; 3145 padding: 5px 5px 10px; 3146 font-size: 14px; 3147 font-weight: initial; 3148 -webkit-box-sizing: border-box; 3149 -moz-box-sizing: border-box; 3150 box-sizing: border-box; 3151 -webkit-opacity: 0.9; 3152 -moz-opacity: 0.9; 3153 opacity: 0.9; 3154 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 3155 width: 100%; 3156 text-align: center; 3157} 3158.fr-view button.fr-rounded, 3159.fr-view input.fr-rounded, 3160.fr-view textarea.fr-rounded { 3161 border-radius: 1px; 3162 -moz-border-radius: 1px; 3163 -webkit-border-radius: 1px; 3164 -moz-background-clip: padding; 3165 -webkit-background-clip: padding-box; 3166 background-clip: padding-box; 3167} 3168.fr-view button.fr-large, 3169.fr-view input.fr-large, 3170.fr-view textarea.fr-large { 3171 font-size: 24px; 3172} 3173/** 3174 * Image style. 3175 */ 3176a.fr-view.fr-strong { 3177 font-weight: 700; 3178} 3179a.fr-view.fr-green { 3180 color: green; 3181} 3182/** 3183 * Link style. 3184 */ 3185img.fr-view { 3186 position: relative; 3187 max-width: 100%; 3188} 3189img.fr-view.fr-dib { 3190 margin: 5px auto; 3191 display: block; 3192 float: none; 3193 vertical-align: top; 3194} 3195img.fr-view.fr-dib.fr-fil { 3196 margin-left: 0; 3197 text-align: left; 3198} 3199img.fr-view.fr-dib.fr-fir { 3200 margin-right: 0; 3201 text-align: right; 3202} 3203img.fr-view.fr-dii { 3204 display: inline-block; 3205 float: none; 3206 vertical-align: bottom; 3207 margin-left: 5px; 3208 margin-right: 5px; 3209 max-width: calc(100% - (2 * 5px)); 3210} 3211img.fr-view.fr-dii.fr-fil { 3212 float: left; 3213 margin: 5px 5px 5px 0; 3214 max-width: calc(100% - 5px); 3215} 3216img.fr-view.fr-dii.fr-fir { 3217 float: right; 3218 margin: 5px 0 5px 5px; 3219 max-width: calc(100% - 5px); 3220} 3221span.fr-img-caption.fr-view { 3222 position: relative; 3223 max-width: 100%; 3224} 3225span.fr-img-caption.fr-view.fr-dib { 3226 margin: 5px auto; 3227 display: block; 3228 float: none; 3229 vertical-align: top; 3230} 3231span.fr-img-caption.fr-view.fr-dib.fr-fil { 3232 margin-left: 0; 3233 text-align: left; 3234} 3235span.fr-img-caption.fr-view.fr-dib.fr-fir { 3236 margin-right: 0; 3237 text-align: right; 3238} 3239span.fr-img-caption.fr-view.fr-dii { 3240 display: inline-block; 3241 float: none; 3242 vertical-align: bottom; 3243 margin-left: 5px; 3244 margin-right: 5px; 3245 max-width: calc(100% - (2 * 5px)); 3246} 3247span.fr-img-caption.fr-view.fr-dii.fr-fil { 3248 float: left; 3249 margin: 5px 5px 5px 0; 3250 max-width: calc(100% - 5px); 3251} 3252span.fr-img-caption.fr-view.fr-dii.fr-fir { 3253 float: right; 3254 margin: 5px 0 5px 5px; 3255 max-width: calc(100% - 5px); 3256} 3257 3258/* Shrink the Froala line breaker floating button to prevent overlap on small images */ 3259.fr-line-breaker .fr-floating-btn { 3260 transform: scale(0.7) !important; 3261 transform-origin: center !important; 3262} 3263 3264/* Optional: Add hover effect if you want it to scale up full size on hover */ 3265.fr-line-breaker:hover .fr-floating-btn { 3266 transform: scale(1) !important; 3267 transition: transform 0.1s ease; 3268} 3269 3270 [data-animate]:not(.animated) { 3271 opacity: 0; 3272 } 3273 </style> 3274 <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/font-icons.css" type="text/css" /> 3275 3276 <link rel="canonical" href="https://praisemoves.com/shop" /> 3277 3278</head> 3279 3280<body class="stretched no-transition"> 3281 3282 3283 3284 3285<!-- Document Wrapper 3286============================================= --> 3287<div id="wrapper" class="clearfix"> 3288 3289 <!-- Header 3290 ============================================= --> 3291 <header id="header" class="transparent-header full-header" data-sticky-class="not-dark"> 3292 3293 <div id="header-wrap"> 3294 3295 <div class="container clearfix"> 3296 3297 <div id="primary-menu-trigger"><i class="icon-reorder"></i></div> 3298 3299 <!-- Logo 3300 ============================================= --> 3301 <div id="logo"> 3302 <a href="/" class="standard-logo" data-dark-logo="https://attractwell-1774-fast.b-cdn.net/images/1774/64d6ac62376b0.png"> 3303 <img src="https://attractwell-1774-fast.b-cdn.net/images/1774/64d6ac62376b0.png" alt="Dr. Laurette Willis" class="logo-image" fetchpriority="high"> 3304 </a> 3305 <a href="/" class="retina-logo" data-dark-logo="https://attractwell-1774-fast.b-cdn.net/images/1774/64d6ac62376b0.png"> 3306 <img src="https://attractwell-1774-fast.b-cdn.net/images/1774/64d6ac62376b0.png" alt="Dr. Laurette Willis" class="logo-image" fetchpriority="high"> 3307 </a> 3308 </div><!-- #logo end --> 3309 3310 3311 3312 <!-- Primary Navigation 3313 ============================================= --> 3314 <nav id="primary-menu" xclass="dark"> 3315 3316 3317 <ul style="touch-action: pan-y;border-right: 0;margin-right: 0;padding-right: 0;"> 3318 <style> 3319 @media (min-width:992px) { 3320 .top-menu-pulldown-menu-container { 3321 overflow: auto; 3322 max-height: calc(100vh - 100px); 3323 } 3324 } 3325</style> 3326 3327<li>
3327<a class="sub-menu-header-link" href="https://praisemoves.com/members" style="background-image:none;"><div class="nomargin button button-red">Customer Login</div></a><li class="sub-menu"><span class="hidden-md hidden-lg" style="display:inline-block;float:right;background-image:none;"><i class="icon-chevron-down" style="line-height: normal;padding:12px 19px 12px 12px;position:relative;top:-8px;"></i></span><a class="sub-menu-header-link" href="https://praisemoves.com" style="background-image:none;">Home</a><ul style="display: none;" class="top-menu-pulldown-menu-container"><li class="sf-with-ul"><a href="https://praisemoves.com">Home</a></li><li class="sf-with-ul"><a href="https://praisemoves.com/contact-us">Contact Us</a></li></ul><li class="sub-menu"><span class="hidden-md hidden-lg" style="display:inline-block;float:right;background-image:none;"><i class="icon-chevron-down" style="line-height: normal;padding:12px 19px 12px 12px;position:relative;top:-8px;"></i></span><a class="sub-menu-header-link" href="https://praisemoves.com/about-us-why-a-christian-alternative-to-yoga" style="background-image:none;">About</a><ul style="display: none;" class="top-menu-pulldown-menu-container"><li class="sf-with-ul"><a href="https://praisemoves.com/about-us-why-a-christian-alternative-to-yoga">The Truth About Yoga</a></li><li class="sf-with-ul"><a href="https://praisemoves.com/about-us-laurettes-bio-ministry">About Dr. Laurette</a></li><li class="sf-with-ul"><a href="/shop/blog">Blog</a></li><li class="sf-with-ul"><a href="https://praisemoves.com/category-testimonies">Testimonials</a></li><li class="sf-with-ul"><a href="https://praisemoves.com/about-us-physical-benefits">Physical Benefits</a></li><li class="sf-with-ul"><a href="https://praisemoves.com/faq">FAQ</a></li><li class="sf-with-ul"><a href="https://praisemoves.com/page/wmi">Our Mission</a></li><li class="sf-with-ul"><a href="https://praisemoves.com/classes-taste-of-praisemoves">Taste of PraiseMoves (videos)</a></li><li class="sf-with-ul"><a href="https://praisemoves.com/about-us-a-very-special-invitation">An Invitation</a></li></ul><li class="sub-menu"><span class="hidden-md hidden-lg" style="display:inline-block;float:right;background-image:none;"><i class="icon-chevron-down" style="line-height: normal;padding:12px 19px 12px 12px;position:relative;top:-8px;"></i></span><a class="sub-menu-header-link" href="https://praisemoves.com/classes" style="background-image:none;">Classes</a><ul style="display: none;" class="top-menu-pulldown-menu-container"><li class="sf-with-ul"><a href="https://praisemoves.com/classes-united-states">United States</a></li><li class="sf-with-ul"><a href="https://praisemoves.com/classes-canada">Canada</a></li><li class="sf-with-ul"><a href="https://praisemoves.com/classes-worldwide">Worldwide</a></li><li class="sf-with-ul"><a href="https://praisemoves.com/online-classes">Online Classes</a></li></ul><li class="sub-menu"><span class="hidden-md hidden-lg" style="display:inline-block;float:right;background-image:none;"><i class="icon-chevron-down" style="line-height: normal;padding:12px 19px 12px 12px;position:relative;top:-8px;"></i></span><a class="sub-menu-header-link" href="https://praisemoves.com/training" style="background-image:none;">Instructor Training</a><ul style="display: none;" class="top-menu-pulldown-menu-container"><li class="sf-with-ul"><a href="https://praisemoves.com/training">Instructor Certification</a></li><li class="sf-with-ul"><a href="https://praisemoves.com/additional-certifications">Additional Certifications</a></li><li class="sf-with-ul"><a href="https://praisemoves.com/resources-health-coach">Become a Certified Health Coach</a></li><li class="sf-with-ul"><a href="https://praisemoves.com/page/lift">What is L.I.F.T.?</a></li></ul><li class="sub-menu"><span class="hidden-md hidden-lg" style="display:inline-block;float:right;background-image:none;"><i class="icon-chevron-down" style="line-height: normal;padding:12px 19px 12px 12px;position:relative;top:-8px;"></i></span><a class="sub-menu-header-link" href="#" style="background-image:none;">Resources</a><ul style="display: none;" class="top-menu-pulldown-menu-container"><li class="sf-with-ul"><a href="https://praisemoves.com/christian-meditation-kit" target="_blank">Free Christian Meditation Kit</a></li><li class="sf-with-ul"><a href="https://drlaurette.net/christian-weight-loss-kit" target="_blank">Free Christian Weight Loss Kit</a></li><li class="sf-with-ul"><a href="https://drlaurette.net/weightloss" target="_blank">Weightloss Without Willpower SISTERHOOD</a></li><li class="sf-with-ul"><a href="https://DrLaurette.net" target="_blank">Personal Transformation Coaching</a></li><li class="sf-with-ul"><a href="https://praisemoves.com/resources-health-coach">Become a Certified Health Coach</a></li><li class="sf-with-ul"><a href="https://www.podmatch.com/member/drlaurette" target="_blank">Book Dr. Laurette on Your Podcast</a></li><li class="sf-with-ul"><a href="http://TheFullnessRetreat.com" target="_blank">The Fullness Women's Retreat</a></li><li class="sf-with-ul"><a href="https://powermoveskids.weebly.com" target="_blank">PowerMoves Kids Character Ed. + Fitness</a></li></ul><li class="sub-menu"><span class="hidden-md hidden-lg" style="display:inline-block;float:right;background-image:none;"><i class="icon-chevron-down" style="line-height: normal;padding:12px 19px 12px 12px;position:relative;top:-8px;"></i></span>
3327<a class="sub-menu-header-link" href="https://praisemoves.com/shop" style="background-image:none;">Store</a><ul style="display: none;" class="top-menu-pulldown-menu-container"><li class="sf-with-ul"><a href="https://praisemoves.com/shop">Downloadable Workouts</a></li><li class="sf-with-ul"><a href="https://www.zazzle.com/store/praisemoves" target="_blank">PraiseMoves Zazzle Store</a></li></ul></li>
3327<script> 3328 $(function() { 3329 $('a.sub-menu-header-link').click( function() { 3330 if( $(this)[0].getAttribute('target') === '_blank' ) 3331 return; 3332 3333 if( $(this)[0].href.endsWith('#') === false ) 3334 location.href = $(this)[0].href; 3335 }); 3336 }); 3337</script>
3337 3338 </ul> 3339 3340 </nav><!-- #primary-menu end --> 3341 3342 </div> 3343 3344 </div> 3345 3346 </header><!-- #header end --> 3347 3348 <main role="main"> 3349 3350 <style> 3351 @media print { 3352 #header, .no-print { 3353 display: none !important; 3354 } 3355 #header a[href]:after, .no-print { 3356 content: none !important; 3357 } 3358 } 3359 .inline-block { 3360 display: inline-block; 3361 } 3362 @media (min-width:992px) { 3363 .inline-block-desktop { 3364 display: inline-block; 3365 } 3366 } 3367 a.dark-link { 3368 color: #91684b; 3369 } 3370 a.dark-link:hover { 3371 color: #ba8561; 3372 } 3373 .button-white { background: #f0f0f0; } 3374 .table.no-table-striping > thead > tr > th, 3375 .table.no-table-striping > tbody > tr > th, 3376 .table.no-table-striping > tfoot > tr > th, 3377 .table.no-table-striping > thead > tr > td, 3378 .table.no-table-striping > tbody > tr > td, 3379 .table.no-table-striping > tfoot > tr > td { 3380 border-top: 1px solid transparent; 3381 } 3382 .list-title-link { 3383 font-size: 20px; 3384 font-weight: bold; 3385 color: #91684b; 3386 word-break: break-word; 3387 } 3388 .list-item-section { 3389 /*background-image: linear-gradient( to bottom right, #f3f3f3, #f7f7f7 );*/ 3390 /*padding: 30px 40px 10px 40px;*/ 3391 /*border-radius: 10px;*/ 3392 /*box-shadow: 1px 1px 1px rgba(0,0,0,0.09);*/ 3393 margin-bottom: 20px; 3394 } 3395 /* Creates a grid of rows within a list-item-section class, for normal density content */ 3396 @media (min-width:1200px) { 3397 .list-item-section-grid { 3398 display: grid; 3399 grid-template-columns: repeat( 2, minmax(0, 1fr) ); 3400 column-gap: 6rem; 3401 row-gap: 0rem; 3402 } 3403 } 3404 @media (min-width:2000px) { 3405 .list-item-section-grid { 3406 display: grid; 3407 grid-template-columns: repeat( 3, minmax(0, 1fr) ); 3408 column-gap: 6rem; 3409 row-gap: 0rem; 3410 } 3411 } 3412 @media (min-width:2500px) { 3413 .list-item-section-grid { 3414 display: grid; 3415 grid-template-columns: repeat( 4, minmax(0, 1fr) ); 3416 column-gap: 6rem; 3417 row-gap: 0rem; 3418 } 3419 } 3420 @media (min-width:3000px) { 3421 .list-item-section-grid { 3422 display: grid; 3423 grid-template-columns: repeat( 5, minmax(0, 1fr) ); 3424 column-gap: 6rem; 3425 row-gap: 0rem; 3426 } 3427 } 3428 3429 /* Creates a grid of rows within a list-item-section class, for high density content that needs more space */ 3430 @media (min-width:1500px) { 3431 .list-item-section-grid-large { 3432 display: grid; 3433 grid-template-columns: repeat( 2, minmax(0, 1fr) ); 3434 column-gap: 6rem; 3435 row-gap: 0rem; 3436 } 3437 } 3438 @media (min-width:2300px) { 3439 .list-item-section-grid-large { 3440 display: grid; 3441 grid-template-columns: repeat( 3, minmax(0, 1fr) ); 3442 column-gap: 6rem; 3443 row-gap: 0rem; 3444 } 3445 } 3446 @media (min-width:2800px) { 3447 .list-item-section-grid-large { 3448 display: grid; 3449 grid-template-columns: repeat( 4, minmax(0, 1fr) ); 3450 column-gap: 6rem; 3451 row-gap: 0rem; 3452 } 3453 } 3454 @media (min-width:3300px) { 3455 .list-item-section-grid-large { 3456 display: grid; 3457 grid-template-columns: repeat( 5, minmax(0, 1fr) ); 3458 column-gap: 6rem; 3459 row-gap: 0rem; 3460 } 3461 } 3462 /* Card-style containers — share the same softer border, modern radius, and 3463 subtle hover treatment as the redesigned .form-control / wizard panels. */ 3464 .list-item-row { 3465 padding-bottom:15px; 3466 padding-top:15px; 3467 border: 1px solid #e2e3e7; 3468 border-radius: 22px; 3469 background: #ffffff; 3470 margin-bottom: 30px; 3471 box-shadow: var(--panel-box-shadow); 3472 transition: border-color 0.15s, background 0.15s; 3473 } 3474 .list-item-row.list-item-row-hover:hover { 3475 border-color: #c2c5cc; 3476 background: #f7f7f5; 3477 } 3478 .list-item-row a.button-large { 3479 padding: 10px; 3480 height:auto; 3481 line-height: 22px; 3482 text-transform: none; 3483 letter-spacing: 0.2px; 3484 margin: 0 0 5px 0; 3485 } 3486 .settings-group { 3487 background: #ffffff; 3488 padding: 20px; 3489 border: 1px solid #e2e3e7; 3490 border-radius: 12px; 3491 box-shadow: var(--panel-box-shadow); 3492 } 3493 .settings-group-no-shadow { 3494 background: #ffffff; 3495 padding: 20px; 3496 border: 1px solid #e2e3e7; 3497 border-radius: 12px; 3498 } 3499 body.dark-mode:not(.no-dark-mode) .list-item-row, 3500 body.dark-mode:not(.no-dark-mode) .settings-group, 3501 body.dark-mode:not(.no-dark-mode) .settings-group-no-shadow { 3502 background: var(--dark-background-color); 3503 border-color: #444;
3504 color: var(--dark-mode-default-text-color); 3505 } 3506 body.dark-mode:not(.no-dark-mode) .list-item-row.list-item-row-hover:hover { 3507 border-color: #5a5a5a; 3508 background: #2c2c2c; 3509 } 3510 .on-page-search-box { 3511 width:15em; 3512 display:inline-block; 3513 font-size:16px; 3514 border-radius: 8px 0 0 8px; 3515 height: 34px; 3516 } 3517 .text-right-desktop { 3518 text-align: right; 3519 } 3520 .pull-right-desktop { 3521 float:right; 3522 } 3523 .div-block { 3524 display: block; 3525 } 3526 .button-panel { 3527 margin:1rem 0 0 0; 3528 font-size:16px; 3529 } 3530 .button-panel a+a { 3531 margin-left: 10px; 3532 } 3533 .action-button-panel a { 3534 text-align: center; 3535 display: block; 3536 } 3537 .action-button-panel a+a { 3538 margin-top: 1rem; 3539 } 3540 .text-bold { 3541 font-weight: bold; 3542 } 3543 .break-radio-items, .break-breadcrumb-nav { 3544 display: inline-block; 3545 } 3546 .link-path { 3547 display: inline-block; 3548 position:relative; 3549 top:-3px; 3550 } 3551 .list-details-panel { 3552 margin-top: 10px; 3553 } 3554 @media (max-width: 991px) { 3555 .text-bold-mobile { 3556 font-weight: bold; 3557 } 3558 .link-path { 3559 display: block; 3560 top: 0; 3561 } 3562 .break-radio-items { 3563 display: block; 3564 } 3565 .font-16-mobile { 3566 font-size: 16px; 3567 } 3568 .font-20-mobile { 3569 font-size: 20px; 3570 } 3571 .list-item-section { 3572 /*background: #f7f7f7;*/ 3573 width: 100vw; 3574 position: relative; 3575 left: 50%; 3576 right: 50%; 3577 margin-left: -50vw; 3578 margin-right: -50vw; 3579 padding: 20px 25px; 3580 border-radius: 0; 3581 box-shadow: none; 3582 } 3583 .list-item-row .btn-block { 3584 margin: 10px 0; 3585 } 3586 .list-title-link { 3587 font-size: 24px; 3588 } 3589 .on-page-search-box { 3590 display: inline-block; 3591 } 3592 .text-right-desktop { 3593 text-align: unset; 3594 } 3595 .text-center-mobile { 3596 text-align: center; 3597 } 3598 .pull-right-desktop { 3599 float:none; 3600 } 3601 .button-panel { 3602 font-size:18px; 3603 margin: 2rem 0 1rem 0; 3604 } 3605 .btn-block-mobile { 3606 display: block; 3607 width: 100%; 3608 margin: 0 0 10px 0; 3609 float: none !important; 3610 } 3611 .btn-block-mobile-margin-fix { 3612 margin-left: 0; 3613 margin-right: 0; 3614 } 3615 .topmargin-mobile { 3616 margin-top: 50px !important; 3617 } 3618 .mobile-label { 3619 display: inline; 3620 } 3621 .bottommargin-sm-mobile { 3622 margin-bottom: 30px; 3623 } 3624 .tab-bar-mobile { 3625 text-align: center; 3626 font-size:20px; 3627 line-height: 200%; 3628 } 3629 .list-details-panel a { 3630 padding-top: 10px; 3631 font-size: 18px; 3632 display: block; 3633 } 3634 .nomargin-mobile { 3635 margin: 0; 3636 } 3637 } 3638 @media (min-width: 992px) { 3639 .bottommargin-desktop { 3640 margin-bottom: 50px; 3641 } 3642 } 3643 kbd a { 3644 color: #F0F0F0; 3645 } 3646 kbd a:hover:not(.button) { 3647 color: #D0D0D0; 3648 } 3649</style><style> 3650 .tooltip.top .tooltip-arrow { 3651 border-top-color: #333333; 3652 } 3653 .tooltip.left .tooltip-arrow { 3654 border-left-color: #333333; 3655 } 3656 .tooltip.right .tooltip-arrow { 3657 border-right-color: #333333; 3658 } 3659 .tooltip.bottom .tooltip-arrow { 3660 border-bottom-color: #333333; 3661 } 3662 .tooltip-inner { 3663 background-color: #333333; 3664 border-radius: 2px; 3665 color: #eeeeee; 3666 font-size: 13px; 3667 } 3668</style>
3668<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
3668 3669<style> 3670 .swal2-container { 3671 z-index: 9999; 3672 } 3673 .swal2-container label { 3674 font-size: 1.8rem; 3675 } 3676 @media (max-width:991px) { 3677 .swal2-container .mobile-width-max { 3678 max-width: 90%; 3679 } 3680 } 3681 .swal2-styled, .swal2-html-container { 3682 font-size: 1.6rem; 3683 } 3684 .swal2-html-container:has(.voice-button-wrapper) { 3685 overflow: visible; 3686 z-index: 2; 3687 } 3688 3689 /* Buttons — align with the app's built-in .button styles. Confirm uses the 3690 product config's primary button color (with its dedicated hover color); 3691 deny / cancel use the secondary / danger colors and darken on hover via 3692 a filter. Modern radius, no text-shadow, smooth transition. */ 3693 .swal2-cancel, .swal2-confirm, .swal2-deny { 3694 padding: 10px 22px; 3695 border-radius: 999px; 3696 color: #fff; 3697 font-weight: 600; 3698 letter-spacing: normal; 3699 text-shadow: none; 3700 font-size: 1.6rem; 3701 line-height: 2.2rem; 3702 border: 0; 3703 transition: background-color 0.15s, filter 0.15s, box-shadow 0.15s; 3704 } 3705 .swal2-confirm { 3706 background-color: #eeaa7b; 3707 order: 2; 3708 } 3709 .swal2-confirm:hover, .swal2-confirm:focus { 3710 background-color: #ffb885; 3711 } 3712 .swal2-deny { 3713 background-color: #66b9bf; 3714 } 3715 .swal2-cancel { 3716 background-color: #C02942; 3717 } 3718 .swal2-deny:hover, .swal2-deny:focus, 3719 .swal2-cancel:hover, .swal2-cancel:focus { 3720 filter: brightness(0.92); 3721 } 3722 .swal2-cancel:focus, .swal2-confirm:focus, .swal2-deny:focus { 3723 outline: none; 3724 box-shadow: 0 0 0 3px rgba(63, 138, 82, 0.25); 3725 } 3726 3727 /* Inputs / selects / textareas — match the redesigned .form-control style: 3728 softer 1px border, 8px radius, modest padding, green focus ring. */ 3729 .swal2-input, .swal2-validation-message, div:is(.swal2-container) .swal2-select, .swal2-radio { 3730 font-size: 1.8rem; 3731 } 3732 .swal2-input, 3733 .swal2-textarea,
3734 div:is(.swal2-container) .swal2-select, 3735 select.swal2-input, 3736 .swal2-input[type=text], 3737 .swal2-input[type=number], 3738 .swal2-input[type=email], 3739 .swal2-input[type=password], 3740 .swal2-input[type=url] { 3741 box-shadow: none; 3742 border: 1px solid #e2e3e7; 3743 border-radius: 999px; 3744 padding: 10px 12px; 3745 background: #ffffff; 3746 color: #1f2024; 3747 transition: border-color 0.15s, box-shadow 0.15s; 3748 } 3749 .swal2-input:hover, 3750 .swal2-textarea:hover, 3751 div:is(.swal2-container) .swal2-select:hover, 3752 select.swal2-input:hover { 3753 border-color: #c2c5cc; 3754 } 3755 .swal2-input:focus, 3756 .swal2-textarea:focus, 3757 div:is(.swal2-container) .swal2-select:focus, 3758 select.swal2-input:focus { 3759 outline: none; 3760 border-color: #3f8a52; 3761 box-shadow: 0 0 0 3px #ecf6ee; 3762 } 3763 .swal2-input::placeholder, 3764 .swal2-textarea::placeholder { 3765 color: #8a8e98; 3766 } 3767 .swal2-input[type=number] { 3768 text-align: right; 3769 } 3770 .swal2-input[type=number]::-webkit-inner-spin-button { 3771 margin-left: 7px; 3772 } 3773 div:is(.swal2-container) .swal2-radio, div:is(.swal2-container) .swal2-checkbox, .swal2-radio > label { 3774 display:block; 3775 text-transform:none; 3776 } 3777 div:is(.swal2-container) .swal2-radio label, div:is(.swal2-container) .swal2-checkbox label { 3778 margin-bottom: inherit; 3779 } 3780 3781 body.dark-mode:not(.no-dark-mode) .swal2-popup { 3782 background-color: #2a2a2a; 3783 color: #e5e5e5; 3784 } 3785 body.dark-mode:not(.no-dark-mode) .swal2-title, 3786 body.dark-mode:not(.no-dark-mode) .swal2-html-container, 3787 body.dark-mode:not(.no-dark-mode) .swal2-html-container strong, 3788 body.dark-mode:not(.no-dark-mode) .swal2-html-container b, 3789 body.dark-mode:not(.no-dark-mode) .swal2-html-container p, 3790 body.dark-mode:not(.no-dark-mode) .swal2-html-container label, 3791 body.dark-mode:not(.no-dark-mode) .swal2-radio label, 3792 body.dark-mode:not(.no-dark-mode) .swal2-checkbox label { 3793 color: #e5e5e5; 3794 } 3795 body.dark-mode:not(.no-dark-mode) .swal2-html-container a { 3796 color: #7ab8ff; 3797 } 3798 body.dark-mode:not(.no-dark-mode) .swal2-input, 3799 body.dark-mode:not(.no-dark-mode) .swal2-textarea,
3800 body.dark-mode:not(.no-dark-mode) div:is(.swal2-container) .swal2-select, 3801 body.dark-mode:not(.no-dark-mode) select.swal2-input, 3802 body.dark-mode:not(.no-dark-mode) .swal2-input[type=text], 3803 body.dark-mode:not(.no-dark-mode) .swal2-input[type=number], 3804 body.dark-mode:not(.no-dark-mode) .swal2-input[type=email], 3805 body.dark-mode:not(.no-dark-mode) .swal2-input[type=password], 3806 body.dark-mode:not(.no-dark-mode) .swal2-input[type=url] { 3807 background: var(--dark-background-color); 3808 color: var(--dark-mode-default-text-color); 3809 border-color: #444; 3810 } 3811 body.dark-mode:not(.no-dark-mode) .swal2-input:hover, 3812 body.dark-mode:not(.no-dark-mode) .swal2-textarea:hover, 3813 body.dark-mode:not(.no-dark-mode) div:is(.swal2-container) .swal2-select:hover, 3814 body.dark-mode:not(.no-dark-mode) select.swal2-input:hover { 3815 border-color: #5a5a5a; 3816 } 3817 body.dark-mode:not(.no-dark-mode) .swal2-input:focus, 3818 body.dark-mode:not(.no-dark-mode) .swal2-textarea:focus, 3819 body.dark-mode:not(.no-dark-mode) div:is(.swal2-container) .swal2-select:focus, 3820 body.dark-mode:not(.no-dark-mode) select.swal2-input:focus { 3821 border-color: #6fb37e; 3822 box-shadow: 0 0 0 3px rgba(63, 138, 82, 0.25); 3823 } 3824 body.dark-mode:not(.no-dark-mode) .swal2-input::placeholder, 3825 body.dark-mode:not(.no-dark-mode) .swal2-textarea::placeholder { 3826 color: #888; 3827 } 3828 body.dark-mode:not(.no-dark-mode) .swal2-validation-message { 3829 background: #3a3a3a; 3830 color: #e5e5e5; 3831 } 3832 body.dark-mode:not(.no-dark-mode) .swal2-footer { 3833 border-top-color: #555; 3834 color: #e5e5e5; 3835 } 3836</style> 3837<style> 3838 :root { 3839 --spacing-025: 0.25rem; 3840 --spacing-05: 0.5rem; 3841 --spacing-1: 1rem; 3842 --spacing-15: 1.5rem; 3843 --spacing-2: 2rem; 3844 --spacing-25: 2.5rem; 3845 --spacing-3: 3rem; 3846 --spacing-35: 3.5rem; 3847 --spacing-4: 4rem; 3848 --spacing-45: 4.5rem; 3849 --spacing-5: 5rem; 3850 } 3851 .aw-accordion details { 3852 --background-color-closed: #ccc; 3853 --background-color-open: #b4b4b4; 3854 --background-color-content: #f0f0f0; 3855 overflow: hidden; 3856 margin: 0; 3857 3858 > summary { 3859 background: var(--background-color-closed); 3860 padding: 0.5em; 3861 cursor: pointer; 3862 border-radius: 2px; 3863 3864 transition: background 0.25s ease, color 0.25s ease; 3865 3866 &:hover { 3867 filter: brightness( 1.1 ); 3868 } 3869 margin-top: 5px; 3870 position: relative; 3871 top: -1px; 3872 } 3873 > summary::marker { 3874 content: ''; 3875 } 3876 > summary::-webkit-details-marker { 3877 display: none; 3878 } 3879 > p, > div, > ul, > ol { 3880 background-color: var(--background-color-content); 3881 margin: 0; 3882 } 3883 3884 &[open] { 3885 > summary { 3886 background: var(--background-color-open); 3887 } 3888 } 3889 &[open] > summary:before { 3890 transform: rotate(45deg); 3891 } 3892 > summary:before { 3893 content: '+'; 3894 display: inline-block; 3895 margin: 0 0.5em 0 0.25em; 3896 font-size: 20px; 3897 transition: transform 0.25s ease; 3898 } 3899 3900 > *:not(summary) { 3901 padding: 1em; 3902 } 3903 } 3904 3905 :not(details) + details, 3906 details:first-child summary { 3907 border-top-left-radius: 5px; 3908 border-top-right-radius: 5px; 3909 } 3910 details:not(details:has(+ details)):last-child summary { 3911 border-bottom-left-radius: 5px; 3912 border-bottom-right-radius: 5px; 3913 } 3914 </style>
3915<script> 3916 window.addEventListener('DOMContentLoaded', function() { 3917 class Accordion { 3918 constructor(el) { 3919 // Store the <details> element 3920 this.el = el; 3921 // Store the <summary> element 3922 this.summary = el.querySelector('summary'); 3923 // Store the <div class="aw-accordion-content"> element. A plain <details> (an imported 3924 // page, or hand-written markup) has no such wrapper, so this can be null - see 3925 // getExpandedHeight() for how the open height is measured in that case. 3926 this.content = el.querySelector('.aw-accordion-content'); 3927 3928 // Store the animation object (so we can cancel it if needed) 3929 this.animation = null; 3930 // Store if the element is closing 3931 this.isClosing = false; 3932 // Store if the element is expanding 3933 this.isExpanding = false; 3934 // Detect user clicks on the summary element 3935 this.summary.addEventListener('click', (e) => this.onClick(e)); 3936 } 3937 3938 static canEnhance(el) { 3939 return el.querySelector('summary') !== null; 3940 } 3941 3942 onClick(e) { 3943 try { 3944 // Add an overflow on the <details> to avoid content overflowing 3945 this.el.style.overflow = 'hidden'; 3946 // Check if the element is being closed or is already closed 3947 if (this.isClosing || !this.el.open) { 3948 this.open(); 3949 // Check if the element is being openned or is already open 3950 } else if (this.isExpanding || this.el.open) { 3951 this.shrink(); 3952 } 3953 // Stop default behaviour from the browser 3954 e.preventDefault(); 3955 } 3956 catch (e) { 3957 // do nothing 3958 } 3959 } 3960 3961 shrink() { 3962 // Set the element as "being closed" 3963 this.isClosing = true; 3964 3965 // Store the current height of the element 3966 const startHeight = `${this.el.offsetHeight}px`; 3967 // Calculate the height of the summary 3968 const endHeight = `${this.summary.offsetHeight}px`; 3969 3970 // If there is already an animation running 3971 if (this.animation) { 3972 // Cancel the current animation 3973 this.animation.cancel(); 3974 } 3975 3976 // Start a WAAPI animation 3977 this.animation = this.el.animate({ 3978 // Set the keyframes from the startHeight to endHeight 3979 height: [startHeight, endHeight] 3980 }, { 3981 duration: 400, 3982 easing: 'ease-out' 3983 }); 3984 3985 // When the animation is complete, call onAnimationFinish() 3986 this.animation.onfinish = () => this.onAnimationFinish(false); 3987 // If the animation is cancelled, isClosing variable is set to false 3988 this.animation.oncancel = () => this.isClosing = false; 3989 } 3990 3991 getExpandedHeight() { 3992 if( this.content ) { 3993 return this.summary.offsetHeight + this.content.offsetHeight; 3994 } 3995 return this.el.scrollHeight; 3996 } 3997 3998 open() { 3999 // Apply a fixed height on the element 4000 this.el.style.height = `${this.el.offsetHeight}px`; 4001 // Force the [open] attribute on the details element 4002 this.el.open = true; 4003 // Wait for the next frame to call the expand function 4004 window.requestAnimationFrame(() => this.expand()); 4005 } 4006 4007 expand() { 4008 try { 4009 this.animateExpand(); 4010 } 4011 catch (err) { 4012 this.onAnimationFinish(true); 4013 } 4014 } 4015 4016 animateExpand() { 4017 // Set the element as "being expanding" 4018 this.isExpanding = true; 4019 // Get the current fixed height of the element 4020 const startHeight = `${this.el.offsetHeight}px`; 4021 // Calculate the open height of the element (summary height + content height) 4022 const endHeight = `${this.getExpandedHeight()}px`; 4023 4024 // If there is already an animation running 4025 if (this.animation) { 4026 // Cancel the current animation 4027 this.animation.cancel(); 4028 } 4029 4030 // Start a WAAPI animation 4031 this.animation = this.el.animate({ 4032 // Set the keyframes from the startHeight to endHeight 4033 height: [startHeight, endHeight] 4034 }, { 4035 duration: 400, 4036 easing: 'ease-out' 4037 }); 4038 // When the animation is complete, call onAnimationFinish() 4039 this.animation.onfinish = () => this.onAnimationFinish(true); 4040 // If the animation is cancelled, isExpanding variable is set to false 4041 this.animation.oncancel = () => this.isExpanding = false;
4042 } 4043 4044 onAnimationFinish(open) { 4045 // Set the open attribute based on the parameter 4046 this.el.open = open; 4047 // Clear the stored animation 4048 this.animation = null; 4049 // Reset isClosing & isExpanding 4050 this.isClosing = false; 4051 this.isExpanding = false; 4052 // Remove the overflow hidden and the fixed height 4053 this.el.style.height = this.el.style.overflow = ''; 4054 } 4055 } 4056 4057 document.querySelectorAll('.aw-accordion details').forEach((el) => { 4058 try { 4059 if( Accordion.canEnhance(el) ) { 4060 new Accordion(el); 4061 } 4062 } 4063 catch (err) { 4064 } 4065 }); 4066 }); 4067 </script>
4067<script type="text/javascript"> 4068 function getAnalyticsCookie(cname) { 4069 var name = cname + "="; 4070 var decodedCookie = decodeURIComponent(document.cookie); 4071 var ca = decodedCookie.split(';'); 4072 for(var i = 0; i <ca.length; i++) { 4073 var c = ca[i]; 4074 while (c.charAt(0) == ' ') { 4075 c = c.substring(1); 4076 } 4077 if (c.indexOf(name) == 0) { 4078 return c.substring(name.length, c.length); 4079 } 4080 } 4081 return ""; 4082 } 4083 function RecordInternalAnalytics( stream, data ) { 4084 data.action = 'record_event'; 4085 data.stream = stream; 4086 data.contact_id = getAnalyticsCookie('contact_id'); 4087 $.ajax({ 4088 type: 'POST', 4089 url: '/app/analytics-api', 4090 data: data, 4091 dataType: 'json' 4092 }).done( function( data ) { 4093 }); 4094 } 4095 !function(name,path,ctx){ 4096 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)}} 4097 }('KeenAsync','https://webcache.attractwell.com/third-party/keen-datavis/keen-tracking-1.1.3.min.js',this); 4098 // was https://d26b395fwzu5fz.cloudfront.net/keen-tracking-1.1.3.min.js 4099 4100 var globalAnalyticsClient = {}; 4101
4102 globalAnalyticsClient.recordEvent = function( stream, data ) { 4103 RecordInternalAnalytics( stream, data ); 4104 } 4105 // Record an event 4106 globalAnalyticsClient.recordEvent("public_page_views", {"url_params":{"sitepath":"shop","look_for_page":"1","rulenum":"1","page-link-path":"shop"},"account_id":1774,"type":"website_view","url":"https:\/\/praisemoves.com",title:document.title}); 4107 4108 4109 4110 4111 4112 function RecordExternalClickAnalytics( url, title, is_signup_link = false ) 4113 { 4114 var type_to_use = "website_link_click"; 4115 if( is_signup_link === true ) 4116 type_to_use = "website_signup_link_click"; 4117 4118 globalAnalyticsClient.recordEvent("public_page_views", { 4119 "url": url, 4120 "title": title, 4121 "type": type_to_use, 4122 "account_id": 1774 4123 }); 4124 4125 4126 RecordInternalAnalytics("public_page_views", { 4127 "url": url, 4128 "title": title, 4129 "type": type_to_use, 4130 "account_id": 1774 4131 }); 4132 4133 } 4134 4135 function RecordContactWebsiteSignUpLinkClick( contact_id ) 4136 { 4137 // records if a contact clicked the website signup link 4138 if( contact_id != '' ) { 4139 $.ajax({ 4140 type: 'POST', 4141 url: '/app/contacts', 4142 data: { 4143 'contact_website_signup_link_click': 1, 4144 'contact_id': contact_id 4145 }, 4146 dataType: 'json' 4147 }).done( function( data ) { 4148 }); 4149 } 4150 } 4151 </script>
4151 <style> 4152 .checkout-field-div { 4153 margin-bottom: 10px; 4154 } 4155 .checkout-field-error { 4156 margin-bottom:5px; 4157 font-size:16px; 4158 text-align:center; 4159 } 4160 .checkout-field-input { 4161 font-size: 1.7rem; 4162 height:auto; 4163 margin-bottom: 1.5rem; 4164 } 4165 .delete-cart-item { 4166 cursor: pointer; 4167 padding: 2px 5px; 4168 } 4169 #toast-container { 4170 z-index: 2001 !important; 4171 } 4172 #cart-prices { 4173 margin: 5px 0; 4174 color: #777777; 4175 background: #f0f0f0; 4176 padding: 5px 0; 4177 } 4178 #cart-subtotal { 4179 padding: 0 5px; 4180 } 4181 #cart-shipping-inner{ 4182 padding: 0 5px; 4183 } 4184 .coupon-description { 4185 margin-left: 20px; 4186 } 4187 .coupon-discounts { 4188 font-style: italic; 4189 margin-left: 20px; 4190 } 4191 .grand-total-div { 4192 font-weight: bold; 4193 background: #e3e3e3; 4194 padding: 4px; 4195 margin-top: 5px; 4196 color: #333333; 4197 } 4198 #cart-panel-sidepanel { 4199 position: fixed; 4200 top: 0; 4201 right: 0; 4202 display: flex; 4203 flex-direction: column; 4204 background-color: #f5f5f5; 4205 width: 375px; 4206 height: 100vh; 4207 max-width: 100%; 4208 overflow-y: auto; 4209 z-index: 2000; 4210 overscroll-behavior-y: contain; 4211 transform: translateX( 400px ); 4212 opacity: 0; 4213 transition: transform 0.3s, opacity 0.3s; 4214 } 4215 #cart-panel-sidepanel.open { 4216 transform: translateX( 0 ); 4217 opacity: 1; 4218 } 4219 @media (max-width: 991px) { 4220 #cart-panel-sidepanel { 4221 width: 100vw; 4222 } 4223 } 4224 .cart-panel-backdrop { 4225 position: fixed; 4226 top: 0; 4227 left: 0; 4228 width: 100vw; 4229 height: 100vh; 4230 background-color: rgba( 33, 33, 33, 0.5 ); 4231 z-index: 1200; 4232 display:none; 4233 opacity: 0; 4234 transition: opacity 0.3s; 4235 } 4236 .cart-panel-backdrop.open { 4237 opacity: 1; 4238 } 4239 .cart-panel-close-button { 4240 position: absolute; 4241 right: 16px; 4242 top: 6px; 4243 z-index: 2001; 4244 font-size: 3.3rem; 4245 cursor: pointer; 4246 padding: 10px; 4247 } 4248 .cart-panel-close-button:hover { 4249 color: #888888; 4250 } 4251 .cart-panel-header { 4252 position: -webkit-sticky; 4253 position: sticky; 4254 top: 0; 4255 z-index: 100; 4256 padding: 20px 24px 5px 24px; 4257 background-color: #f5f5f5; 4258 flex-shrink: 0; 4259 } 4260 .cart-panel-header h3 { 4261 margin-bottom: 10px; 4262 } 4263 .cart-panel-content { 4264 padding: 0 24px 24px; 4265 flex: 1 0; 4266 } 4267 .cart-item { 4268 padding: 10px; 4269 display: grid; 4270 grid-template-columns: 50px 2fr 1fr; 4271 column-gap: 1rem; 4272 } 4273 .cart-item + .cart-item { 4274 border-top: 10px solid #f5f5f5; 4275 } 4276 .cart-item-photo { 4277 grid-column: 1; 4278 grid-row: 1; 4279 } 4280 .cart-item-photo img { 4281 width: 100%; 4282 } 4283 .cart-item-description { 4284 grid-column: 2; 4285 grid-row: 1; 4286 font-size: 15px; 4287 } 4288 .cart-item-price { 4289 grid-column: 3; 4290 grid-row: 1; 4291 font-size: 15px; 4292 text-align: right; 4293 } 4294 .cart-item-quantity { 4295 margin-top: 10px; 4296 } 4297 .cart-item-add-on-div { 4298 font-weight: 300; 4299 color: #888888; 4300 margin-top: 10px; 4301 } 4302 .cart-item-add-on-instructions { 4303 font-weight: 300; 4304 font-style: italic; 4305 font-size: 13px; 4306 } 4307 #cart-contents { 4308 background: white; 4309 clear:both; 4310 } 4311 4312 #store-body { 4313 margin: 1rem 0; 4314 } 4315 .store-top-menu { 4316 background: #fafafa; 4317 padding: 0 0 10px 0; 4318 font-size: 1.75rem; 4319 position: sticky; 4320 top: 60px; z-index: 3; 4321 clear:both; 4322 } 4323 .store-top-menu-item { 4324 display: inline-block; 4325 } 4326 .store-top-menu-item + .store-top-menu-item { 4327 margin-left: 2rem; 4328 } 4329 #search { 4330 transition: all 0.5s ease; 4331 } 4332 4333 .product-framework { 4334 display: grid; 4335 grid-template-columns: 30rem 1fr; column-gap: 3rem; 4336 row-gap: 1rem; 4337 margin-top: 2.5rem; 4338 } 4339 .product-framework-categories { 4340 grid-column: 1; 4341 grid-row: 1; 4342 } 4343 4344 .product-framework-body { 4345 grid-column: 2; 4346 grid-row: 1; 4347 } 4348 @media (max-width:991px) { 4349 .product-framework { 4350 grid-template-columns: 1fr; 4351 } 4352 4353 .product-framework-categories { 4354 grid-column: 1; 4355 grid-row: 2; 4356 } 4357 4358 .product-framework-body { 4359 grid-column: 1; 4360 grid-row: 1; 4361 } 4362 .store-top-menu { 4363 top: 0; 4364 } 4365 } 4366 @media (min-width: 992px) { 4367 .float-left-desktop { 4368 float:left; 4369 } 4370 .product-framework { 4371 margin-top: -1rem; 4372 } 4373 .product-framework-categories { 4374 border-right: 1px solid #eeeeee; 4375 padding-right: 1rem; 4376 padding-top: 3.5rem; 4377 padding-bottom: 3.5rem; 4378 } 4379 .product-framework-body { 4380 padding-top: 3.5rem; 4381 } 4382 } 4383 </style> 4384<div class="store-top-menu"> 4385 <div class="container-fullwidth clearfix"> 4386 <div class="text-center"> 4387 <div class="store-top-menu-item"><a href="https://praisemoves.com/shop">Shop</a></div> 4388 <div class="store-top-menu-item"> 4389 <a href="#" id="search-icon"><i class="icon-line-search" data-toggle="tooltip" data-placement="bottom" title="Search"></i></a> 4390 <form action="https://praisemoves.com/shop/products" style="display:inline-block;"><input id="search" name="search" type="text" placeholder="Search" maxlength="50" class="form-control" style="display:none;width: 0;"></form> 4391 </div> 4392 <div class="store-top-menu-item"><a href="https://praisemoves.com/shop/my-account"><i class="icon-user" data-toggle="tooltip" data-placement="bottom" title="My Account"></i></a></div> 4393 <div class="store-top-menu-item"> 4394 <a href="#" id="cart-icon" data-toggle="tooltip" data-placement="bottom" title="Cart"><i class="icon-shopping-cart"></i><span class="badge" id="cart-item-count" style="visibility: hidden;"></span></a>
4395 <span id="extra-check-out-text"></span> 4396 </div> 4397 </div> 4398 </div> 4399</div> 4400<div class="store-banner-div-wrapper" style="padding: 5px;background-color:#ffffff"><div class="container fr-wrapper"><div style="text-align: center;"><a href="https://www.zazzle.com/collections/praisemoves_fitwear-119029914953314576" target="_blank" rel="noopener noreferrer"><img src="https://attractwell-1774-fast.b-cdn.net/images/1774/66521c7dc0e45.png" style="width: 526px;" class="fr-fic fr-dib fr-shadow"></a></div></div></div><section id="content" style="margin-bottom:0;"> 4401 <div class="container-fullwidth"> 4402 <div id="store-body"> 4403 <div class=""> 4404 <div class="product-framework-body"><style> 4405 .individual-product { 4406 font-size: 1.75rem; 4407 margin-bottom: 5rem; 4408 } 4409 .individual-product h1 { 4410 font-size: 3rem !important; 4411 } 4412 .store-products-collections h2 { 4413 font-size: 18px !important; 4414 margin-bottom: 10px; 4415 } 4416 .collections-list { 4417 font-size: 1.75rem; 4418 } 4419 .collection-name { 4420 padding: 0.25rem 0; 4421 } 4422 .products-list { 4423 font-size: 1.75rem; 4424 margin-bottom: 5rem; 4425 } 4426 .selected-product-name { 4427 font-weight: bold; 4428 } 4429 .product-price { 4430 color: #bd8862; 4431 font-size: 18px; 4432 font-weight: normal; 4433 opacity: 0.8; 4434 } 4435 .store-sold-out-badge { 4436 display: inline-block; 4437 margin-top: 0.5rem; 4438 padding: 0.15rem 0.75rem; 4439 font-size: 1.3rem; 4440 font-weight: bold; 4441 text-transform: uppercase; 4442 letter-spacing: 0.05rem; 4443 color: #ffffff; 4444 background-color: #888888; 4445 border-radius: 3px; 4446 } 4447 .product-sold-out img, 4448 .product-sold-out svg, 4449 .product-sold-out h2, 4450 .product-sold-out .product-price { 4451 opacity: 0.5; 4452 filter: grayscale(100%); 4453 } 4454 @media (max-width: 991px) { 4455 .collections-list { 4456 text-align: center; 4457 background: #f8f8f8; 4458 margin-left: -8vw; 4459 margin-right: -8vw; 4460 padding: 20px 0; 4461 margin-bottom: -10px; 4462 border-bottom: 1px solid #eeeeee; 4463 } 4464 } 4465 </style><style> 4466 .collection-name { 4467 padding: 0.25rem 0; 4468 } 4469 .products-list { 4470 font-size: 1.75rem; 4471 margin-bottom: 5rem; 4472 } 4473 .selected-product-name { 4474 font-weight: bold; 4475 } 4476</style> 4477<div style="clear:both;"> </div> 4478<div class=" products-list"> 4479 4480 <div class="store-products-collections"> 4481 4482 <div class="grid-equal-row-3-no-header"><div class="grid-equal-body-column-1 text-center"><a href="https://praisemoves.com/shop/products/praisemoves-workout"><img src="https://attractwell-1774-fast.b-cdn.net/images/1774/64e523c24a77f.png" class="collection-class"></a></div><div class="grid-equal-body-column-2 text-center"><a href="https://praisemoves.com/shop/products/20-minute-praisemoves"><img src="https://attractwell-1774-fast.b-cdn.net/images/1774/64e523efae772.png" class="collection-class"></a></div><div class="grid-equal-body-column-3 text-center"><a href="https://praisemoves.com/shop/products/am-pm-praisemoves"><img src="https://attractwell-1774-fast.b-cdn.net/images/1774/64e5240386553.png" class="collection-class"></a></div><div class="grid-equal-footer-column-1 text-center"><h2><a href="https://praisemoves.com/shop/products/praisemoves-workout">01. PraiseMoves Workouts & eBook</a></h2><a href="https://praisemoves.com/shop/products/praisemoves-workout"><div class="product-price"><div><del>$19.95</del> $14.95 <span class="label label-danger">-25%</span> <span class="label label-warning">Save $5</span></div></div></a></div><div class="grid-equal-footer-column-2 text-center"><h2><a href="https://praisemoves.com/shop/products/20-minute-praisemoves">02. 20-Minute PraiseMoves Workouts & eBook</a></h2><a href="https://praisemoves.com/shop/products/20-minute-praisemoves"><div class="product-price"><div><del>$19.95</del> $14.95 <span class="label label-danger">-25%</span> <span class="label label-warning">Save $5</span></div></div></a></div><div class="grid-equal-footer-column-3 text-center"><h2><a href="https://praisemoves.com/shop/products/am-pm-praisemoves">03. AM/PM PraiseMoves Workouts</a></h2><a href="https://praisemoves.com/shop/products/am-pm-praisemoves"><div class="product-price"><div><del>$19.95</del> $14.95 <span class="label label-danger">-25%</span> <span class="label label-warning">Save $5</span></div></div></a></div></div><div class="grid-equal-row-3-no-header"><div class="grid-equal-body-column-1 text-center"><a href="https://praisemoves.com/shop/products/power-praisemoves-workout"><img src="https://attractwell-1774-fast.b-cdn.net/images/1774/64e523d899b93.png" class="collection-class"></a></div><div class="grid-equal-body-column-2 text-center"><a href="https://praisemoves.com/shop/products/praisemoves-alphabetics"><img src="https://attractwell-1774-fast.b-cdn.net/images/1774/64e5242b19921.png" class="collection-class"></a></div><div class="grid-equal-body-column-3 text-center"><a href="https://praisemoves.com/shop/products/praisemoves-flow"><img src="https://attractwell-1774-fast.b-cdn.net/images/1774/64e524584e59a.png" class="collection-class"></a></div><div class="grid-equal-footer-column-1 text-center"><h2><a href="https://praisemoves.com/shop/products/power-praisemoves-workout">04. Power PraiseMoves Workouts & eBook</a></h2><a href="https://praisemoves.com/shop/products/power-praisemoves-workout"><div class="product-price"><div><del>$19.95</del> $14.95 <span class="label label-danger">-25%</span> <span class="label label-warning">Save $5</span></div></div></a></div><div class="grid-equal-footer-column-2 text-center"><h2><a href="https://praisemoves.com/shop/products/praisemoves-alphabetics">05. PraiseMoves Alphabetics Workouts</a></h2><a href="https://praisemoves.com/shop/products/praisemoves-alphabetics"><div class="product-price"><div><del>$19.95</del> $14.95 <span class="label label-danger">-25%</span> <span class="label label-warning">Save $5</span></div></div></a></div><div class="grid-equal-footer-column-3 text-center"><h2><a href="https://praisemoves.com/shop/products/praisemoves-flow">06. PraiseMoves Flow Workouts & eBook</a></h2><a href="https://praisemoves.com/shop/products/praisemoves-flow"><div class="product-price"><div><del>$19.95</del> $14.95 <span class="label label-danger">-25%</span> <span class="label label-warning">Save $5</span></div></div></a></div></div><div class="grid-equal-row-3-no-header"><div class="grid-equal-body-column-1 text-center"><a href="https://praisemoves.com/shop/products/praisemoves-gold"><img src="https://attractwell-1774-fast.b-cdn.net/images/1774/64e52418909dc.png" class="collection-class"></a></div><div class="grid-equal-body-column-2 text-center"><a href="https://praisemoves.com/shop/products/praisemoves-for-children"><img src="https://attractwell-1774-fast.b-cdn.net/images/1774/64e524420c20f.png" class="collection-class"></a></div><div class="grid-equal-body-column-3 text-center"><a href="https://praisemoves.com/shop/products/40-days-to-fit-fabulous"><img src="https://attractwell-1774-fast.b-cdn.net/images/1774/64f7898f7fc3d.png" class="collection-class"></a></div><div class="grid-equal-footer-column-1 text-center"><h2><a href="https://praisemoves.com/shop/products/praisemoves-gold">07. PraiseMoves Gold Workouts</a></h2><a href="https://praisemoves.com/shop/products/praisemoves-gold"><div class="product-price"><div><del>$19.95</del> $14.95 <span class="label label-danger">-25%</span> <span class="label label-warning">Save $5</span></div></div></a></div><div class="grid-equal-footer-column-2 text-center"><h2><a href="https://praisemoves.com/shop/products/praisemoves-for-children">08. PraiseMoves for Children Workouts</a></h2><a href="https://praisemoves.com/shop/products/praisemoves-for-children"><div class="product-price"><div><del>$19.95</del> $14.95 <span class="label label-danger">-25%</span> <span class="label label-warning">Save $5</span></div></div></a></div><div class="grid-equal-footer-column-3 text-center"><h2><a href="https://praisemoves.com/shop/products/40-days-to-fit-fabulous">09. 40 Days to Fit & Fabulous Workouts & eBook</a></h2><a href="https://praisemoves.com/shop/products/40-days-to-fit-fabulous"><div class="product-price"><div><del>$25.95</del> $14.95 <span class="label label-danger">-42%</span> <span class="label label-warning">Save $11</span></div></div></a></div></div><div class="grid-equal-row-3-no-header"><div class="grid-equal-body-column-1 text-center"><a href="https://praisemoves.com/shop/products/soaking-in-the-psalms"><img src="https://attractwell-1774-fast.b-cdn.net/images/1774/64e7b5cdacf6f.png" class="collection-class"></a></div><div class="grid-equal-body-column-2 text-center"><a href="https://praisemoves.com/shop/products/praisemoves-watercolors"><img src="https://attractwell-1774-fast.b-cdn.net/images/1774/64e52db52bd5a.png" class="collection-class"></a></div><div class="grid-equal-body-column-3 text-center"><a href="https://praisemoves.com/shop/products/great-women-of-the-bible"><img src="https://attractwell-1774-fast.b-cdn.net/images/1774/64e5247e6df00.png" class="collection-class"></a></div><div class="grid-equal-footer-column-1 text-center"><h2><a href="https://praisemoves.com/shop/products/soaking-in-the-psalms">10. Soaking in the Psalms Scripture-Guided Meditations</a></h2><a href="https://praisemoves.com/shop/products/soaking-in-the-psalms"><div class="product-price"><div><del>$17</del> $12.95 <span class="label label-danger">-24%</span> <span class="label label-warning">Save $4.05</span></div></div></a></div><div class="grid-equal-footer-column-2 text-center"><h2><a href="https://praisemoves.com/shop/products/praisemoves-watercolors">11. PraiseMoves Watercolors</a></h2><a href="https://praisemoves.com/shop/products/praisemoves-watercolors"><div class="product-price"><div><del>$57</del> $37 <span class="label label-danger">-35%</span> <span class="label label-warning">Save $20</span></div></div></a></div><div class="grid-equal-footer-column-3 text-center"><h2><a href="https://praisemoves.com/shop/products/great-women-of-the-bible">12. Great Women of the Bible</a></h2><a href="https://praisemoves.com/shop/products/great-women-of-the-bible"><div class="product-price"><div><del>$19.95</del> $14.95 <span class="label label-danger">-25%</span> <span class="label label-warning">Save $5</span></div></div></a></div></div> 4483 </div> 4484 4485 </div> 4486 4487<div style="clear:both;"> </div> 4488</div> </div> 4489 </div> 4490 </div> 4491 4492 </section> 4493<div class="store-custom-page-footer fr-view"><section style="background:#ffffff;background-size:cover;background-repeat:no-repeat;" class="hidden-xs hidden-sm">
4493<div class="content-wrap nopadding"><div class="section notopborder nomargin toppadding-sm bottompadding-sm" style="background:transparent;"><div class="container clearfix"> 4494 <div class="row"> 4495 <div class="col-sm-12"> 4496 <div class="editable"><div style="text-align: center;"><div><span style="font-size: 25px;"><strong>HAVE A COMMENT?</strong></span></div><div><span style="font-size: 25px;"><strong>HAVE A TESTIMONY?</strong></span></div><div><a href="https://praisemoves.com/feedback" class="add-element button button-3d button-rounded button-red">SHARE YOUR FEEDBACK HERE!</a></div><div><br></div><div><br></div><img src="https://attractwell-1774-fast.b-cdn.net/images/1774/64d6ac62376b0.png" data-id="87146" data-url="https://attractwell-1774-fast.b-cdn.net/images/1774/64d6ac62376b0.png" style="width: 358px;" class="fr-fic fr-dib" loading="lazy"></div></div> 4497 </div> 4498 </div> 4499 </div> 4500 </div></div></section><section style="background:#ffffff;background-size:cover;background-repeat:no-repeat;" class="hidden-xs hidden-sm"><div class="content-wrap nopadding"><div class="section notopborder nomargin toppadding-sm bottompadding-sm" style="background: none; padding-top: 0px;"><div class="container clearfix"><div class="row"><div class="col-md-12" style="background-color: transparent; cursor: default;"><div style="text-align: center;"><a href="https://www.facebook.com/PraiseMoves/" target="_blank" rel="noopener noreferrer"><img src="https://attractwell-70-fast.b-cdn.net/images/70/5fbd336946393.png" style="width: 50px;" class="fr-fic fr-dii" loading="lazy"></a> <a href="https://www.instagram.com/praisemoves/" target="_blank" rel="noopener noreferrer"><img src="https://attractwell-70-fast.b-cdn.net/images/70/5fbd3ced8c954.png" style="width: 50px;" class="fr-fic fr-dii" loading="lazy"></a> <a href="https://www.youtube.com/LauretteWillis" target="_blank" rel="noopener noreferrer"><img src="https://attractwell-70-fast.b-cdn.net/images/70/5fbd3dc1d2a21.png" style="width: 50px;" class="fr-fic fr-dii" loading="lazy"></a> <a href="https://twitter.com/Fit4Christ" target="_blank" rel="noopener noreferrer"><img src="https://attractwell-70-fast.b-cdn.net/images/70/5fbd3e1ac18bb.png" style="width: 50px;" class="fr-fic fr-dii" loading="lazy"></a> <a href="https://www.linkedin.com/in/laurette" target="_blank" rel="noopener noreferrer"><img src="https://attractwell-103-fast.b-cdn.net/images/103/5fbd3fdeb7861.png" style="width: 50px;" class="fr-fic fr-dii" loading="lazy"></a></div><div style="text-align: center;"><br><span style="color: rgb(124, 112, 107); font-family: Raleway, sans-serif; font-size: 20px; font-style: normal; font-weight: 400; text-align: center;" id="isPasted"><a href="https://praisemoves.com/contact-us"><strong><u>Contact Us</u></strong></a></span></div><div style="text-align: center;"><span style="font-size: 20px; color: rgb(124, 112, 107);">Copyright © </span><span style="font-size: 20px; color: rgb(124, 112, 107);">PraiseMoves </span><span style="font-size: 20px; color: rgb(124, 112, 107);">Fitness Ministry Since 2001</span></div></div></div></div></div></div></section><section style="background:#ffffff;background-size:cover;background-repeat:no-repeat;" class="hidden-md hidden-lg"><div class="content-wrap nopadding"><div class="section notopborder nomargin toppadding-sm bottompadding-sm" style="background: none; padding-top: 65px;"><div class="container clearfix"> 4501 <div class="row"> 4502 <div class="col-sm-12"> 4503 <div class="editable"><div style="text-align: center;"><span style="font-size: 20px;"><strong>HAVE A COMMENT?</strong></span></div><div style="text-align: center;"><span style="font-size: 20px;"><strong>HAVE A TESTIMONY?</strong></span></div><div style="text-align: center;"><a href="https://praisemoves.com/feedback" class="add-element button button-3d button-small button-rounded button-red">SHARE YOUR FEEDBACK HERE!</a></div><div><br></div><div style="text-align: center;"><img src="https://attractwell-1774-fast.b-cdn.net/images/1774/64d6ac62376b0.png" data-id="87146" data-url="https://attractwell-1774-fast.b-cdn.net/images/1774/64d6ac62376b0.png" style="width: 228px;" class="fr-fic fr-dib" loading="lazy"></div></div> 4504 </div> 4505 </div> 4506 </div> 4507 </div></div></section><section style="background:#ffffff;background-size:cover;background-repeat:no-repeat;" class="hidden-md hidden-lg">
4507<div class="content-wrap nopadding"><div class="section notopborder nomargin toppadding-sm bottompadding-sm" style="background: none; padding-top: 0px;"><div class="container clearfix"><div class="row"><div class="col-md-12" style="background-color: transparent; cursor: default;"><div style="text-align: center;"><a href="https://www.facebook.com/PraiseMoves/" target="_blank" rel="noopener noreferrer"><img src="https://attractwell-70-fast.b-cdn.net/images/70/5fbd336946393.png" style="width: 50px;" class="fr-fic fr-dii" loading="lazy"></a> <a href="https://www.instagram.com/praisemoves/" target="_blank" rel="noopener noreferrer"><img src="https://attractwell-70-fast.b-cdn.net/images/70/5fbd3ced8c954.png" style="width: 50px;" class="fr-fic fr-dii" loading="lazy"></a> <a href="https://www.youtube.com/LauretteWillis" target="_blank" rel="noopener noreferrer"><img src="https://attractwell-70-fast.b-cdn.net/images/70/5fbd3dc1d2a21.png" style="width: 50px;" class="fr-fic fr-dii" loading="lazy"></a> <a href="https://twitter.com/Fit4Christ" target="_blank" rel="noopener noreferrer"><img src="https://attractwell-70-fast.b-cdn.net/images/70/5fbd3e1ac18bb.png" style="width: 50px;" class="fr-fic fr-dii" loading="lazy"></a> <a href="https://www.linkedin.com/in/laurette" target="_blank" rel="noopener noreferrer"><img src="https://attractwell-103-fast.b-cdn.net/images/103/5fbd3fdeb7861.png" style="width: 50px;" class="fr-fic fr-dii" loading="lazy"></a></div><div style="text-align: center;"><br><span style="color: rgb(124, 112, 107); font-family: Raleway, sans-serif; font-size: 20px; font-style: normal; font-weight: 400; text-align: center;" id="isPasted"><a href="https://praisemoves.com/contact-us"><strong><u>Contact Us</u></strong></a></span></div><div style="text-align: center;"><span style="font-size: 20px; color: rgb(124, 112, 107);">Copyright © </span><span style="font-size: 20px; color: rgb(124, 112, 107);">PraiseMoves </span><span style="font-size: 20px; color: rgb(124, 112, 107);">Fitness Ministry Since 2001</span></div></div></div></div></div></div></section></div><div id="cart-panel" style="display:none;"> 4508 <div class="cart-panel-backdrop"></div> 4509 <div id="cart-panel-sidepanel"> 4510 <div class="cart-panel-header"> 4511 <div class="cart-panel-close-button"> 4512 × 4513 </div> 4514 <h3>Cart</h3> 4515 <div id="check-out-now-div" style="padding: 0 24px 10px;display:none; text-align:center;"> 4516 <button class="button button-green nomargin btn-block" id="check-out-now-button">Check Out Now</button> 4517 <button class="button button-white button-light button-small btn-block" style="margin: 5px 0 0 0;" id="cart-panel-continue-shopping">Continue Shopping</button> 4518 </div> 4519 <div id="cart-prices"> 4520 <div id="cart-subtotal" class="text-center-mobile text-right-desktop" style="margin-bottom:5px;"></div> 4521 <div id="cart-shipping" class="text-center-mobile text-right-desktop" style="margin-bottom:5px;"></div> 4522 <div id="cart-coupon-code" class="text-center"> 4523 <label for="coupon-code" style="font-weight: 400 !important; font-size: 14px !important; letter-spacing: normal;">Coupon code</label> 4524 <input type="text" maxlength="20" id="coupon-code" name="coupon-code" class="form-control" style="letter-spacing:normal; width: 8rem;display:inline-block;height: auto; font-size: 12px; padding: 4px 6px;" autocomplete="one-time-code"> 4525 <button type="button" class="button button-mini button-white button-light" id="apply-coupon-button">Apply</button> 4526 </div> 4527 </div> 4528 </div> 4529 <div class="cart-panel-content"> 4530 <div id="cart-contents"></div> 4531 </div> 4532 </div> 4533</div> 4534 4535<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true"> 4536 <div class="modal-dialog xmodal-lg"> 4537 <div class="modal-body"> 4538 <div class="modal-content"> 4539 <div class="modal-body"> 4540 <button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true">×</button> 4541 <!-- 4542 <h4 class="uppercase ls1" style="margin-bottom:10px;" id="loginModalLabel"> 4543 Check Out 4544 </h4> 4545 --> 4546 4547 <h4 style="clear:both;text-align: center;"> 4548 What is your email? 4549 </h4> 4550 4551 <div class="checkout-field-div" id="account-email-div"> 4552 <div id="account-email-error-message" class="checkout-field-error" style="display:none;">Please enter a valid email address.</div> 4553 <input type="email" maxlength="100" placeholder="Email Address" id="account-email" class="form-control checkout-field-input" style="margin-bottom:5px;"> 4554 <div class="text-center"> 4555 <input type="checkbox" id="account-create-checkbox" style="margin: 10px 0 0 0;"> 4556 <label for="account-create-checkbox" class="thin-font">Create an account with this email</label> 4557 </div> 4558 </div> 4559 4560 <div class="checkout-field-div" style="display:none;" id="account-password-div"> 4561 <div id="account-password-error-message" class="checkout-field-error" style="display:none;">Password must be at least 8 characters.</div> 4562 <input type="password" placeholder="Password" id="account-password" class="form-control checkout-field-input" data-toggle="tooltip" title="Enter your account password." autocomplete="new-password"> 4563 </div> 4564 4565 <div class="checkout-field-div" style="display:none;" id="account-name-div"> 4566 <div id="account-name-error-message" class="checkout-field-error" style="display:none;">Please enter your full name.</div> 4567 <input type="text" maxlength="50" placeholder="Your Full Name" id="account-name" class="form-control checkout-field-input"> 4568 </div> 4569 4570 <div id="account-password-not-working" style="display:none;" class="text-center bottommargin-sm"> 4571 <a href="https://praisemoves.com/members?password-not-working=1" target="_blank"> 4572 Password not working? 4573 </a> 4574 </div> 4575 4576 <button class="button button-leaf btn-block" style="margin: 0 0 10px 0;" id="checkout-continue-button">Continue</button> 4577 </div> 4578 </div> 4579 </div> 4580 </div> 4581</div> 4582 4583
4584<script> 4585 let legacy_storage_prefix = ''; 4586 let storage_prefix = legacy_storage_prefix + "store290_"; 4587 let cart_key = storage_prefix + 'cart_contents', coupon_key = storage_prefix + 'cart_coupon', discount_key = storage_prefix + 'cart_discount'; 4588 let store_id = 290; 4589 let store_currency_symbol = "$"; 4590 4591 if( localStorage.getItem( cart_key ) === null && localStorage.getItem( legacy_storage_prefix + 'cart_contents' ) !== null ) { 4592 ['cart_contents', 'cart_coupon', 'cart_discount'].forEach( function( key_suffix ) { 4593 const legacy_value = localStorage.getItem( legacy_storage_prefix + key_suffix ); 4594 if( legacy_value !== null ) { 4595 localStorage.setItem( storage_prefix + key_suffix, legacy_value ); 4596 localStorage.removeItem( legacy_storage_prefix + key_suffix ); 4597 } 4598 }); 4599 } 4600 let tax_enabled = false; 4601 let global_cart_subtotal, global_discounted_cart_subtotal, global_cart_grand_total; 4602 var entityMap = { 4603 "&": "&", 4604 "<": "<", 4605 ">": ">", 4606 '"': '"', 4607 "'": ''', 4608 "/": '/' 4609}; 4610 4611function escapeHtml(string) { 4612 if( string === null ) 4613 return ''; 4614 return String(string).replace(/[&<>"'\/]/g, function (s) { 4615 return entityMap[s]; 4616 }); 4617} 4618 4619function abbreviateText( text, max_length ) 4620{ 4621 if( typeof max_length == 'undefined' ) 4622 max_length = 30; 4623 4624 var display_text = text; 4625 4626 if( text.length > (max_length + 5)) 4627 display_text = text.substr( 0, max_length ) + '...'; 4628 4629 return display_text; 4630} 4631 4632function htmlToText( html ) { 4633 var d = document.createElement( 'div' ); 4634 d.innerHTML = html; 4635 return d.textContent; 4636} 4637 4638function insertStringAtCursor( field_object, string_to_insert ) 4639{ 4640 if (document.selection) { 4641 field_object.focus(); 4642 sel = document.selection.createRange(); 4643 sel.text = string_to_insert; 4644 } 4645 else if (field_object.selectionStart || field_object.selectionStart == '0') { 4646 var startPos = field_object.selectionStart; 4647 var endPos = field_object.selectionEnd; 4648 field_object.value = field_object.value.substring(0, startPos) 4649 + string_to_insert 4650 + field_object.value.substring(endPos, field_object.value.length); 4651 } else { 4652 field_object.value += string_to_insert; 4653 } 4654} 4655 function StartCheckout( extra_data = null ) 4656 { 4657 let cart_contents = GetCartContents(); 4658 toastr.clear(); 4659 toastr.info('Please wait...'); 4660 let data = { 4661 cart_contents: cart_contents, 4662 coupon_code: GetCartCouponCode(), 4663 create_account: $('#account-create-checkbox').is(':checked') ? 1 : 0, 4664 store_id: store_id, 4665 }; 4666 if( typeof extra_data === 'object' ) 4667 data = { ...data, ...extra_data }; 4668 4669 $.ajax({ 4670 url: "https:\/\/praisemoves.com\/shop\/cart\/start-checkout", 4671 method: "POST", 4672 dataType: "json", 4673 data: data 4674 }) 4675 .done(function( data_obj ) { 4676 toastr.clear(); 4677 if( data_obj.success ) { 4678 4679 if( data_obj.data === 'new_customer' ) { 4680 $('#account-name-div').slideDown(); 4681 setTimeout( () => {$('#account-name').focus(); EnableControl('checkout-continue-button'); }, 300); 4682 } 4683 else if( data_obj.data === 'check_password_match' ) { 4684 toastr.error('Please check your password.'); 4685 EnableControl('checkout-continue-button'); 4686 $('#account-password-div').slideDown(); 4687 $('#account-password-not-working').slideDown(); 4688 $('#account-password').focus(); 4689 } 4690 else if( data_obj.data === 'missing_payment_processor' ) 4691 toastr.error('Please set up a payment processor under Store Settings or <a href="/app/store-setup/settings" target="_blank">click here to go to Store Settings</a>.'); 4692 else 4693 location.href = data_obj.results.checkout_url; 4694 } 4695 4696 else if( data_obj.code === 'check_email' ) { 4697 toastr.error('Please check your email address.'); 4698 $('#account-email').focus(); 4699 EnableControl('checkout-continue-button'); 4700 } 4701 4702 else if( data_obj.code === 'show_password' ) { 4703 EnableControl('checkout-continue-button'); 4704 $('#account-password-div').slideDown(); 4705 $('#account-password').focus(); 4706 } 4707 4708 else if( data_obj.code === 'check_password' ) { 4709 toastr.error('Please check your password. It needs to be at least 8 characters in length.'); 4710 EnableControl('checkout-continue-button'); 4711 $('#account-password-div').slideDown(); 4712 $('#account-password').focus(); 4713 } 4714 else if( data_obj.code === 'try_again' ) { 4715 EnableControl('checkout-continue-button'); 4716 toastr.error('Please try again in a few minutes. If this persists, please contact support.'); 4717 } 4718 4719 else if( data_obj.code === 'use_another_email' ) { 4720 EnableControl('checkout-continue-button'); 4721 toastr.error('Please contact the store owner to purchase, or use another email address.'); 4722 } 4723 4724 else if( data_obj.code === 'cart_empty' ) { 4725 toastr.error('Cart is empty or all of your items are out of stock. Please add at least one item to the cart and try again.'); 4726 EnableControl('checkout-continue-button'); 4727 } 4728 4729 else if( data_obj.code === 'cart_zero' ) { 4730 toastr.error('Please place at least $1 into the cart to be able to check out.'); 4731 EnableControl('checkout-continue-button'); 4732 } 4733 4734 else if( data_obj.code === 'vault_full' ) { 4735 EnableControl('checkout-continue-button'); 4736 toastr.error( data_obj.message, '', { timeOut: 20000 } ); 4737 } 4738 4739 else if( data_obj.message.startsWith( 'Stripe Tax has not been activated' ) ) 4740 toastr.error('Stripe Tax has not been activated. Please do so in the Stripe control panel, or disable tax collection inside your Str
4740ipe account. Email [email protected] if you have questions about enabling this.'); 4741 4742 else if( data_obj.code === 'no_payment_methods' ) { 4743 EnableControl('checkout-continue-button'); 4744 toastr.error('Payment Setup Incomplete: This store is not yet configured to accept payments in your selected currency. Please contact Dr. Laurette Willis at [email protected] to activate USD in the Stripe Dashboard.'); 4745 } 4746 4747 else { 4748 EnableControl('checkout-continue-button'); 4749 toastr.error('Something went wrong during checkout. Please try again in a few minutes or email [email protected] if it persists.'); 4750 } 4751 4752 }) 4753 .fail(function( jqXHR, textStatus ) { 4754 toastr.error( "Request failed: " + textStatus, 'Something went wrong during checkout. Please try again in a few minutes or email [email protected] if it persists.' ); 4755 EnableControl('checkout-continue-button'); 4756 }); 4757 4758 return false; 4759 } 4760 4761 function CheckEnterKeyPress( evt ) 4762 { 4763 if( evt.keyCode === 13 ) 4764 $('#checkout-continue-button').click(); 4765 } 4766 4767 function ValidateCheckoutName() 4768 { 4769 let name_control = $('#account-name'); 4770 let name_error_message_control = $('#account-name-error-message'); 4771 let name = name_control.val(); 4772 if( name.length < 2 || !name.includes(' ') ) { 4773 name_error_message_control.slideDown(); 4774 name_control.css('border','2px solid red').focus(); 4775 return false; 4776 } 4777 EnableControl('checkout-continue-button'); 4778 4779 name_error_message_control.slideUp(); 4780 name_control.css('border',''); 4781 return name; 4782 } 4783 4784 function ValidateCheckoutPassword() 4785 { 4786 let password_control = $('#account-password'); 4787 let password_error_message_control = $('#account-password-error-message'); 4788 let password = password_control.val(); 4789 if( password.length < 8 || password === $('#account-email').val() ) { 4790 password_error_message_control.slideDown(); 4791 password_control.css('border','2px solid red').focus(); 4792 return false; 4793 } 4794 4795 EnableControl('checkout-continue-button'); 4796 password_error_message_control.slideUp(); 4797 password_control.css('border',''); 4798 return password; 4799 } 4800 4801 function ValidateCheckoutEmailAddress() 4802 { 4803 let email_control = $('#account-email'); 4804 let email_error_message_control = $('#account-email-error-message'); 4805 let email = email_control.val(); 4806 if( !email.includes('@') || !email.includes('.') ) { 4807 email_error_message_control.slideDown(); 4808 email_control.css('border','2px solid red').focus(); 4809 return false; 4810 } 4811 4812 EnableControl('checkout-continue-button'); 4813 email_error_message_control.slideUp(); 4814 email_control.css('border',''); 4815 return email; 4816 } 4817 4818 function DisableControl( button_id ) 4819 { 4820 $('#' + button_id ).css('pointer-events','none').css('opacity','0.5').css('filter','grayscale(1)').attr('disabled','disabled'); 4821 } 4822 4823 function EnableControl( button_id ) 4824 { 4825 $('#' + button_id ).css('pointer-events','auto').css('opacity','1').css('filter','grayscale(0)').attr('disabled',false); 4826 } 4827 4828 $(function() { 4829 setInterval( UpdateCartBadge, 2000 ); 4830 UpdateCartBadge(); 4831 4832 global_cart_subtotal = BigNumber('0.00'); 4833 $('#search-icon').click( function() { 4834 $('#search').show().css('width','15rem').focus(); 4835 return false; 4836 }); 4837 $('.cart-panel-backdrop').click( CloseCart ); 4838 $('.cart-panel-close-button').click( CloseCart ); 4839 $('#cart-panel-continue-shopping').click( CloseCart ); 4840 $('#loginModal').on('show.bs.modal', function () { 4841 $('#account-password-error-message').hide(); 4842 $('#account-password-div').hide(); 4843 $('#account-name-error-message').hide(); 4844 $('#account-name-div').hide(); 4845 }) 4846 .on('shown.bs.modal', function () { 4847 $('#account-email').focus(); 4848 }); 4849 4850 $('#cart-subtotal').on('click','.remove-coupon-code',function() { 4851 Swal.fire({ 4852 title: 'Do you wish to remove this coupon code from your order?<br><br>' + GetCartCouponCode(),
4853 showDenyButton: false, 4854 showCancelButton: true, 4855 confirmButtonText: "Yes" 4856 }).then((result) => { 4857 if (result.isConfirmed) { 4858 SetCartCouponCode(); 4859 SetCartDiscount(); 4860 RenderCartContents(); 4861 } 4862 }); 4863 return false; 4864 }); 4865 $('#extra-check-out-text').on('click','#extra-check-out-link', function() { 4866 OpenCart(); 4867 return false; 4868 }) 4869 $('#check-out-now-button').click( function() { 4870 CloseCart(); 4871 $('#loginModal').modal('show'); 4872 4873 }); 4874 4875 $('#coupon-code').on('keydown', function( evt ) { 4876 if( evt.keyCode === 13 ) 4877 $('#apply-coupon-button').click(); 4878 }); 4879 4880 $('#apply-coupon-button').click( function() { 4881 toastr.info('Applying coupon...'); 4882 let existing_coupon = GetCartCouponCode(); 4883 let new_coupon = $('#coupon-code').val().trim(); 4884 if( existing_coupon !== new_coupon ) { 4885 let cart = GetCartContents(); 4886 if( cart.length === 0 ) { 4887 toastr.clear(); 4888 return false; 4889 } 4890 4891 let data = { 4892 cart_contents: cart, 4893 coupon_code: new_coupon, 4894 store_id: store_id 4895 }; 4896 $.ajax({ 4897 url: "https:\/\/praisemoves.com\/shop\/cart\/apply-coupon", 4898 method: "POST", 4899 dataType: "json", 4900 data: data, 4901 coupon_code: new_coupon 4902 }) 4903 .done(function( data_obj ) { 4904 toastr.clear(); 4905 if( data_obj.success ) { 4906 SetCartDiscount( data_obj.results ); 4907 SetCartCouponCode( this.coupon_code ); 4908 RenderCartContents(); 4909 } 4910 }) 4911 .fail(function( jqXHR, textStatus ) { 4912 SetCartDiscount(); 4913 SetCartCouponCode(); 4914 RenderCartContents(); 4915 }); 4916 } 4917 else 4918 toastr.clear(); 4919 }); 4920 4921 $('#account-email').change( function() { 4922 ValidateCheckoutEmailAddress(); 4923 $('#account-name-div').slideUp(); 4924 } ).keypress( CheckEnterKeyPress ); 4925 4926 $('#account-password').change( function() { 4927 ValidateCheckoutPassword(); 4928 $('#account-name-div').slideUp(); 4929 }).keypress( CheckEnterKeyPress ); 4930 4931 $('#account-name').change( ValidateCheckoutName ).keypress( CheckEnterKeyPress ); 4932 4933 $('#checkout-continue-button').click( function() { 4934 let email = ValidateCheckoutEmailAddress(); 4935 if( email === false ) 4936 return false; 4937 4938 let create_account = $('#account-create-checkbox').is(':checked'); 4939 4940 4941 if( create_account && $('#account-password-div').css('display') === 'none' ) { 4942 DisableControl('checkout-continue-button'); 4943 4944 $('#account-password-error-message').hide(); 4945 $('#account-password-div').slideDown(); 4946 setTimeout(() => { 4947 EnableControl('checkout-continue-button'); 4948 $('#account-password').focus(); 4949 }, 300) 4950 } 4951 else { 4952 if( create_account && ValidateCheckoutPassword() === false ) 4953 return false; 4954 4955 let account_name_visible = ($('#account-name-div').css('display') !== 'none'); 4956 let account_name = (account_name_visible ? $('#account-name').val().trim() : ''); 4957 if( account_name_visible && account_name === '' ) { 4958 $('#account-name-error-message').slideDown(); 4959 $('#account-name').focus(); 4960 return false;
4961 } 4962 DisableControl('checkout-continue-button'); 4963 StartCheckout({ 4964 'email': $('#account-email').val(), 4965 'password': $('#account-password').val(), 4966 'customer_name': account_name 4967 }); 4968 } 4969 }); 4970 4971 $('#cart-icon').click( function() { 4972 OpenCart(); 4973 return false; 4974 }); 4975 $('#cart-contents').on('change','.cart-item-quantity-select', function() { 4976 let cart_index = $(this).attr('data-index'); 4977 let new_quantity = parseInt( $(this).val(), 10 ); 4978 let cart = GetCartContents(); 4979 if( new_quantity === 0 ) { 4980 Swal.fire({ 4981 title: 'Are you sure you wish to remove this item from your cart?', 4982 showDenyButton: false, 4983 showCancelButton: true, 4984 confirmButtonText: "Yes" 4985 }).then((result) => { 4986 if (result.isConfirmed) { 4987 cart.splice(cart_index, 1); 4988 SetCartContents( cart ); 4989 RenderCartContents(); 4990 } 4991 }); 4992 } 4993 else { 4994 cart[cart_index].quantity = new_quantity; 4995 4996 SetCartContents( cart ); 4997 RenderCartContents(); 4998 } 4999 }) 5000 .on('click', '.delete-cart-item', function() { 5001 let cart_index = $(this).attr('data-index'); 5002 let cart = GetCartContents(); 5003 Swal.fire({ 5004 title: 'Are you sure you wish to remove this item from your cart?', 5005 showDenyButton: false, 5006 showCancelButton: true, 5007 confirmButtonText: "Yes" 5008 }).then((result) => { 5009 if (result.isConfirmed) { 5010 cart.splice(cart_index, 1); 5011 SetCartContents( cart ); 5012 RenderCartContents(); 5013 } 5014 }); 5015 }) 5016 .on('click','.edit-cart-item-add-on-instructions', function() { 5017 let cart_index = $(this).attr('data-cart-index'); 5018 let add_on_index = $(this).attr('data-add-on-index'); 5019 let cart = GetCartContents(); 5020 if( Array.isArray( cart ) && Array.isArray( cart[ cart_index ].add_ons ) ) { 5021 let selector_suffix = cart_index + '-' + add_on_index; 5022 let instructions_div = $('#cart-item-add-on-instructions-' + selector_suffix ); 5023 let instructions = cart[ cart_index ].add_ons[ add_on_index ].instructions; 5024 let s = '<textarea class="form-control" id="cart-item-instructions-textarea-' + selector_suffix + '">' + 5025 (typeof instructions === 'string' ? escapeHtml( instructions ) : '') + '</textarea>' + 5026 '<button type="button" class="btn-small save-cart-item-instructions button button-white button-light btn-block" style="margin: 5px 0 0 0;" ' + 5027 'data-cart-index="' + cart_index + '" data-add-on-index="' + add_on_index + '">Save</button>'; 5028 instructions_div.html( s ); 5029 $('#cart-item-instructions-textarea-' + selector_suffix).focus(); 5030 } 5031 }) 5032 .on('click','.save-cart-item-instructions',function() { 5033 let cart_index = $(this).attr('data-cart-index'); 5034 let add_on_index = $(this).attr('data-add-on-index'); 5035 let instructions_div = $('#cart-item-add-on-instructions-' + cart_index + '-' + add_on_index ); 5036 let cart = GetCartContents(); 5037 if( Array.isArray( cart ) && Array.isArray( cart[ cart_index ].add_ons ) ) { 5038 let new_instructions = $('#cart-item-instructions-textarea-' + cart_index + '-' + add_on_index ).val().trim(); 5039 cart[ cart_index ].add_ons[ add_on_index ].instructions = new_instructions; 5040 instructions_div.html( GetHtmlForAddOnInstructions( new_instructions, cart_index, add_on_index ) ); 5041 SetCartContents( cart ); 5042 } 5043 }); 5044 5045 let coupon_code = "".trim(); 5046 if( coupon_code !== '' ) { 5047 $('#coupon-code').val( coupon_code ); 5048 $('#apply-coupon-button').click(); 5049 } 5050 }); 5051 5052 function GetCartContents() 5053 { 5054 let cart = localStorage.getItem( cart_key ); 5055 if( typeof cart === 'string' ) { 5056 let cart_object = JSON.parse(cart); 5057 if( !Array.isArray( cart_object ) ) 5058 return []; 5059 else 5060 return cart_object; 5061 } 5062 else 5063 return []; 5064 } 5065 5066 function SetCartContents( new_cart ) 5067 { 5068 localStorage.setItem( cart_key, JSON.stringify( new_cart ) ); 5069 UpdateCartBadge(); 5070 } 5071 5072 function SetCartCouponCode( code ) 5073 { 5074 if( typeof code === 'undefined' ) 5075 localStorage.removeItem( coupon_key ); 5076 else 5077 localStorage.setItem( coupon_key, code ); 5078 } 5079 5080 function GetCartCouponCode() 5081 { 5082 return localStorage.getItem( coupon_key ); 5083 } 5084 5085 function SetCartDiscount( discount_data ) 5086 { 5087 if( typeof discount_data === 'undefined' ) 5088 localStorage.removeItem( discount_key ); 5089 else 5090 localStorage.setItem( discount_key, JSON.stringify( discount_data ) ); 5091 } 5092 5093 function GetCartDiscount() 5094 { 5095 let discount = localStorage.getItem( discount_key ); 5096 if( typeof discount === 'string' ) { 5097 let discount_object = JSON.parse(discount); 5098 if( !Array.isArray( discount_object ) ) 5099 return []; 5100 else 5101 return discount_object; 5102 } 5103 else 5104 return []; 5105 } 5106 5107 function UpdateCartBadge() 5108 { 5109 let new_cart = GetCartContents(); 5110 5111 let badge_counter = 0; 5112 for( let i = 0; i < new_cart.length; i++ ) 5113 badge_counter += parseInt( new_cart[i].quantity, 10 ); 5114 5115 $('#cart-item-count').html( badge_counter ).css('visibility',( badge_counter === 0 ? 'hidden' : 'visible' )); 5116 if( badge_counter > 0 ) 5117 $('#extra-check-out-text').html('<a href="#" id="extra-check-out-link" class="button button-leaf" style="margin: 10px 0 0 0;">' + 5118 "Cart" + 5119 '</a>'); 5120 else 5121 $('#extra-check-out-text').html(''); 5122 } 5123 5124 function GetCurrentTotalQuantityForProduct( product ) 5125 { 5126 let cart = GetCartContents(); 5127 5128 let has_reached_max_quantity = false;
5129 let scan_cart = true; 5130 let total_existing_quantity_in_cart = 0; 5131 for( let i = 0; i < cart.length; i++ ) { 5132 if (cart[i].product_id == product.product_id && cart[i].variant_id == product.variant_id) 5133 total_existing_quantity_in_cart += parseInt( cart[i].quantity, 10 ); 5134 5135 if( total_existing_quantity_in_cart >= product.max_quantity ) 5136 total_existing_quantity_in_cart = product.max_quantity; 5137 5138 if( product.quantity + total_existing_quantity_in_cart > product.max_quantity ) { 5139 has_reached_max_quantity = true; 5140 scan_cart = false; 5141 } 5142 } 5143 return { 5144 total_existing_quantity_in_cart: total_existing_quantity_in_cart, 5145 has_reached_max_quantity: has_reached_max_quantity 5146 }; 5147 } 5148 5149 function AddProductToCart( product ) 5150 { 5151 let cart = GetCartContents(); 5152 5153 let found_existing_item_in_cart = false; 5154 let cart_inspection = GetCurrentTotalQuantityForProduct( product ); 5155 let max_quantity = Math.max( parseInt(product.max_quantity,10), cart_inspection.total_existing_quantity_in_cart ); 5156 5157 if( cart_inspection.has_reached_max_quantity ) { 5158 found_existing_item_in_cart = true; 5159 toastr.clear(); 5160 toastr.info('Maximum quantity reached','',{timeOut: 10000}); 5161 } 5162 else { 5163 for (let i = 0; i < cart.length; i++) { 5164 let all_found = true; 5165 5166 if (cart[i].product_id == product.product_id && cart[i].variant_id == product.variant_id) { 5167 5168 if (Array.isArray(cart[i].add_ons) && Array.isArray(product.add_ons)) { 5169 let found_add_on_matches = []; 5170 for (let j = 0; j < cart[i].add_ons.length; j++) { 5171 let found_add_on_match = false; 5172 for (let k = 0; k < product.add_ons.length; k++) { 5173 if (cart[i].add_ons[j].id == product.add_ons[k].id && 5174 (product.add_ons[k].allow_user_input_customization_text != 1 || 5175 (product.add_ons[k].allow_user_input_customization_text == 1 && 5176 cart[i].add_ons[j].instructions == product.add_ons[k].instructions))) { 5177 found_add_on_match = true; 5178 break; 5179 } 5180 } 5181 found_add_on_matches[j] = found_add_on_match; 5182 } 5183 for (let j = 0; j < found_add_on_matches.length; j++) 5184 if (found_add_on_matches[j] !== true) 5185 all_found = false; 5186 5187 if (cart[i].add_ons.length !== product.add_ons.length) 5188 all_found = false; 5189 } 5190 if (all_found) { 5191 found_existing_item_in_cart = true; 5192 5193 if (parseInt(cart[i].quantity, 10) + parseInt(product.quantity, 10) > max_quantity ) { 5194 cart[i].quantity = parseInt(max_quantity, 10); 5195 toastr.clear(); 5196 toastr.info('Quantity reduced to match what is in-stock','',{timeOut: 10000}); 5197 } 5198 else 5199 cart[i].quantity = parseInt(cart[i].quantity, 10) + parseInt(product.quantity, 0); 5200 5201 break; 5202 } 5203 } 5204 } 5205 } 5206 if( !found_existing_item_in_cart ) 5207 cart.push( product ); 5208 5209 SetCartContents( cart ); 5210 OpenCart(); 5211 } 5212 5213 function RemoveProductFromCart( product_id ) 5214 { 5215 let cart = GetCartContents(); 5216 5217 for( let i = 0; i < cart.length; i++ ) { 5218 if (cart[i].product_id == product_id) { 5219 cart.splice(i, 1); 5220 SetCartContents( cart ); 5221 UpdateCartBadge(); 5222 return; 5223 } 5224 } 5225 } 5226 5227 function EmptyCart() { 5228 SetCartContents([]); 5229 UpdateCartBadge(); 5230 } 5231 5232 function GetHtmlForAddOnInstructions( instructions, cart_index, add_on_index ) 5233 { 5234 return ( typeof instructions === 'string' && instructions.trim() !== '' ? escapeHtml( instructions ) : 'Add instructions' ) + 5235 '<a href="#" class="edit-cart-item-add-on-instructions" data-cart-index="' + cart_index + '" data-add-on-index="' + add_on_index + '">' + 5236 '<i class="icon-pencil"></i></a>'; 5237 } 5238
5239 function RenderCartContents( skip_shipping = false ) 5240 { 5241 let s = ''; 5242 let cart = GetCartContents(); 5243 let total_price = new BigNumber('0.00'); 5244 let discounts = GetCartDiscount(); 5245 5246 if( cart.length === 0 ) { 5247 s = '<div style="padding: 20px;">No items.</div>'; 5248 $('#check-out-now-div').hide(); 5249 } 5250 else { 5251 let cart_coupon_code = GetCartCouponCode(); 5252 $('#coupon-code').val( cart_coupon_code === null ? '' : cart_coupon_code ); 5253 5254 $('#check-out-now-div').show(); 5255 for( let i = 0; i < cart.length; i++ ) { 5256 let item = cart[i]; 5257 let item_price = (typeof item.sale_price === 'string' && item.sale_price !== '' ? item.sale_price : item.price); 5258 let item_is_on_sale = (typeof item.sale_price === 'string' && item.sale_price !== ''); 5259 total_price = total_price.plus( BigNumber( item.quantity ).times( BigNumber( item_price ) ) ); 5260 5261 let cart_inspection = GetCurrentTotalQuantityForProduct( item ); 5262 let max_quantity = parseInt(item.quantity,10) + parseInt(item.max_quantity,10) - cart_inspection.total_existing_quantity_in_cart; 5263 if( max_quantity > item.max_quantity ) 5264 max_quantity = item.max_quantity; 5265 if( max_quantity < item.quantity ) 5266 max_quantity = item.quantity; 5267 5268 let add_on_html = ''; 5269 let add_on_price_difference = new BigNumber('0.00'); 5270 for( let j = 0; j < item.add_ons.length; j++ ) { 5271 let add_on = item.add_ons[j]; 5272 total_price = total_price.plus( BigNumber( item.quantity ).times( BigNumber( typeof add_on.sale_price_difference === 'string' && add_on.sale_price_difference !== '' ? add_on.sale_price_difference : add_on.price_difference ) ) ); 5273 add_on_html += '<div class="cart-item-add-on-div">' + escapeHtml( add_on.name ); 5274 if( typeof add_on.sale_price_difference === 'string' && add_on.sale_price_difference !== '' ) { 5275 add_on_html += ' <del>' + escapeHtml(store_currency_symbol + add_on.price_difference) + '</del>' + 5276 escapeHtml(store_currency_symbol + add_on.sale_price_difference); 5277 add_on_price_difference = add_on_price_difference.plus( BigNumber( add_on.sale_price_difference ) ); 5278 } 5279 else { 5280 add_on_html += ' ' + escapeHtml(store_currency_symbol + add_on.price_difference); 5281 add_on_price_difference = add_on_price_difference.plus( BigNumber( add_on.price_difference ) ); 5282 } 5283 5284 add_on_html += '<div class="cart-item-add-on-instructions" id="cart-item-add-on-instructions-' + i + '-' + j + '">' + 5285 (add_on.allow_user_input_customization_text == 1 ? GetHtmlForAddOnInstructions( add_on.instructions, i, j ) : '') + 5286 '</div>'; 5287 5288 add_on_html += '</div>'; 5289 } 5290 5291 let quantity_html = '<div class="cart-item-quantity">'; 5292 quantity_html += '<select id="cart-item-quantity' + i + '" class="form-control cart-item-quantity-select" data-index="' + i +'" style="width: auto;">'; 5293 for( let j = 0; j <= max_quantity; j++ ) { 5294 quantity_html += '<option value="' + j + '"' + ( item.quantity == j ? ' selected' : '') + '>' + 5295 'Qty: ' + j + '</option>'; 5296 } 5297 quantity_html += '</select>'; 5298 5299 quantity_html += '</div>'; 5300 5301 let price_html = '', base_price_html = ''; 5302 let item_price_bignumber = new BigNumber( item.price ); 5303 let item_base_price_bignumber = item_price_bignumber; 5304 item_price_bignumber = item_price_bignumber.plus( add_on_price_difference ); 5305 if( item_is_on_sale ) { 5306 let item_sale_price_bignumber = new BigNumber( item.sale_price ); 5307 item_base_price_bignumber = item_sale_price_bignumber; 5308 5309 item_sale_price_bignumber = item_sale_price_bignumber.plus( add_on_price_difference ); 5310 5311 price_html += '<del>' + escapeHtml(store_currency_symbol + item_price_bignumber) + '</del> ' + 5312 ( item_sale_price_bignumber.isZero() ? 'Free' : escapeHtml(store_currency_symbol + item_sale_price_bignumber) ); 5313 5314 if( !item_base_price_bignumber.isEqualTo( item_sale_price_bignumber ) ) 5315 base_price_html = ' (' + store_currency_symbol + item_base_price_bignumber + '/ea)'; 5316 } 5317 else { 5318 price_html += escapeHtml(store_currency_symbol + item_price_bignumber); 5319 if( !item_base_price_bignumber.isEqualTo( item_price_bignumber ) ) 5320 base_price_html = ' (' + store_currency_symbol + item_base_price_bignumber + '/ea)'; 5321 } 5322 5323 price_html += ' <i class="icon-trash2 delete-cart-item" data-index="' + i + '"></i>'; 5324 5325 5326 5327 s += '<div class="cart-item">' + 5328 '<div class="cart-item-photo">' + 5329 (typeof item.product_image_url === 'string' && item.product_image_url !== '' ? '<img src="' + escapeHtml( item.product_image_url ) + '" alt="' + escapeHtml( item.product_name ) + '">' : '' ) + 5330 '</div>' + 5331 '<div class="cart-item-description">' + 5332 escapeHtml( item.product_name ) + 5333 base_price_html + 5334 (typeof item.variant_name === 'string' && item.variant_name !== '' ? '<div class="cart-item-variant-name">' + escapeHtml( item.variant_name ) + '</div>' : '' ) + 5335 add_on_html + 5336 '</div>' + 5337 '<div class="cart-item-price">' + 5338 price_html + 5339 quantity_html + 5340 '</div>' + 5341 '</div>'; 5342 } 5343 } 5344 5345 $('#cart-contents').html( s ); 5346 let discounted_price = total_price; 5347 let discount_html = ''; 5348 let coupon_code = ''; 5349 for( let i = 0; i < discounts.length; i++ ) { 5350 let discount = discounts[i]; 5351 if( i === 0 ) { 5352 coupon_code = discount.discount_code; 5353 discount_html += '<div class="coupon-description"><span class="float-left-desktop">Coupon Code:</span> <kbd><a href="#" class="remove-coupon-code" data-toggle="tooltip" title="Click to remove coupon code">' + escapeHtml( discount.discount_code ) + ' ' + 5354 '×</a></kbd></div>'; 5355 } 5356 let discount_amount = new BigNumber( discount.discount_amount ); 5357 discount_amount = discount_amount.dividedBy( 100 ) 5358 discounted_price = discounted_price.minus( discount_amount ); 5359 5360 discount_html += '<div class="coupon-discounts"><span class="float-left-desktop">' + 5361 escapeHtml( discount['discount_description'] ); 5362 5363 if( discount.discount_type === 'free_shipping' ) 5364 discount_html += '</span> '; 5365 else 5366 discount_html += ':</span> -' + store_currency_symbol + escapeHtml(discount_amount.toFormat(2)); 5367 5368 discount_html += '</div>'; 5369 } 5370 if( discounted_price.isLessThan( 0 ) ) 5371 discounted_price = new BigNumber('0.00'); 5372 if( discounted_price.isEqualTo( total_price ) ) 5373 $('#cart-subtotal').html('<div><strong><span class="float-left-desktop">Subtotal:</span> ' + store_currency_symbol + total_price.toFormat(2) + '</strong></div>' + discount_html ); 5374 else 5375 $('#cart-subtotal').html('<div><strong><span class="float-left-desktop">Subtotal:</span> ' + store_currency_symbol + total_price.toFormat(2) + '</strong></div>' + 5376 discount_html + 5377 '<div><strong><span class="float-left-desktop">Discounted Subtotal:</span> ' + store_currency_symbol + discounted_price.toFormat(2) + '</strong></div>'); 5378 5379 global_cart_subtotal = total_price; 5380 global_discounted_cart_subtotal = discounted_price; 5381 global_cart_grand_total = discounted_price; 5382 if( skip_shipping === false ) 5383 CalculateShipping(); 5384 5385 $('body').tooltip({ 5386 selector: '[data-toggle=tooltip]' 5387 }); 5388 } 5389 5390 function CalculateShipping() 5391 { 5392 if( $('#cart-shipping').html() != '' ) 5393 $('#cart-shipping').html(' '); 5394 5395 let cart = GetCartContents(); 5396 if( cart.length === 0 ) 5397 return false;
5398 5399 let data = { 5400 cart_contents: cart, 5401 coupon_code: GetCartCouponCode(), 5402 store_id: store_id 5403 }; 5404 $.ajax({ 5405 url: "https:\/\/praisemoves.com\/shop\/cart\/calculate-shipping", 5406 method: "POST", 5407 dataType: "json", 5408 data: data 5409 }) 5410 .done(function( data_obj ) { 5411 toastr.clear(); 5412 if( data_obj.success ) { 5413 let shipping_cost_string; 5414 let shipping_cost = new BigNumber( 0 ); 5415 5416 if( data_obj.results.shipping_cost == '0' ) 5417 shipping_cost_string = 'Free'; 5418 else if( data_obj.results.shipping_cost == '' || typeof data_obj.results.shipping_cost === 'undefined' ) 5419 shipping_cost_string = ''; 5420 else { 5421 shipping_cost = new BigNumber(data_obj.results.shipping_cost); 5422 shipping_cost_string = store_currency_symbol + shipping_cost.toFormat(2); 5423 } 5424 global_cart_grand_total = global_discounted_cart_subtotal.plus( shipping_cost ); 5425 if( global_cart_grand_total.isLessThan( 0 ) ) 5426 global_cart_grand_total = new BigNumber('0.00'); 5427 let grand_total_html = '<div class="grand-total-div"><span class="float-left-desktop">Total:</span> ' + 5428 store_currency_symbol + global_cart_grand_total.toFormat( 2 ) + 5429 (tax_enabled ? '*' : '') + 5430 '</div>'; 5431 if( tax_enabled ) 5432 grand_total_html += '<div style="margin:5px;" class="text-center"><em>* Tax is calculated during checkout</em></div>'; 5433 5434 if( shipping_cost_string != '' ) 5435 $('#cart-shipping').html('<div id="cart-shipping-inner"><span class="float-left-desktop">Shipping:</span> ' + shipping_cost_string + '</div>' + grand_total_html); 5436 else 5437 $('#cart-shipping').html( grand_total_html ); 5438 5439 let server_discounts = Array.isArray( data_obj.results.discounts ) ? data_obj.results.discounts : []; 5440 if( server_discounts.length > 0 ) { 5441 SetCartDiscount( server_discounts ); 5442 RenderCartContents( true ); 5443 } 5444 else if( GetCartDiscount().length > 0 ) { 5445 SetCartDiscount(); 5446 RenderCartContents( true ); 5447 } 5448 } 5449 else 5450 $('#cart-shipping').html(''); 5451 }) 5452 .fail(function( jqXHR, textStatus ) { 5453 $('#cart-shipping').html(''); 5454 }); 5455 } 5456 5457 function OpenCart() 5458 { 5459 $('body').css('overflow','hidden'); 5460 RenderCartContents(); 5461 $('#cart-panel').show(); 5462 $('.cart-panel-backdrop').show().addClass('open'); 5463 $('#cart-panel-sidepanel').addClass('open'); 5464 } 5465 function CloseCart() 5466 { 5467 $('body').css('overflow','auto'); 5468 $('.cart-panel-backdrop').hide().removeClass('open'); 5469 $('#cart-panel-sidepanel').removeClass('open'); 5470 setTimeout( () => $('#cart-panel').hide(), 350 ); 5471 } 5472</script>
vendor: 1 bytes, line 5472
5472
5473<script src='https://cdn.jsdelivr.net/npm/[email protected]/bignumber.min.js'></script>
5473 5474 </main><!-- main content end --> 5475 5476 <a name="contact"></a> 5477 5478 <div class="fr-view" style="font-size:14pt;" id="site-custom-footer-div"></div> 5479</div><!-- #wrapper end --> 5480 5481 5482 5483 5484<style> 5485 .subscribe { 5486 font-weight: 300; 5487 margin-bottom:15px; 5488 } 5489 .subscribe label { 5490 font-weight: 300; 5491 display:inline; 5492 white-space:nowrap; 5493 } 5494 .subscribe > span, .subscribe > span > span { 5495 white-space:nowrap; 5496 } 5497 #contact-me-message { 5498 min-height:60px; 5499 margin-bottom:10px; 5500 max-height:120px; 5501 } 5502 .contact-form-address { 5503 display:none; 5504 } 5505 .sm-form-control { 5506 font-size: 1.8rem; 5507 height: auto; 5508 } 5509 .contact-form-grid { 5510 display: grid; 5511 grid-template-columns: 1fr 1fr; 5512 grid-gap: 2rem; 5513 align-items: center; 5514 justify-items: center; 5515 padding: 1rem; 5516 } 5517 .contact-form-grid > div { 5518 width: 100%; 5519 } 5520 @media (max-width: 991px) { 5521 .contact-form-grid { 5522 grid-template-columns: 1fr; 5523 } 5524 } 5525</style> 5526 5527<!-- Contact Me Modal --> 5528<div class="modal fade" id="contactMeModal" tabindex="-1" role="dialog" aria-labelledby="contactMeModalLabel" aria-hidden="true"> 5529 <div class="modal-dialog modal-lg"> 5530 <div class="modal-body"> 5531 <div class="modal-content"> 5532 <div class="modal-body"> 5533 <div class="contact-form-grid"> 5534 <div> 5535 <img src="https://attractwell-1774-fast.b-cdn.net/images/1774-64e681941b796.jpg" style="width:100%;" loading="lazy"> 5536 </div> 5537 <div> 5538 <div class="text-center"> 5539 <button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true">×</button> 5540 <h2 class="ls1 nobottommargin" id="contactMeModalLabel">Dr. Laurette Willis</h2> 5541 5542 <div style="color: #888888;font-weight:300;margin-bottom:10px;"> 5543 USA<br> <a href="mailto:info@praisemoves.com">info@praisemoves.com</a> 5544 <div style="margin-top:1rem;text-align:center;"> 5545 5546 <style> 5547 .social-icon { 5548 float: none; 5549 display: inline-block; 5550 } 5551 .si-snapchat:hover { 5552 background-color: #fffc00; 5553 } 5554 .snapchat-adjust { 5555 padding-top: 9px; 5556 } 5557 .snapchat-adjust:hover { 5558 padding-top: 15px; 5559 } 5560 .snapchat-adjust:not(.si-small):hover { 5561 padding-top: 18px; 5562 } 5563 .snapchat-adjust:hover i:first-child { 5564 visibility: hidden; 5565 } 5566 .snapchat-adjust i:last-child { 5567 color: #333 !important; 5568 } 5569 .fa-x-twitter:first-of-type { 5570 margin-top: 8px; 5571 } 5572 .fa-x-twitter:last-child { 5573 margin-top: 24px; 5574 } 5575 .fa-x-twitter-large { 5576 padding-top: 1px; 5577 } 5578 .fa-snapchat-ghost:first-of-type { 5579 margin-bottom:10px; 5580 } 5581 .fa-snapchat-ghost:last-child { 5582 position: relative; 5583 top: -1px; 5584 } 5585 .snapchat-adjust-large { 5586 padding-top: 10px; 5587 } 5588 .snapchat-adjust-large:hover { 5589 padding-top: 18px; 5590 } 5591 .snapchat-adjust-large:hover i:first-child { 5592 visibility: hidden; 5593 } 5594 .dark .snapchat-adjust-large i:last-child { 5595 color: #333 !important; 5596 } 5597 .fa-snapchat-ghost-large:first-of-type { 5598 margin-bottom:10px; 5599 } 5600 </style> </div> 5601</div> 5602 5603 5604 <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> 5605 <div class="row"> 5606 <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> 5607 <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> 5608 </div> 5609 <div style="margin-bottom:10px;"> 5610 <select class="sm-form-control" id="contact-me-country" name="contact-me-country"> 5611 <optgroup label="My Country"> 5612 <option value="">Please select</option> 5613 <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">
5613France</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> 5614 </select> 5615 </div> 5616 <div> 5617 <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> 5618 <textarea id="contact-me-message" name="contact-me-message" class="sm-form-control" placeholder="Your message to Dr. Laurette Willis (optional)"></textarea> 5619 <div class="subscribe text-center"> 5620 <label style="margin-right:5px;"> 5621 Contact me by 5622 </label>
5623 <span> 5624 <span> 5625 <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> 5626 </span> 5627 <span> 5628 <input type="checkbox" name="subscribe-text" id="subscribe-text" value="1" style="margin-right:5px;"><label for="subscribe-text">Text</label> 5629 </span> 5630 </span> 5631 </div> 5632 <div class="text-center"> 5633 <button type="button" id="send-message-button" class="button button-large button-green nomargin" value="submit">Send Message</button> 5634 </div> 5635 </div> 5636 </div> 5637 </div> 5638 </div> 5639 </div> 5640 </div> 5641 </div> 5642 </div> 5643</div> 5644
5645<script> 5646 function IsEU( country ) 5647 { 5648 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"]; 5649 5650 if( EU_countries.indexOf( country ) > -1 ) 5651 return true; 5652 else 5653 return false; 5654 } 5655 5656 $(function() { 5657 $('#contactMeModal').on('shown.bs.modal', function () { 5658 $('#contact-me-name').focus(); 5659 }); 5660 $('#contact-me-country').change( function() { 5661 if( IsEU( $(this).val() ) ) 5662 $('#subscribe-email').prop('checked',false); 5663 else 5664 $('#subscribe-email').prop('checked',true); 5665 }); 5666 $('#contact-me-country').change(); 5667 }); 5668 5669 $('#send-message-button').click( function() { 5670 var contact_name = $('#contact-me-name').val().trim(); 5671 var contact_email = $('#contact-me-email').val().trim(); 5672 var contact_phone = $('#contact-me-phone').val().trim(); 5673 var contact_message = $('#contact-me-message').val().trim(); 5674 var contact_country = $('#contact-me-country').val(); 5675 5676 if( contact_name == '' ) { 5677 toastr.error( 'Please enter your name.' ); 5678 $('#contact-me-name').focus(); 5679 return; 5680 } 5681 if( contact_email == '' && contact_phone == '' ) { 5682 toastr.error( 'Please enter either your phone or email address.' ); 5683 $('#contact-me-phone').focus(); 5684 return; 5685 } 5686 5687 if( contact_message == '' && !$('#subscribe-text').prop('checked') && !$('#subscribe-email').prop('checked') ) { 5688 toastr.error( 'Please either choose a way to be contacted or enter a message.'); 5689 $('#contact-me-message').focus(); 5690 return; 5691 } 5692 5693 if ($('#subscribe-text').prop('checked') && contact_phone == '') { 5694 toastr.error('Please enter your mobile phone number to be contacted by text.'); 5695 $('#contact-me-phone').focus(); 5696 return; 5697 } 5698 if ($('#subscribe-email').prop('checked') && contact_email == '') { 5699 toastr.error('Please enter your email address to be contacted by email.'); 5700 $('#contact-me-email').focus(); 5701 return; 5702 } 5703 5704 $('#contactMeModal').modal('hide'); 5705 toastr.info('Message sending...'); 5706 $.ajax({ 5707 //url: //, 5708 url: "https://praisemoves.com/app/contact-me-form", 5709 method: "POST", 5710 dataType: "json", 5711 crossDomain: true, 5712 data: { 5713 'contact-name' : contact_name, 5714 'contact-email' : contact_email, 5715 'contact-phone' : contact_phone, 5716 'contact-message' : contact_message, 5717 'contact-country' : contact_country, 5718 'contact-address' : $('#contact-address').val(), 5719 'subscribe-email' : ($('#subscribe-email').prop('checked') ? '1' : '0'), 5720 'subscribe-text' : ($('#subscribe-text').prop('checked') ? '1' : '0'), 5721 'enroller-number' : "", 5722 'enroller-name' : "", 5723 'sponsor-number' : "", 5724 'sponsor-name' : "", 5725 'utm_source' : null, 5726 'utm_campaign' : null, 5727 'utm_medium' : null, 5728 'utm_term' : null, 5729 'utm_content' : null, 5730 'request_source' : 'contact_me', 5731 "analytics_campaign" : null } 5732 }) 5733 .done(function( data ) { 5734 if( data.success ) { 5735 toastr.success('Message sent!', {timeOut: 10000}); 5736 $('#contact-me-message').val(''); 5737 } 5738 else if( data.code == 'Invalid Email' ) { 5739 toastr.error( 'Please check your email address.' ); 5740 $('#contact-me-email').focus(); 5741 } 5742 else if( data.code == 'Missing Name' ) { 5743 toastr.error( 'Please enter your name.' ); 5744 $('#contact-me-name').focus(); 5745 } 5746 else if( data.code == 'Email Or Phone Required' ) { 5747 toastr.error( 'Please enter either your phone or email address.' ); 5748 $('#contact-me-phone').focus(); 5749 } 5750 else if( data.code == 'Missing Message' ) { 5751 toastr.error( 'Please enter a message.' ); 5752 $('#contact-me-message').focus(); 5753 } 5754 else 5755 toastr.error('Message not sent. Please contact me by email or phone instead.'); 5756 5757 }) 5758 .fail(function( jqXHR, textStatus ) { 5759 toastr.error( "Request failed: " + textStatus, 'Message not sent. Please contact me by email or phone instead.' ); 5760 }); 5761 }); 5762</script>
5762 5763 5764 5765<!-- Go To Top 5766============================================= --> 5767<div id="gotoTop" class="icon-angle-up"></div> 5768 5769<!-- Footer Scripts 5770============================================= -->
5771<script type="text/javascript" src="https://attractwell.com/site-assets/js/jquery.quickfit.js"></script>
5771 5772
5772<script type="text/javascript" src="https://attractwell.com/site-assets/themes/attractwell/js/functions.min.js"></script>
vendor: 1 bytes, line 5772
5772
5773<script type="text/javascript" src="https://attractwell.com/site-assets/js/jquery.quickfit.js"></script>
5773 5774<!--
5774<script type="text/javascript" src="https://attractwell.com/site-assets/js/js.cookie.js"></script>
5774 -->
5775<script type="text/javascript"> 5776 var quickfit_options_large = { 5777 min: 15, 5778 max: 36, 5779 width: 300 5780 //truncate: true 5781 }; 5782 var quickfit_options_small = { 5783 min: 12, 5784 max: 20, 5785 width: 200 5786 //truncate: true 5787 }; 5788 5789 function resizeText() 5790 { 5791 } 5792 5793 $(function() { 5794 // auto scale text name if it's too long, on both window resize and scroll 5795 $( window ).on( 'resize', resizeText ); 5796 $( window ).on( 'scroll', resizeText ); 5797 resizeText(); 5798 5799 $(window).load( function() { 5800 if( location.hash === '#contact' ) 5801 $('#contactMeModal').modal('show'); 5802 5803 $('a[href$="#contact"]').click( function() { 5804 $('#contactMeModal').modal('show'); 5805 return false; 5806 } ); 5807 5808 $('a[href$="#lead"]').click( function() { 5809 if( $('#leadModal').length === 0 && $('#lead').length === 0 ) { 5810 window.location.href = "\/\/#lead"; 5811 return false; 5812 } 5813 } ); 5814 5815 $( window ).resize(); 5816 }); 5817 5818 5819 $('.menu-flag-icon').click( function (){ 5820 Cookies.set("country",$(this).attr('data-flag'), { path: "\/praisemoves" } ); // cookie valid to the current path 5821 window.scrollTo(0,0); // scroll to top of page 5822 location.reload(true); 5823 }); 5824 5825 $('#landing-page-log-out').click(function() { 5826 var path_scope = "\/praisemoves"; 5827 Cookies.remove("registered-on-landing-page", {path: path_scope}); 5828 Cookies.remove('landing_account_id', {path: path_scope}); 5829 Cookies.remove('contact_id', {path: path_scope}); 5830 Cookies.remove('skip_registration', {path: path_scope}); 5831 }); 5832 5833 // instrument the page with click handlers 5834 $('a').click( function() { 5835 var url = $(this).attr('href'); 5836 var title = $(this).text();
5837 title = title.replace(/\\n/gi,'').trim(); 5838 if( url !== '#' ) { 5839 var is_sign_up_link = ($(this).hasClass('sign-up-link') || (url === null && null !== '')); 5840 RecordExternalClickAnalytics(url, title, is_sign_up_link ); 5841 if( is_sign_up_link && Cookies.get('contact_id') != '' ) 5842 RecordContactWebsiteSignUpLinkClick( Cookies.get('contact_id') ); 5843 } 5844 }); 5845 }); 5846</script>
vendor: 1 bytes, line 5846
5846
5847<script src="https://cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>
vendor: 1 bytes, line 5847
5847
5848<script>$(function() { $('audio').on('contextmenu', () => {return false}); });</script>
5848 5849 5850 5851</body> 5852</html>
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.