woocommerce.css (358875B)
1 @charset "UTF-8"; 2 3 /** 4 * The css property used for elevation. In most cases this should not be changed. It is exposed 5 * as a variable for abstraction / easy use when needing to reference the property directly, for 6 * example in a `will-change` rule. 7 */ 8 9 /** 10 * The default duration value for elevation transitions. 11 */ 12 13 /** 14 * The default easing value for elevation transitions. 15 */ 16 17 /** 18 * Applies the correct CSS rules to an element to give it the elevation specified by $z-value. 19 * The $z-value must be between 0 and 24. 20 * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use 21 * $opacity-boost. 22 */ 23 24 /** 25 * Returns a string that can be used as the value for a `transition` property for elevation. 26 * Calling this function directly is useful in situations where a component needs to transition 27 * more than one property. 28 * 29 * ```scss 30 * .foo { 31 * transition: mdc-elevation-transition-value(), opacity 100ms ease; 32 * will-change: $mdc-elevation-property, opacity; 33 * } 34 * ``` 35 */ 36 37 .mdc-line-ripple { 38 position: absolute; 39 bottom: 0; 40 left: 0; 41 width: 100%; 42 height: 2px; 43 -webkit-transform: scaleX(0); 44 transform: scaleX(0); 45 transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1); 46 transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); 47 transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1); 48 opacity: 0; 49 z-index: 2; 50 } 51 52 .mdc-line-ripple--active { 53 -webkit-transform: scaleX(1); 54 transform: scaleX(1); 55 opacity: 1; 56 } 57 58 .mdc-line-ripple--deactivating { 59 opacity: 0; 60 } 61 62 @-webkit-keyframes mdc-ripple-fg-radius-in { 63 from { 64 -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 65 animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 66 -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); 67 transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); 68 } 69 70 to { 71 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 72 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 73 } 74 } 75 76 @keyframes mdc-ripple-fg-radius-in { 77 from { 78 -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 79 animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 80 -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); 81 transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); 82 } 83 84 to { 85 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 86 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 87 } 88 } 89 90 @-webkit-keyframes mdc-ripple-fg-opacity-in { 91 from { 92 -webkit-animation-timing-function: linear; 93 animation-timing-function: linear; 94 opacity: 0; 95 } 96 97 to { 98 opacity: var(--mdc-ripple-fg-opacity, 0); 99 } 100 } 101 102 @keyframes mdc-ripple-fg-opacity-in { 103 from { 104 -webkit-animation-timing-function: linear; 105 animation-timing-function: linear; 106 opacity: 0; 107 } 108 109 to { 110 opacity: var(--mdc-ripple-fg-opacity, 0); 111 } 112 } 113 114 @-webkit-keyframes mdc-ripple-fg-opacity-out { 115 from { 116 -webkit-animation-timing-function: linear; 117 animation-timing-function: linear; 118 opacity: var(--mdc-ripple-fg-opacity, 0); 119 } 120 121 to { 122 opacity: 0; 123 } 124 } 125 126 @keyframes mdc-ripple-fg-opacity-out { 127 from { 128 -webkit-animation-timing-function: linear; 129 animation-timing-function: linear; 130 opacity: var(--mdc-ripple-fg-opacity, 0); 131 } 132 133 to { 134 opacity: 0; 135 } 136 } 137 138 .mdc-ripple-surface--test-edge-var-bug { 139 --mdc-ripple-surface-test-edge-var: 1px solid #000; 140 visibility: hidden; 141 } 142 143 .mdc-ripple-surface--test-edge-var-bug::before { 144 border: var(--mdc-ripple-surface-test-edge-var); 145 } 146 147 /** 148 * The css property used for elevation. In most cases this should not be changed. It is exposed 149 * as a variable for abstraction / easy use when needing to reference the property directly, for 150 * example in a `will-change` rule. 151 */ 152 153 /** 154 * The default duration value for elevation transitions. 155 */ 156 157 /** 158 * The default easing value for elevation transitions. 159 */ 160 161 /** 162 * Applies the correct CSS rules to an element to give it the elevation specified by $z-value. 163 * The $z-value must be between 0 and 24. 164 * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use 165 * $opacity-boost. 166 */ 167 168 /** 169 * Returns a string that can be used as the value for a `transition` property for elevation. 170 * Calling this function directly is useful in situations where a component needs to transition 171 * more than one property. 172 * 173 * ```scss 174 * .foo { 175 * transition: mdc-elevation-transition-value(), opacity 100ms ease; 176 * will-change: $mdc-elevation-property, opacity; 177 * } 178 * ``` 179 */ 180 181 .mdc-form-field { 182 font-family: Roboto, sans-serif; 183 -moz-osx-font-smoothing: grayscale; 184 -webkit-font-smoothing: antialiased; 185 font-size: 0.875rem; 186 line-height: 1.25rem; 187 font-weight: 400; 188 letter-spacing: 0.0178571429em; 189 text-decoration: inherit; 190 text-transform: inherit; 191 color: rgba(0, 0, 0, 0.87); 192 /* @alternate */ 193 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); 194 display: inline-flex; 195 align-items: center; 196 vertical-align: middle; 197 } 198 199 .mdc-form-field > label { 200 order: 0; 201 margin-right: auto; 202 padding-left: 4px; 203 } 204 205 [dir=rtl] .mdc-form-field > label, 206 .mdc-form-field[dir=rtl] > label { 207 margin-left: auto; 208 padding-right: 4px; 209 } 210 211 .mdc-form-field--align-end > label { 212 order: -1; 213 margin-left: auto; 214 padding-right: 4px; 215 } 216 217 [dir=rtl] .mdc-form-field--align-end > label, 218 .mdc-form-field--align-end[dir=rtl] > label { 219 margin-right: auto; 220 padding-left: 4px; 221 } 222 223 .mdc-text-field-helper-text { 224 font-family: Roboto, sans-serif; 225 -moz-osx-font-smoothing: grayscale; 226 -webkit-font-smoothing: antialiased; 227 font-size: 0.75rem; 228 line-height: 1.25rem; 229 font-weight: 400; 230 letter-spacing: 0.0333333333em; 231 text-decoration: inherit; 232 text-transform: inherit; 233 margin: 0; 234 transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); 235 opacity: 0; 236 will-change: opacity; 237 } 238 239 .mdc-text-field + .mdc-text-field-helper-text { 240 margin-bottom: 8px; 241 } 242 243 .mdc-text-field-helper-text--persistent { 244 transition: none; 245 opacity: 1; 246 will-change: initial; 247 } 248 249 .mdc-text-field--with-leading-icon .mdc-text-field__icon, 250 .mdc-text-field--with-trailing-icon .mdc-text-field__icon { 251 position: absolute; 252 bottom: 16px; 253 cursor: pointer; 254 } 255 256 .mdc-text-field__icon:not([tabindex]), 257 .mdc-text-field__icon[tabindex="-1"] { 258 cursor: default; 259 pointer-events: none; 260 } 261 262 @-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path { 263 0%, 50% { 264 stroke-dashoffset: 29.7833385; 265 } 266 267 50% { 268 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 269 animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 270 } 271 272 100% { 273 stroke-dashoffset: 0; 274 } 275 } 276 277 @keyframes mdc-checkbox-unchecked-checked-checkmark-path { 278 0%, 50% { 279 stroke-dashoffset: 29.7833385; 280 } 281 282 50% { 283 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 284 animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 285 } 286 287 100% { 288 stroke-dashoffset: 0; 289 } 290 } 291 292 @-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { 293 0%, 68.2% { 294 -webkit-transform: scaleX(0); 295 transform: scaleX(0); 296 } 297 298 68.2% { 299 -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1); 300 animation-timing-function: cubic-bezier(0, 0, 0, 1); 301 } 302 303 100% { 304 -webkit-transform: scaleX(1); 305 transform: scaleX(1); 306 } 307 } 308 309 @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { 310 0%, 68.2% { 311 -webkit-transform: scaleX(0); 312 transform: scaleX(0); 313 } 314 315 68.2% { 316 -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1); 317 animation-timing-function: cubic-bezier(0, 0, 0, 1); 318 } 319 320 100% { 321 -webkit-transform: scaleX(1); 322 transform: scaleX(1); 323 } 324 } 325 326 @-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path { 327 from { 328 -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1); 329 animation-timing-function: cubic-bezier(0.4, 0, 1, 1); 330 opacity: 1; 331 stroke-dashoffset: 0; 332 } 333 334 to { 335 opacity: 0; 336 stroke-dashoffset: -29.7833385; 337 } 338 } 339 340 @keyframes mdc-checkbox-checked-unchecked-checkmark-path { 341 from { 342 -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1); 343 animation-timing-function: cubic-bezier(0.4, 0, 1, 1); 344 opacity: 1; 345 stroke-dashoffset: 0; 346 } 347 348 to { 349 opacity: 0; 350 stroke-dashoffset: -29.7833385; 351 } 352 } 353 354 @-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark { 355 from { 356 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 357 animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 358 -webkit-transform: rotate(0deg); 359 transform: rotate(0deg); 360 opacity: 1; 361 } 362 363 to { 364 -webkit-transform: rotate(45deg); 365 transform: rotate(45deg); 366 opacity: 0; 367 } 368 } 369 370 @keyframes mdc-checkbox-checked-indeterminate-checkmark { 371 from { 372 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 373 animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 374 -webkit-transform: rotate(0deg); 375 transform: rotate(0deg); 376 opacity: 1; 377 } 378 379 to { 380 -webkit-transform: rotate(45deg); 381 transform: rotate(45deg); 382 opacity: 0; 383 } 384 } 385 386 @-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark { 387 from { 388 -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 389 animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 390 -webkit-transform: rotate(45deg); 391 transform: rotate(45deg); 392 opacity: 0; 393 } 394 395 to { 396 -webkit-transform: rotate(360deg); 397 transform: rotate(360deg); 398 opacity: 1; 399 } 400 } 401 402 @keyframes mdc-checkbox-indeterminate-checked-checkmark { 403 from { 404 -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 405 animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 406 -webkit-transform: rotate(45deg); 407 transform: rotate(45deg); 408 opacity: 0; 409 } 410 411 to { 412 -webkit-transform: rotate(360deg); 413 transform: rotate(360deg); 414 opacity: 1; 415 } 416 } 417 418 @-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark { 419 from { 420 -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function; 421 animation-timing-function: mdc-animation-deceleration-curve-timing-function; 422 -webkit-transform: rotate(-45deg); 423 transform: rotate(-45deg); 424 opacity: 0; 425 } 426 427 to { 428 -webkit-transform: rotate(0deg); 429 transform: rotate(0deg); 430 opacity: 1; 431 } 432 } 433 434 @keyframes mdc-checkbox-checked-indeterminate-mixedmark { 435 from { 436 -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function; 437 animation-timing-function: mdc-animation-deceleration-curve-timing-function; 438 -webkit-transform: rotate(-45deg); 439 transform: rotate(-45deg); 440 opacity: 0; 441 } 442 443 to { 444 -webkit-transform: rotate(0deg); 445 transform: rotate(0deg); 446 opacity: 1; 447 } 448 } 449 450 @-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark { 451 from { 452 -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 453 animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 454 -webkit-transform: rotate(0deg); 455 transform: rotate(0deg); 456 opacity: 1; 457 } 458 459 to { 460 -webkit-transform: rotate(315deg); 461 transform: rotate(315deg); 462 opacity: 0; 463 } 464 } 465 466 @keyframes mdc-checkbox-indeterminate-checked-mixedmark { 467 from { 468 -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 469 animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 470 -webkit-transform: rotate(0deg); 471 transform: rotate(0deg); 472 opacity: 1; 473 } 474 475 to { 476 -webkit-transform: rotate(315deg); 477 transform: rotate(315deg); 478 opacity: 0; 479 } 480 } 481 482 @-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { 483 0% { 484 -webkit-animation-timing-function: linear; 485 animation-timing-function: linear; 486 -webkit-transform: scaleX(1); 487 transform: scaleX(1); 488 opacity: 1; 489 } 490 491 32.8%, 100% { 492 -webkit-transform: scaleX(0); 493 transform: scaleX(0); 494 opacity: 0; 495 } 496 } 497 498 @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { 499 0% { 500 -webkit-animation-timing-function: linear; 501 animation-timing-function: linear; 502 -webkit-transform: scaleX(1); 503 transform: scaleX(1); 504 opacity: 1; 505 } 506 507 32.8%, 100% { 508 -webkit-transform: scaleX(0); 509 transform: scaleX(0); 510 opacity: 0; 511 } 512 } 513 514 .mdc-checkbox { 515 display: inline-block; 516 position: relative; 517 flex: 0 0 18px; 518 box-sizing: content-box; 519 width: 18px; 520 height: 18px; 521 padding: 11px; 522 line-height: 0; 523 white-space: nowrap; 524 cursor: pointer; 525 vertical-align: bottom; 526 --mdc-ripple-fg-size: 0; 527 --mdc-ripple-left: 0; 528 --mdc-ripple-top: 0; 529 --mdc-ripple-fg-scale: 1; 530 --mdc-ripple-fg-translate-end: 0; 531 --mdc-ripple-fg-translate-start: 0; 532 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 533 will-change: transform, opacity; 534 } 535 536 .mdc-checkbox::before, 537 .mdc-checkbox::after { 538 position: absolute; 539 border-radius: 50%; 540 opacity: 0; 541 pointer-events: none; 542 content: ""; 543 } 544 545 .mdc-checkbox::before { 546 transition: opacity 15ms linear; 547 z-index: 1; 548 } 549 550 .mdc-checkbox.mdc-ripple-upgraded::before { 551 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); 552 transform: scale(var(--mdc-ripple-fg-scale, 1)); 553 } 554 555 .mdc-checkbox.mdc-ripple-upgraded::after { 556 top: 0; 557 /* @noflip */ 558 left: 0; 559 -webkit-transform: scale(0); 560 transform: scale(0); 561 -webkit-transform-origin: center center; 562 transform-origin: center center; 563 } 564 565 .mdc-checkbox.mdc-ripple-upgraded--unbounded::after { 566 top: var(--mdc-ripple-top, 0); 567 /* @noflip */ 568 left: var(--mdc-ripple-left, 0); 569 } 570 571 .mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after { 572 -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 573 animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 574 } 575 576 .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after { 577 -webkit-animation: 150ms mdc-ripple-fg-opacity-out; 578 animation: 150ms mdc-ripple-fg-opacity-out; 579 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 580 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 581 } 582 583 .mdc-checkbox::before, 584 .mdc-checkbox::after { 585 background-color: #018786; 586 } 587 588 @supports not (-ms-ime-align: auto) { 589 .mdc-checkbox::before, 590 .mdc-checkbox::after { 591 /* @alternate */ 592 background-color: var(--mdc-theme-secondary, #018786); 593 } 594 } 595 596 .mdc-checkbox:hover::before { 597 opacity: 0.04; 598 } 599 600 .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, 601 .mdc-checkbox.mdc-ripple-upgraded--background-focused::before { 602 transition-duration: 75ms; 603 opacity: 0.12; 604 } 605 606 .mdc-checkbox:not(.mdc-ripple-upgraded)::after { 607 transition: opacity 150ms linear; 608 } 609 610 .mdc-checkbox:not(.mdc-ripple-upgraded):active::after { 611 transition-duration: 75ms; 612 opacity: 0.16; 613 } 614 615 .mdc-checkbox.mdc-ripple-upgraded { 616 --mdc-ripple-fg-opacity: 0.16; 617 } 618 619 .mdc-checkbox::before, 620 .mdc-checkbox::after { 621 top: calc(50% - 50%); 622 /* @noflip */ 623 left: calc(50% - 50%); 624 width: 100%; 625 height: 100%; 626 } 627 628 .mdc-checkbox.mdc-ripple-upgraded::before, 629 .mdc-checkbox.mdc-ripple-upgraded::after { 630 top: var(--mdc-ripple-top, calc(50% - 50%)); 631 /* @noflip */ 632 left: var(--mdc-ripple-left, calc(50% - 50%)); 633 width: var(--mdc-ripple-fg-size, 100%); 634 height: var(--mdc-ripple-fg-size, 100%); 635 } 636 637 .mdc-checkbox.mdc-ripple-upgraded::after { 638 width: var(--mdc-ripple-fg-size, 100%); 639 height: var(--mdc-ripple-fg-size, 100%); 640 } 641 642 .mdc-checkbox__checkmark { 643 color: #fff; 644 } 645 646 .mdc-checkbox__mixedmark { 647 border-color: #fff; 648 } 649 650 .mdc-checkbox__background::before { 651 background-color: #018786; 652 } 653 654 @supports not (-ms-ime-align: auto) { 655 .mdc-checkbox__background::before { 656 /* @alternate */ 657 background-color: var(--mdc-theme-secondary, #018786); 658 } 659 } 660 661 .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { 662 border-color: rgba(0, 0, 0, 0.54); 663 background-color: transparent; 664 } 665 666 .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, 667 .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { 668 border-color: #018786; 669 /* @alternate */ 670 border-color: var(--mdc-theme-secondary, #018786); 671 background-color: #018786; 672 /* @alternate */ 673 background-color: var(--mdc-theme-secondary, #018786); 674 } 675 676 @-webkit-keyframes mdc-checkbox-fade-in-background-0 { 677 0% { 678 border-color: rgba(0, 0, 0, 0.54); 679 background-color: transparent; 680 } 681 682 50% { 683 border-color: #018786; 684 /* @alternate */ 685 border-color: var(--mdc-theme-secondary, #018786); 686 background-color: #018786; 687 /* @alternate */ 688 background-color: var(--mdc-theme-secondary, #018786); 689 } 690 } 691 692 @keyframes mdc-checkbox-fade-in-background-0 { 693 0% { 694 border-color: rgba(0, 0, 0, 0.54); 695 background-color: transparent; 696 } 697 698 50% { 699 border-color: #018786; 700 /* @alternate */ 701 border-color: var(--mdc-theme-secondary, #018786); 702 background-color: #018786; 703 /* @alternate */ 704 background-color: var(--mdc-theme-secondary, #018786); 705 } 706 } 707 708 @-webkit-keyframes mdc-checkbox-fade-out-background-0 { 709 0%, 80% { 710 border-color: #018786; 711 /* @alternate */ 712 border-color: var(--mdc-theme-secondary, #018786); 713 background-color: #018786; 714 /* @alternate */ 715 background-color: var(--mdc-theme-secondary, #018786); 716 } 717 718 100% { 719 border-color: rgba(0, 0, 0, 0.54); 720 background-color: transparent; 721 } 722 } 723 724 @keyframes mdc-checkbox-fade-out-background-0 { 725 0%, 80% { 726 border-color: #018786; 727 /* @alternate */ 728 border-color: var(--mdc-theme-secondary, #018786); 729 background-color: #018786; 730 /* @alternate */ 731 background-color: var(--mdc-theme-secondary, #018786); 732 } 733 734 100% { 735 border-color: rgba(0, 0, 0, 0.54); 736 background-color: transparent; 737 } 738 } 739 740 .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, 741 .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { 742 -webkit-animation-name: mdc-checkbox-fade-in-background-0; 743 animation-name: mdc-checkbox-fade-in-background-0; 744 } 745 746 .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, 747 .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { 748 -webkit-animation-name: mdc-checkbox-fade-out-background-0; 749 animation-name: mdc-checkbox-fade-out-background-0; 750 } 751 752 .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { 753 border-color: rgba(0, 0, 0, 0.26); 754 } 755 756 .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background, 757 .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background { 758 border-color: transparent; 759 background-color: rgba(0, 0, 0, 0.26); 760 } 761 762 @media screen and (-ms-high-contrast: active) { 763 .mdc-checkbox__mixedmark { 764 margin: 0 1px; 765 } 766 } 767 768 .mdc-checkbox--disabled { 769 cursor: default; 770 pointer-events: none; 771 } 772 773 .mdc-checkbox__background { 774 /* @noflip */ 775 left: 11px; 776 /* @noflip */ 777 right: initial; 778 display: inline-flex; 779 position: absolute; 780 top: 11px; 781 bottom: 0; 782 align-items: center; 783 justify-content: center; 784 box-sizing: border-box; 785 width: 45%; 786 height: 45%; 787 transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 788 border: 2px solid currentColor; 789 border-radius: 2px; 790 background-color: transparent; 791 pointer-events: none; 792 will-change: background-color, border-color; 793 } 794 795 .mdc-checkbox[dir=rtl] .mdc-checkbox__background, 796 [dir=rtl] .mdc-checkbox .mdc-checkbox__background { 797 /* @noflip */ 798 left: initial; 799 /* @noflip */ 800 right: 11px; 801 } 802 803 .mdc-checkbox__checkmark { 804 position: absolute; 805 top: 0; 806 right: 0; 807 bottom: 0; 808 left: 0; 809 width: 100%; 810 transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 811 opacity: 0; 812 } 813 814 .mdc-checkbox--upgraded .mdc-checkbox__checkmark { 815 opacity: 1; 816 } 817 818 .mdc-checkbox__checkmark-path { 819 transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 820 stroke: currentColor; 821 stroke-width: 3.12px; 822 stroke-dashoffset: 29.7833385; 823 stroke-dasharray: 29.7833385; 824 } 825 826 .mdc-checkbox__mixedmark { 827 width: 100%; 828 height: 0; 829 -webkit-transform: scaleX(0) rotate(0deg); 830 transform: scaleX(0) rotate(0deg); 831 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 832 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 833 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 834 border-width: 1px; 835 border-style: solid; 836 opacity: 0; 837 } 838 839 .mdc-checkbox--upgraded .mdc-checkbox__background, 840 .mdc-checkbox--upgraded .mdc-checkbox__checkmark, 841 .mdc-checkbox--upgraded .mdc-checkbox__checkmark-path, 842 .mdc-checkbox--upgraded .mdc-checkbox__mixedmark { 843 transition: none !important; 844 } 845 846 .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, 847 .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, 848 .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, 849 .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background { 850 -webkit-animation-duration: 180ms; 851 animation-duration: 180ms; 852 -webkit-animation-timing-function: linear; 853 animation-timing-function: linear; 854 } 855 856 .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path { 857 -webkit-animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path; 858 animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path; 859 transition: none; 860 } 861 862 .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark { 863 -webkit-animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark; 864 animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark; 865 transition: none; 866 } 867 868 .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path { 869 -webkit-animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path; 870 animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path; 871 transition: none; 872 } 873 874 .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark { 875 -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark; 876 animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark; 877 transition: none; 878 } 879 880 .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark { 881 -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark; 882 animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark; 883 transition: none; 884 } 885 886 .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark { 887 -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark; 888 animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark; 889 transition: none; 890 } 891 892 .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark { 893 -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark; 894 animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark; 895 transition: none; 896 } 897 898 .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark { 899 -webkit-animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark; 900 animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark; 901 transition: none; 902 } 903 904 .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, 905 .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background { 906 transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); 907 } 908 909 .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path, 910 .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path { 911 stroke-dashoffset: 0; 912 } 913 914 .mdc-checkbox__background::before { 915 position: absolute; 916 top: 0; 917 right: 0; 918 bottom: 0; 919 left: 0; 920 width: 100%; 921 height: 100%; 922 -webkit-transform: scale(0, 0); 923 transform: scale(0, 0); 924 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 925 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 926 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 927 border-radius: 50%; 928 opacity: 0; 929 pointer-events: none; 930 content: ""; 931 will-change: opacity, transform; 932 } 933 934 .mdc-ripple-upgraded--unbounded .mdc-checkbox__background::before { 935 content: none; 936 } 937 938 .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before { 939 -webkit-transform: scale(2.75, 2.75); 940 transform: scale(2.75, 2.75); 941 transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); 942 transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); 943 transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); 944 opacity: 0.26; 945 } 946 947 .mdc-checkbox__native-control { 948 position: absolute; 949 top: 0; 950 left: 0; 951 width: 100%; 952 height: 100%; 953 margin: 0; 954 padding: 0; 955 opacity: 0; 956 cursor: inherit; 957 } 958 959 .mdc-checkbox__native-control:disabled { 960 cursor: default; 961 pointer-events: none; 962 } 963 964 .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark { 965 transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); 966 transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); 967 transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); 968 opacity: 1; 969 } 970 971 .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { 972 -webkit-transform: scaleX(1) rotate(-45deg); 973 transform: scaleX(1) rotate(-45deg); 974 } 975 976 .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark { 977 -webkit-transform: rotate(45deg); 978 transform: rotate(45deg); 979 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 980 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 981 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 982 opacity: 0; 983 } 984 985 .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { 986 -webkit-transform: scaleX(1) rotate(0deg); 987 transform: scaleX(1) rotate(0deg); 988 opacity: 1; 989 } 990 991 .color1 { 992 color: #228ae6; 993 } 994 995 .color2 { 996 color: #fa5252; 997 } 998 999 .color3 { 1000 color: #82c91e; 1001 } 1002 1003 .color4 { 1004 color: #fab005; 1005 } 1006 1007 .color5 { 1008 color: #7950f2; 1009 } 1010 1011 .color6 { 1012 color: #e64980; 1013 } 1014 1015 .color-white { 1016 color: #ffffff; 1017 } 1018 1019 .color-black { 1020 color: #4a4a4a; 1021 } 1022 1023 .color-gray { 1024 color: #bdbdbd; 1025 } 1026 1027 .bg-color1 { 1028 background-color: #228ae6; 1029 } 1030 1031 .bg-color2 { 1032 background-color: #fa5252; 1033 } 1034 1035 .bg-color3 { 1036 background-color: #82c91e; 1037 } 1038 1039 .bg-color4 { 1040 background-color: #fab005; 1041 } 1042 1043 .bg-color5 { 1044 background-color: #7950f2; 1045 } 1046 1047 .bg-color6 { 1048 background-color: #e64980; 1049 } 1050 1051 .bg-color-white { 1052 background-color: #ffffff; 1053 } 1054 1055 .bg-color-black { 1056 background-color: #4a4a4a; 1057 } 1058 1059 .bg-color-gray { 1060 background-color: #bdbdbd; 1061 } 1062 1063 .border-color1 { 1064 border-color: #228ae6; 1065 } 1066 1067 .border-top-color1 { 1068 border-top-color: #228ae6; 1069 } 1070 1071 .border-color2 { 1072 border-color: #fa5252; 1073 } 1074 1075 .border-top-color2 { 1076 border-top-color: #fa5252; 1077 } 1078 1079 .border-color3 { 1080 border-color: #82c91e; 1081 } 1082 1083 .border-top-color3 { 1084 border-top-color: #82c91e; 1085 } 1086 1087 .border-color4 { 1088 border-color: #fab005; 1089 } 1090 1091 .border-top-color4 { 1092 border-top-color: #fab005; 1093 } 1094 1095 .border-color5 { 1096 border-color: #7950f2; 1097 } 1098 1099 .border-top-color5 { 1100 border-top-color: #7950f2; 1101 } 1102 1103 .border-color6 { 1104 border-color: #e64980; 1105 } 1106 1107 .border-top-color6 { 1108 border-top-color: #e64980; 1109 } 1110 1111 .border-color-white { 1112 border-color: #ffffff; 1113 } 1114 1115 .border-top-color-white { 1116 border-top-color: #ffffff; 1117 } 1118 1119 .border-color-black { 1120 border-color: #4a4a4a; 1121 } 1122 1123 .border-top-color-black { 1124 border-top-color: #4a4a4a; 1125 } 1126 1127 .border-color-gray { 1128 border-color: #bdbdbd; 1129 } 1130 1131 .border-top-color-gray { 1132 border-top-color: #bdbdbd; 1133 } 1134 1135 .bg-color-white { 1136 background-color: #ffffff; 1137 } 1138 1139 .bg-color-black { 1140 background-color: #000000; 1141 } 1142 1143 .circle-counter.color-white .circle-bar { 1144 stroke: #ffffff; 1145 } 1146 1147 .circle-counter.color-black .circle-bar { 1148 stroke: #000000; 1149 } 1150 1151 .y-move { 1152 transition: all 0.2s; 1153 } 1154 1155 .y-move:hover { 1156 -webkit-transform: translateY(-2px); 1157 transform: translateY(-2px); 1158 box-shadow: 0 10px 20px rgba(189, 189, 189, 0.19), 0 6px 6px rgba(189, 189, 189, 0.23); 1159 } 1160 1161 .flexbox, 1162 .flexbox-strech { 1163 display: -moz-flex; 1164 display: flex; 1165 } 1166 1167 .flexbox-strech > * { 1168 flex-basis: 100%; 1169 } 1170 1171 .gridContainer { 1172 box-sizing: border-box; 1173 max-width: 1232px; 1174 margin: 0 auto; 1175 padding-right: 15px; 1176 padding-left: 15px; 1177 } 1178 1179 .gridContainer .gridContainer { 1180 max-width: 100%; 1181 width: 100%; 1182 padding-right: 0; 1183 padding-left: 0; 1184 } 1185 1186 .row { 1187 box-sizing: border-box; 1188 display: -moz-flex; 1189 display: flex; 1190 -moz-flex: 0 1 auto; 1191 flex: 0 1 auto; 1192 -moz-flex-direction: row; 1193 flex-direction: row; 1194 flex-wrap: wrap; 1195 margin-right: -15px; 1196 margin-left: -15px; 1197 } 1198 1199 .row.basis-auto { 1200 flex-basis: auto; 1201 -moz-align-items: center; 1202 align-items: center; 1203 } 1204 1205 .row > * { 1206 flex-basis: 100%; 1207 padding-right: 15px; 1208 padding-left: 15px; 1209 } 1210 1211 .row.no-gutter > * { 1212 padding-left: 0; 1213 padding-right: 0; 1214 } 1215 1216 @media (min-width: 768px) { 1217 .row.no-gutter-sm > * { 1218 padding-left: 0; 1219 padding-right: 0; 1220 } 1221 } 1222 1223 .row:before, 1224 .row:after { 1225 position: absolute; 1226 } 1227 1228 .row.reverse { 1229 -moz-flex-direction: row-reverse; 1230 flex-direction: row-reverse; 1231 } 1232 1233 .col.reverse { 1234 -moz-flex-direction: column-reverse; 1235 flex-direction: column-reverse; 1236 } 1237 1238 .col-xs { 1239 box-sizing: border-box; 1240 -moz-flex-grow: 0; 1241 flex-grow: 0; 1242 flex-shrink: 0; 1243 padding-right: 15px; 1244 padding-left: 15px; 1245 flex-basis: auto; 1246 } 1247 1248 .col-xs-1 { 1249 box-sizing: border-box; 1250 -moz-flex-grow: 0; 1251 flex-grow: 0; 1252 flex-shrink: 0; 1253 padding-right: 15px; 1254 padding-left: 15px; 1255 flex-basis: 8.3333333333%; 1256 max-width: 8.3333333333%; 1257 } 1258 1259 .col-xs-2 { 1260 box-sizing: border-box; 1261 -moz-flex-grow: 0; 1262 flex-grow: 0; 1263 flex-shrink: 0; 1264 padding-right: 15px; 1265 padding-left: 15px; 1266 flex-basis: 16.6666666667%; 1267 max-width: 16.6666666667%; 1268 } 1269 1270 .col-xs-3 { 1271 box-sizing: border-box; 1272 -moz-flex-grow: 0; 1273 flex-grow: 0; 1274 flex-shrink: 0; 1275 padding-right: 15px; 1276 padding-left: 15px; 1277 flex-basis: 25%; 1278 max-width: 25%; 1279 } 1280 1281 .col-xs-4 { 1282 box-sizing: border-box; 1283 -moz-flex-grow: 0; 1284 flex-grow: 0; 1285 flex-shrink: 0; 1286 padding-right: 15px; 1287 padding-left: 15px; 1288 flex-basis: 33.3333333333%; 1289 max-width: 33.3333333333%; 1290 } 1291 1292 .col-xs-5 { 1293 box-sizing: border-box; 1294 -moz-flex-grow: 0; 1295 flex-grow: 0; 1296 flex-shrink: 0; 1297 padding-right: 15px; 1298 padding-left: 15px; 1299 flex-basis: 41.6666666667%; 1300 max-width: 41.6666666667%; 1301 } 1302 1303 .col-xs-6 { 1304 box-sizing: border-box; 1305 -moz-flex-grow: 0; 1306 flex-grow: 0; 1307 flex-shrink: 0; 1308 padding-right: 15px; 1309 padding-left: 15px; 1310 flex-basis: 50%; 1311 max-width: 50%; 1312 } 1313 1314 .col-xs-7 { 1315 box-sizing: border-box; 1316 -moz-flex-grow: 0; 1317 flex-grow: 0; 1318 flex-shrink: 0; 1319 padding-right: 15px; 1320 padding-left: 15px; 1321 flex-basis: 58.3333333333%; 1322 max-width: 58.3333333333%; 1323 } 1324 1325 .col-xs-8 { 1326 box-sizing: border-box; 1327 -moz-flex-grow: 0; 1328 flex-grow: 0; 1329 flex-shrink: 0; 1330 padding-right: 15px; 1331 padding-left: 15px; 1332 flex-basis: 66.6666666667%; 1333 max-width: 66.6666666667%; 1334 } 1335 1336 .col-xs-9 { 1337 box-sizing: border-box; 1338 -moz-flex-grow: 0; 1339 flex-grow: 0; 1340 flex-shrink: 0; 1341 padding-right: 15px; 1342 padding-left: 15px; 1343 flex-basis: 75%; 1344 max-width: 75%; 1345 } 1346 1347 .col-xs-10 { 1348 box-sizing: border-box; 1349 -moz-flex-grow: 0; 1350 flex-grow: 0; 1351 flex-shrink: 0; 1352 padding-right: 15px; 1353 padding-left: 15px; 1354 flex-basis: 83.3333333333%; 1355 max-width: 83.3333333333%; 1356 } 1357 1358 .col-xs-11 { 1359 box-sizing: border-box; 1360 -moz-flex-grow: 0; 1361 flex-grow: 0; 1362 flex-shrink: 0; 1363 padding-right: 15px; 1364 padding-left: 15px; 1365 flex-basis: 91.6666666667%; 1366 max-width: 91.6666666667%; 1367 } 1368 1369 .col-xs-12 { 1370 box-sizing: border-box; 1371 -moz-flex-grow: 0; 1372 flex-grow: 0; 1373 flex-shrink: 0; 1374 padding-right: 15px; 1375 padding-left: 15px; 1376 flex-basis: 100%; 1377 max-width: 100%; 1378 } 1379 1380 .col-xs-offset-0 { 1381 box-sizing: border-box; 1382 -moz-flex-grow: 0; 1383 flex-grow: 0; 1384 flex-shrink: 0; 1385 padding-right: 15px; 1386 padding-left: 15px; 1387 margin-left: 0; 1388 } 1389 1390 .col-xs-offset-1 { 1391 box-sizing: border-box; 1392 -moz-flex-grow: 0; 1393 flex-grow: 0; 1394 flex-shrink: 0; 1395 padding-right: 15px; 1396 padding-left: 15px; 1397 margin-left: 8.3333333333%; 1398 } 1399 1400 .col-xs-offset-2 { 1401 box-sizing: border-box; 1402 -moz-flex-grow: 0; 1403 flex-grow: 0; 1404 flex-shrink: 0; 1405 padding-right: 15px; 1406 padding-left: 15px; 1407 margin-left: 16.6666666667%; 1408 } 1409 1410 .col-xs-offset-3 { 1411 box-sizing: border-box; 1412 -moz-flex-grow: 0; 1413 flex-grow: 0; 1414 flex-shrink: 0; 1415 padding-right: 15px; 1416 padding-left: 15px; 1417 margin-left: 25%; 1418 } 1419 1420 .col-xs-offset-4 { 1421 box-sizing: border-box; 1422 -moz-flex-grow: 0; 1423 flex-grow: 0; 1424 flex-shrink: 0; 1425 padding-right: 15px; 1426 padding-left: 15px; 1427 margin-left: 33.3333333333%; 1428 } 1429 1430 .col-xs-offset-5 { 1431 box-sizing: border-box; 1432 -moz-flex-grow: 0; 1433 flex-grow: 0; 1434 flex-shrink: 0; 1435 padding-right: 15px; 1436 padding-left: 15px; 1437 margin-left: 41.6666666667%; 1438 } 1439 1440 .col-xs-offset-6 { 1441 box-sizing: border-box; 1442 -moz-flex-grow: 0; 1443 flex-grow: 0; 1444 flex-shrink: 0; 1445 padding-right: 15px; 1446 padding-left: 15px; 1447 margin-left: 50%; 1448 } 1449 1450 .col-xs-offset-7 { 1451 box-sizing: border-box; 1452 -moz-flex-grow: 0; 1453 flex-grow: 0; 1454 flex-shrink: 0; 1455 padding-right: 15px; 1456 padding-left: 15px; 1457 margin-left: 58.3333333333%; 1458 } 1459 1460 .col-xs-offset-8 { 1461 box-sizing: border-box; 1462 -moz-flex-grow: 0; 1463 flex-grow: 0; 1464 flex-shrink: 0; 1465 padding-right: 15px; 1466 padding-left: 15px; 1467 margin-left: 66.6666666667%; 1468 } 1469 1470 .col-xs-offset-9 { 1471 box-sizing: border-box; 1472 -moz-flex-grow: 0; 1473 flex-grow: 0; 1474 flex-shrink: 0; 1475 padding-right: 15px; 1476 padding-left: 15px; 1477 margin-left: 75%; 1478 } 1479 1480 .col-xs-offset-10 { 1481 box-sizing: border-box; 1482 -moz-flex-grow: 0; 1483 flex-grow: 0; 1484 flex-shrink: 0; 1485 padding-right: 15px; 1486 padding-left: 15px; 1487 margin-left: 83.3333333333%; 1488 } 1489 1490 .col-xs-offset-11 { 1491 box-sizing: border-box; 1492 -moz-flex-grow: 0; 1493 flex-grow: 0; 1494 flex-shrink: 0; 1495 padding-right: 15px; 1496 padding-left: 15px; 1497 margin-left: 91.6666666667%; 1498 } 1499 1500 .col-xs-offset-12 { 1501 box-sizing: border-box; 1502 -moz-flex-grow: 0; 1503 flex-grow: 0; 1504 flex-shrink: 0; 1505 padding-right: 15px; 1506 padding-left: 15px; 1507 margin-left: 100%; 1508 } 1509 1510 .col-xs-fit { 1511 box-sizing: border-box; 1512 -moz-flex-grow: 0; 1513 flex-grow: 0; 1514 flex-shrink: 0; 1515 padding-right: 15px; 1516 padding-left: 15px; 1517 flex-basis: auto; 1518 -moz-flex-grow: 0; 1519 flex-grow: 0; 1520 max-width: 100%; 1521 } 1522 1523 .col-xs { 1524 -moz-flex-grow: 1; 1525 flex-grow: 1; 1526 flex-basis: 0; 1527 max-width: 100%; 1528 } 1529 1530 .no-grow-xs { 1531 -moz-flex-grow: 0; 1532 flex-grow: 0; 1533 } 1534 1535 .start-xs { 1536 -moz-justify-content: flex-start; 1537 justify-content: flex-start; 1538 text-align: left; 1539 } 1540 1541 .center-xs { 1542 -moz-justify-content: center; 1543 justify-content: center; 1544 text-align: center; 1545 } 1546 1547 .end-xs { 1548 -moz-justify-content: flex-end; 1549 justify-content: flex-end; 1550 text-align: right; 1551 } 1552 1553 .top-xs { 1554 -moz-align-items: flex-start; 1555 align-items: flex-start; 1556 } 1557 1558 .middle-xs { 1559 -moz-align-items: center; 1560 align-items: center; 1561 } 1562 1563 .bottom-xs { 1564 -moz-align-items: flex-end; 1565 align-items: flex-end; 1566 } 1567 1568 .around-xs { 1569 -moz-justify-content: space-around; 1570 justify-content: space-around; 1571 } 1572 1573 .between-xs { 1574 -moz-justify-content: space-between; 1575 justify-content: space-between; 1576 } 1577 1578 .first-xs { 1579 order: -1; 1580 } 1581 1582 .last-xs { 1583 order: 1; 1584 } 1585 1586 .flex-grow > div { 1587 -moz-flex-grow: 1; 1588 flex-grow: 1; 1589 max-width: 100%; 1590 } 1591 1592 @media only screen and (min-width: 768px) { 1593 .gridContainer { 1594 width: 90%; 1595 } 1596 1597 .col-sm { 1598 box-sizing: border-box; 1599 -moz-flex-grow: 0; 1600 flex-grow: 0; 1601 flex-shrink: 0; 1602 padding-right: 15px; 1603 padding-left: 15px; 1604 flex-basis: auto; 1605 } 1606 1607 .col-sm-fit { 1608 box-sizing: border-box; 1609 -moz-flex-grow: 0; 1610 flex-grow: 0; 1611 flex-shrink: 0; 1612 padding-right: 15px; 1613 padding-left: 15px; 1614 flex-basis: auto; 1615 -moz-flex-grow: 0; 1616 flex-grow: 0; 1617 max-width: 100%; 1618 } 1619 1620 .col-sm-1 { 1621 box-sizing: border-box; 1622 -moz-flex-grow: 0; 1623 flex-grow: 0; 1624 flex-shrink: 0; 1625 padding-right: 15px; 1626 padding-left: 15px; 1627 flex-basis: 8.3333333333%; 1628 max-width: 8.3333333333%; 1629 } 1630 1631 .col-sm-2 { 1632 box-sizing: border-box; 1633 -moz-flex-grow: 0; 1634 flex-grow: 0; 1635 flex-shrink: 0; 1636 padding-right: 15px; 1637 padding-left: 15px; 1638 flex-basis: 16.6666666667%; 1639 max-width: 16.6666666667%; 1640 } 1641 1642 .col-sm-3 { 1643 box-sizing: border-box; 1644 -moz-flex-grow: 0; 1645 flex-grow: 0; 1646 flex-shrink: 0; 1647 padding-right: 15px; 1648 padding-left: 15px; 1649 flex-basis: 25%; 1650 max-width: 25%; 1651 } 1652 1653 .col-sm-4 { 1654 box-sizing: border-box; 1655 -moz-flex-grow: 0; 1656 flex-grow: 0; 1657 flex-shrink: 0; 1658 padding-right: 15px; 1659 padding-left: 15px; 1660 flex-basis: 33.3333333333%; 1661 max-width: 33.3333333333%; 1662 } 1663 1664 .col-sm-5 { 1665 box-sizing: border-box; 1666 -moz-flex-grow: 0; 1667 flex-grow: 0; 1668 flex-shrink: 0; 1669 padding-right: 15px; 1670 padding-left: 15px; 1671 flex-basis: 41.6666666667%; 1672 max-width: 41.6666666667%; 1673 } 1674 1675 .col-sm-6 { 1676 box-sizing: border-box; 1677 -moz-flex-grow: 0; 1678 flex-grow: 0; 1679 flex-shrink: 0; 1680 padding-right: 15px; 1681 padding-left: 15px; 1682 flex-basis: 50%; 1683 max-width: 50%; 1684 } 1685 1686 .col-sm-7 { 1687 box-sizing: border-box; 1688 -moz-flex-grow: 0; 1689 flex-grow: 0; 1690 flex-shrink: 0; 1691 padding-right: 15px; 1692 padding-left: 15px; 1693 flex-basis: 58.3333333333%; 1694 max-width: 58.3333333333%; 1695 } 1696 1697 .col-sm-8 { 1698 box-sizing: border-box; 1699 -moz-flex-grow: 0; 1700 flex-grow: 0; 1701 flex-shrink: 0; 1702 padding-right: 15px; 1703 padding-left: 15px; 1704 flex-basis: 66.6666666667%; 1705 max-width: 66.6666666667%; 1706 } 1707 1708 .col-sm-9 { 1709 box-sizing: border-box; 1710 -moz-flex-grow: 0; 1711 flex-grow: 0; 1712 flex-shrink: 0; 1713 padding-right: 15px; 1714 padding-left: 15px; 1715 flex-basis: 75%; 1716 max-width: 75%; 1717 } 1718 1719 .col-sm-10 { 1720 box-sizing: border-box; 1721 -moz-flex-grow: 0; 1722 flex-grow: 0; 1723 flex-shrink: 0; 1724 padding-right: 15px; 1725 padding-left: 15px; 1726 flex-basis: 83.3333333333%; 1727 max-width: 83.3333333333%; 1728 } 1729 1730 .col-sm-11 { 1731 box-sizing: border-box; 1732 -moz-flex-grow: 0; 1733 flex-grow: 0; 1734 flex-shrink: 0; 1735 padding-right: 15px; 1736 padding-left: 15px; 1737 flex-basis: 91.6666666667%; 1738 max-width: 91.6666666667%; 1739 } 1740 1741 .col-sm-12 { 1742 box-sizing: border-box; 1743 -moz-flex-grow: 0; 1744 flex-grow: 0; 1745 flex-shrink: 0; 1746 padding-right: 15px; 1747 padding-left: 15px; 1748 flex-basis: 100%; 1749 max-width: 100%; 1750 } 1751 1752 .col-sm-offset-0 { 1753 box-sizing: border-box; 1754 -moz-flex-grow: 0; 1755 flex-grow: 0; 1756 flex-shrink: 0; 1757 padding-right: 15px; 1758 padding-left: 15px; 1759 margin-left: 0; 1760 } 1761 1762 .col-sm-offset-1 { 1763 box-sizing: border-box; 1764 -moz-flex-grow: 0; 1765 flex-grow: 0; 1766 flex-shrink: 0; 1767 padding-right: 15px; 1768 padding-left: 15px; 1769 margin-left: 8.3333333333%; 1770 } 1771 1772 .col-sm-offset-2 { 1773 box-sizing: border-box; 1774 -moz-flex-grow: 0; 1775 flex-grow: 0; 1776 flex-shrink: 0; 1777 padding-right: 15px; 1778 padding-left: 15px; 1779 margin-left: 16.6666666667%; 1780 } 1781 1782 .col-sm-offset-3 { 1783 box-sizing: border-box; 1784 -moz-flex-grow: 0; 1785 flex-grow: 0; 1786 flex-shrink: 0; 1787 padding-right: 15px; 1788 padding-left: 15px; 1789 margin-left: 25%; 1790 } 1791 1792 .col-sm-offset-4 { 1793 box-sizing: border-box; 1794 -moz-flex-grow: 0; 1795 flex-grow: 0; 1796 flex-shrink: 0; 1797 padding-right: 15px; 1798 padding-left: 15px; 1799 margin-left: 33.3333333333%; 1800 } 1801 1802 .col-sm-offset-5 { 1803 box-sizing: border-box; 1804 -moz-flex-grow: 0; 1805 flex-grow: 0; 1806 flex-shrink: 0; 1807 padding-right: 15px; 1808 padding-left: 15px; 1809 margin-left: 41.6666666667%; 1810 } 1811 1812 .col-sm-offset-6 { 1813 box-sizing: border-box; 1814 -moz-flex-grow: 0; 1815 flex-grow: 0; 1816 flex-shrink: 0; 1817 padding-right: 15px; 1818 padding-left: 15px; 1819 margin-left: 50%; 1820 } 1821 1822 .col-sm-offset-7 { 1823 box-sizing: border-box; 1824 -moz-flex-grow: 0; 1825 flex-grow: 0; 1826 flex-shrink: 0; 1827 padding-right: 15px; 1828 padding-left: 15px; 1829 margin-left: 58.3333333333%; 1830 } 1831 1832 .col-sm-offset-8 { 1833 box-sizing: border-box; 1834 -moz-flex-grow: 0; 1835 flex-grow: 0; 1836 flex-shrink: 0; 1837 padding-right: 15px; 1838 padding-left: 15px; 1839 margin-left: 66.6666666667%; 1840 } 1841 1842 .col-sm-offset-9 { 1843 box-sizing: border-box; 1844 -moz-flex-grow: 0; 1845 flex-grow: 0; 1846 flex-shrink: 0; 1847 padding-right: 15px; 1848 padding-left: 15px; 1849 margin-left: 75%; 1850 } 1851 1852 .col-sm-offset-10 { 1853 box-sizing: border-box; 1854 -moz-flex-grow: 0; 1855 flex-grow: 0; 1856 flex-shrink: 0; 1857 padding-right: 15px; 1858 padding-left: 15px; 1859 margin-left: 83.3333333333%; 1860 } 1861 1862 .col-sm-offset-11 { 1863 box-sizing: border-box; 1864 -moz-flex-grow: 0; 1865 flex-grow: 0; 1866 flex-shrink: 0; 1867 padding-right: 15px; 1868 padding-left: 15px; 1869 margin-left: 91.6666666667%; 1870 } 1871 1872 .col-sm-offset-12 { 1873 box-sizing: border-box; 1874 -moz-flex-grow: 0; 1875 flex-grow: 0; 1876 flex-shrink: 0; 1877 padding-right: 15px; 1878 padding-left: 15px; 1879 margin-left: 100%; 1880 } 1881 1882 .col-sm { 1883 -moz-flex-grow: 1; 1884 flex-grow: 1; 1885 flex-basis: 0; 1886 max-width: 100%; 1887 } 1888 1889 .start-sm { 1890 -moz-justify-content: flex-start; 1891 justify-content: flex-start; 1892 text-align: left; 1893 } 1894 1895 .center-sm { 1896 -moz-justify-content: center; 1897 justify-content: center; 1898 text-align: center; 1899 } 1900 1901 .end-sm { 1902 -moz-justify-content: flex-end; 1903 justify-content: flex-end; 1904 text-align: right; 1905 } 1906 1907 .top-sm { 1908 -moz-align-items: flex-start; 1909 align-items: flex-start; 1910 } 1911 1912 .middle-sm { 1913 -moz-align-items: center; 1914 align-items: center; 1915 } 1916 1917 .bottom-sm { 1918 -moz-align-items: flex-end; 1919 align-items: flex-end; 1920 } 1921 1922 .around-sm { 1923 -moz-justify-content: space-around; 1924 justify-content: space-around; 1925 } 1926 1927 .between-sm { 1928 -moz-justify-content: space-between; 1929 justify-content: space-between; 1930 } 1931 1932 .first-sm { 1933 order: -1; 1934 } 1935 1936 .last-sm { 1937 order: 1; 1938 } 1939 } 1940 1941 @media only screen and (min-width: 1024px) { 1942 .gridContainer { 1943 width: 90%; 1944 } 1945 1946 .col-md { 1947 box-sizing: border-box; 1948 -moz-flex-grow: 0; 1949 flex-grow: 0; 1950 flex-shrink: 0; 1951 padding-right: 15px; 1952 padding-left: 15px; 1953 flex-basis: auto; 1954 } 1955 1956 .col-md-fit { 1957 box-sizing: border-box; 1958 -moz-flex-grow: 0; 1959 flex-grow: 0; 1960 flex-shrink: 0; 1961 padding-right: 15px; 1962 padding-left: 15px; 1963 flex-basis: auto; 1964 -moz-flex-grow: 0; 1965 flex-grow: 0; 1966 max-width: 100%; 1967 } 1968 1969 .col-md-1 { 1970 box-sizing: border-box; 1971 -moz-flex-grow: 0; 1972 flex-grow: 0; 1973 flex-shrink: 0; 1974 padding-right: 15px; 1975 padding-left: 15px; 1976 flex-basis: 8.3333333333%; 1977 max-width: 8.3333333333%; 1978 } 1979 1980 .col-md-2 { 1981 box-sizing: border-box; 1982 -moz-flex-grow: 0; 1983 flex-grow: 0; 1984 flex-shrink: 0; 1985 padding-right: 15px; 1986 padding-left: 15px; 1987 flex-basis: 16.6666666667%; 1988 max-width: 16.6666666667%; 1989 } 1990 1991 .col-md-3 { 1992 box-sizing: border-box; 1993 -moz-flex-grow: 0; 1994 flex-grow: 0; 1995 flex-shrink: 0; 1996 padding-right: 15px; 1997 padding-left: 15px; 1998 flex-basis: 25%; 1999 max-width: 25%; 2000 } 2001 2002 .col-md-4 { 2003 box-sizing: border-box; 2004 -moz-flex-grow: 0; 2005 flex-grow: 0; 2006 flex-shrink: 0; 2007 padding-right: 15px; 2008 padding-left: 15px; 2009 flex-basis: 33.3333333333%; 2010 max-width: 33.3333333333%; 2011 } 2012 2013 .col-md-5 { 2014 box-sizing: border-box; 2015 -moz-flex-grow: 0; 2016 flex-grow: 0; 2017 flex-shrink: 0; 2018 padding-right: 15px; 2019 padding-left: 15px; 2020 flex-basis: 41.6666666667%; 2021 max-width: 41.6666666667%; 2022 } 2023 2024 .col-md-6 { 2025 box-sizing: border-box; 2026 -moz-flex-grow: 0; 2027 flex-grow: 0; 2028 flex-shrink: 0; 2029 padding-right: 15px; 2030 padding-left: 15px; 2031 flex-basis: 50%; 2032 max-width: 50%; 2033 } 2034 2035 .col-md-7 { 2036 box-sizing: border-box; 2037 -moz-flex-grow: 0; 2038 flex-grow: 0; 2039 flex-shrink: 0; 2040 padding-right: 15px; 2041 padding-left: 15px; 2042 flex-basis: 58.3333333333%; 2043 max-width: 58.3333333333%; 2044 } 2045 2046 .col-md-8 { 2047 box-sizing: border-box; 2048 -moz-flex-grow: 0; 2049 flex-grow: 0; 2050 flex-shrink: 0; 2051 padding-right: 15px; 2052 padding-left: 15px; 2053 flex-basis: 66.6666666667%; 2054 max-width: 66.6666666667%; 2055 } 2056 2057 .col-md-9 { 2058 box-sizing: border-box; 2059 -moz-flex-grow: 0; 2060 flex-grow: 0; 2061 flex-shrink: 0; 2062 padding-right: 15px; 2063 padding-left: 15px; 2064 flex-basis: 75%; 2065 max-width: 75%; 2066 } 2067 2068 .col-md-10 { 2069 box-sizing: border-box; 2070 -moz-flex-grow: 0; 2071 flex-grow: 0; 2072 flex-shrink: 0; 2073 padding-right: 15px; 2074 padding-left: 15px; 2075 flex-basis: 83.3333333333%; 2076 max-width: 83.3333333333%; 2077 } 2078 2079 .col-md-11 { 2080 box-sizing: border-box; 2081 -moz-flex-grow: 0; 2082 flex-grow: 0; 2083 flex-shrink: 0; 2084 padding-right: 15px; 2085 padding-left: 15px; 2086 flex-basis: 91.6666666667%; 2087 max-width: 91.6666666667%; 2088 } 2089 2090 .col-md-12 { 2091 box-sizing: border-box; 2092 -moz-flex-grow: 0; 2093 flex-grow: 0; 2094 flex-shrink: 0; 2095 padding-right: 15px; 2096 padding-left: 15px; 2097 flex-basis: 100%; 2098 max-width: 100%; 2099 } 2100 2101 .col-md-offset-0 { 2102 box-sizing: border-box; 2103 -moz-flex-grow: 0; 2104 flex-grow: 0; 2105 flex-shrink: 0; 2106 padding-right: 15px; 2107 padding-left: 15px; 2108 margin-left: 0; 2109 } 2110 2111 .col-md-offset-1 { 2112 box-sizing: border-box; 2113 -moz-flex-grow: 0; 2114 flex-grow: 0; 2115 flex-shrink: 0; 2116 padding-right: 15px; 2117 padding-left: 15px; 2118 margin-left: 8.3333333333%; 2119 } 2120 2121 .col-md-offset-2 { 2122 box-sizing: border-box; 2123 -moz-flex-grow: 0; 2124 flex-grow: 0; 2125 flex-shrink: 0; 2126 padding-right: 15px; 2127 padding-left: 15px; 2128 margin-left: 16.6666666667%; 2129 } 2130 2131 .col-md-offset-3 { 2132 box-sizing: border-box; 2133 -moz-flex-grow: 0; 2134 flex-grow: 0; 2135 flex-shrink: 0; 2136 padding-right: 15px; 2137 padding-left: 15px; 2138 margin-left: 25%; 2139 } 2140 2141 .col-md-offset-4 { 2142 box-sizing: border-box; 2143 -moz-flex-grow: 0; 2144 flex-grow: 0; 2145 flex-shrink: 0; 2146 padding-right: 15px; 2147 padding-left: 15px; 2148 margin-left: 33.3333333333%; 2149 } 2150 2151 .col-md-offset-5 { 2152 box-sizing: border-box; 2153 -moz-flex-grow: 0; 2154 flex-grow: 0; 2155 flex-shrink: 0; 2156 padding-right: 15px; 2157 padding-left: 15px; 2158 margin-left: 41.6666666667%; 2159 } 2160 2161 .col-md-offset-6 { 2162 box-sizing: border-box; 2163 -moz-flex-grow: 0; 2164 flex-grow: 0; 2165 flex-shrink: 0; 2166 padding-right: 15px; 2167 padding-left: 15px; 2168 margin-left: 50%; 2169 } 2170 2171 .col-md-offset-7 { 2172 box-sizing: border-box; 2173 -moz-flex-grow: 0; 2174 flex-grow: 0; 2175 flex-shrink: 0; 2176 padding-right: 15px; 2177 padding-left: 15px; 2178 margin-left: 58.3333333333%; 2179 } 2180 2181 .col-md-offset-8 { 2182 box-sizing: border-box; 2183 -moz-flex-grow: 0; 2184 flex-grow: 0; 2185 flex-shrink: 0; 2186 padding-right: 15px; 2187 padding-left: 15px; 2188 margin-left: 66.6666666667%; 2189 } 2190 2191 .col-md-offset-9 { 2192 box-sizing: border-box; 2193 -moz-flex-grow: 0; 2194 flex-grow: 0; 2195 flex-shrink: 0; 2196 padding-right: 15px; 2197 padding-left: 15px; 2198 margin-left: 75%; 2199 } 2200 2201 .col-md-offset-10 { 2202 box-sizing: border-box; 2203 -moz-flex-grow: 0; 2204 flex-grow: 0; 2205 flex-shrink: 0; 2206 padding-right: 15px; 2207 padding-left: 15px; 2208 margin-left: 83.3333333333%; 2209 } 2210 2211 .col-md-offset-11 { 2212 box-sizing: border-box; 2213 -moz-flex-grow: 0; 2214 flex-grow: 0; 2215 flex-shrink: 0; 2216 padding-right: 15px; 2217 padding-left: 15px; 2218 margin-left: 91.6666666667%; 2219 } 2220 2221 .col-md-offset-12 { 2222 box-sizing: border-box; 2223 -moz-flex-grow: 0; 2224 flex-grow: 0; 2225 flex-shrink: 0; 2226 padding-right: 15px; 2227 padding-left: 15px; 2228 margin-left: 100%; 2229 } 2230 2231 .col-md { 2232 -moz-flex-grow: 1; 2233 flex-grow: 1; 2234 flex-basis: 0; 2235 max-width: 100%; 2236 } 2237 2238 .start-md { 2239 -moz-justify-content: flex-start; 2240 justify-content: flex-start; 2241 text-align: left; 2242 } 2243 2244 .center-md { 2245 -moz-justify-content: center; 2246 justify-content: center; 2247 text-align: center; 2248 } 2249 2250 .end-md { 2251 -moz-justify-content: flex-end; 2252 justify-content: flex-end; 2253 text-align: right; 2254 } 2255 2256 .top-md { 2257 -moz-align-items: flex-start; 2258 align-items: flex-start; 2259 } 2260 2261 .middle-md { 2262 -moz-align-items: center; 2263 align-items: center; 2264 } 2265 2266 .bottom-md { 2267 -moz-align-items: flex-end; 2268 align-items: flex-end; 2269 } 2270 2271 .around-md { 2272 -moz-justify-content: space-around; 2273 justify-content: space-around; 2274 } 2275 2276 .between-md { 2277 -moz-justify-content: space-between; 2278 justify-content: space-between; 2279 } 2280 2281 .first-md { 2282 order: -1; 2283 } 2284 2285 .last-md { 2286 order: 1; 2287 } 2288 } 2289 2290 @media only screen and (min-width: 1200px) { 2291 .gridContainer { 2292 width: 90%; 2293 } 2294 2295 .col-lg { 2296 box-sizing: border-box; 2297 -moz-flex-grow: 0; 2298 flex-grow: 0; 2299 flex-shrink: 0; 2300 padding-right: 15px; 2301 padding-left: 15px; 2302 flex-basis: auto; 2303 } 2304 2305 .col-lg-fit { 2306 box-sizing: border-box; 2307 -moz-flex-grow: 0; 2308 flex-grow: 0; 2309 flex-shrink: 0; 2310 padding-right: 15px; 2311 padding-left: 15px; 2312 flex-basis: auto; 2313 -moz-flex-grow: 0; 2314 flex-grow: 0; 2315 max-width: 100%; 2316 } 2317 2318 .col-lg-1 { 2319 box-sizing: border-box; 2320 -moz-flex-grow: 0; 2321 flex-grow: 0; 2322 flex-shrink: 0; 2323 padding-right: 15px; 2324 padding-left: 15px; 2325 flex-basis: 8.3333333333%; 2326 max-width: 8.3333333333%; 2327 } 2328 2329 .col-lg-2 { 2330 box-sizing: border-box; 2331 -moz-flex-grow: 0; 2332 flex-grow: 0; 2333 flex-shrink: 0; 2334 padding-right: 15px; 2335 padding-left: 15px; 2336 flex-basis: 16.6666666667%; 2337 max-width: 16.6666666667%; 2338 } 2339 2340 .col-lg-3 { 2341 box-sizing: border-box; 2342 -moz-flex-grow: 0; 2343 flex-grow: 0; 2344 flex-shrink: 0; 2345 padding-right: 15px; 2346 padding-left: 15px; 2347 flex-basis: 25%; 2348 max-width: 25%; 2349 } 2350 2351 .col-lg-4 { 2352 box-sizing: border-box; 2353 -moz-flex-grow: 0; 2354 flex-grow: 0; 2355 flex-shrink: 0; 2356 padding-right: 15px; 2357 padding-left: 15px; 2358 flex-basis: 33.3333333333%; 2359 max-width: 33.3333333333%; 2360 } 2361 2362 .col-lg-5 { 2363 box-sizing: border-box; 2364 -moz-flex-grow: 0; 2365 flex-grow: 0; 2366 flex-shrink: 0; 2367 padding-right: 15px; 2368 padding-left: 15px; 2369 flex-basis: 41.6666666667%; 2370 max-width: 41.6666666667%; 2371 } 2372 2373 .col-lg-6 { 2374 box-sizing: border-box; 2375 -moz-flex-grow: 0; 2376 flex-grow: 0; 2377 flex-shrink: 0; 2378 padding-right: 15px; 2379 padding-left: 15px; 2380 flex-basis: 50%; 2381 max-width: 50%; 2382 } 2383 2384 .col-lg-7 { 2385 box-sizing: border-box; 2386 -moz-flex-grow: 0; 2387 flex-grow: 0; 2388 flex-shrink: 0; 2389 padding-right: 15px; 2390 padding-left: 15px; 2391 flex-basis: 58.3333333333%; 2392 max-width: 58.3333333333%; 2393 } 2394 2395 .col-lg-8 { 2396 box-sizing: border-box; 2397 -moz-flex-grow: 0; 2398 flex-grow: 0; 2399 flex-shrink: 0; 2400 padding-right: 15px; 2401 padding-left: 15px; 2402 flex-basis: 66.6666666667%; 2403 max-width: 66.6666666667%; 2404 } 2405 2406 .col-lg-9 { 2407 box-sizing: border-box; 2408 -moz-flex-grow: 0; 2409 flex-grow: 0; 2410 flex-shrink: 0; 2411 padding-right: 15px; 2412 padding-left: 15px; 2413 flex-basis: 75%; 2414 max-width: 75%; 2415 } 2416 2417 .col-lg-10 { 2418 box-sizing: border-box; 2419 -moz-flex-grow: 0; 2420 flex-grow: 0; 2421 flex-shrink: 0; 2422 padding-right: 15px; 2423 padding-left: 15px; 2424 flex-basis: 83.3333333333%; 2425 max-width: 83.3333333333%; 2426 } 2427 2428 .col-lg-11 { 2429 box-sizing: border-box; 2430 -moz-flex-grow: 0; 2431 flex-grow: 0; 2432 flex-shrink: 0; 2433 padding-right: 15px; 2434 padding-left: 15px; 2435 flex-basis: 91.6666666667%; 2436 max-width: 91.6666666667%; 2437 } 2438 2439 .col-lg-12 { 2440 box-sizing: border-box; 2441 -moz-flex-grow: 0; 2442 flex-grow: 0; 2443 flex-shrink: 0; 2444 padding-right: 15px; 2445 padding-left: 15px; 2446 flex-basis: 100%; 2447 max-width: 100%; 2448 } 2449 2450 .col-lg-offset-0 { 2451 box-sizing: border-box; 2452 -moz-flex-grow: 0; 2453 flex-grow: 0; 2454 flex-shrink: 0; 2455 padding-right: 15px; 2456 padding-left: 15px; 2457 margin-left: 0; 2458 } 2459 2460 .col-lg-offset-1 { 2461 box-sizing: border-box; 2462 -moz-flex-grow: 0; 2463 flex-grow: 0; 2464 flex-shrink: 0; 2465 padding-right: 15px; 2466 padding-left: 15px; 2467 margin-left: 8.3333333333%; 2468 } 2469 2470 .col-lg-offset-2 { 2471 box-sizing: border-box; 2472 -moz-flex-grow: 0; 2473 flex-grow: 0; 2474 flex-shrink: 0; 2475 padding-right: 15px; 2476 padding-left: 15px; 2477 margin-left: 16.6666666667%; 2478 } 2479 2480 .col-lg-offset-3 { 2481 box-sizing: border-box; 2482 -moz-flex-grow: 0; 2483 flex-grow: 0; 2484 flex-shrink: 0; 2485 padding-right: 15px; 2486 padding-left: 15px; 2487 margin-left: 25%; 2488 } 2489 2490 .col-lg-offset-4 { 2491 box-sizing: border-box; 2492 -moz-flex-grow: 0; 2493 flex-grow: 0; 2494 flex-shrink: 0; 2495 padding-right: 15px; 2496 padding-left: 15px; 2497 margin-left: 33.3333333333%; 2498 } 2499 2500 .col-lg-offset-5 { 2501 box-sizing: border-box; 2502 -moz-flex-grow: 0; 2503 flex-grow: 0; 2504 flex-shrink: 0; 2505 padding-right: 15px; 2506 padding-left: 15px; 2507 margin-left: 41.6666666667%; 2508 } 2509 2510 .col-lg-offset-6 { 2511 box-sizing: border-box; 2512 -moz-flex-grow: 0; 2513 flex-grow: 0; 2514 flex-shrink: 0; 2515 padding-right: 15px; 2516 padding-left: 15px; 2517 margin-left: 50%; 2518 } 2519 2520 .col-lg-offset-7 { 2521 box-sizing: border-box; 2522 -moz-flex-grow: 0; 2523 flex-grow: 0; 2524 flex-shrink: 0; 2525 padding-right: 15px; 2526 padding-left: 15px; 2527 margin-left: 58.3333333333%; 2528 } 2529 2530 .col-lg-offset-8 { 2531 box-sizing: border-box; 2532 -moz-flex-grow: 0; 2533 flex-grow: 0; 2534 flex-shrink: 0; 2535 padding-right: 15px; 2536 padding-left: 15px; 2537 margin-left: 66.6666666667%; 2538 } 2539 2540 .col-lg-offset-9 { 2541 box-sizing: border-box; 2542 -moz-flex-grow: 0; 2543 flex-grow: 0; 2544 flex-shrink: 0; 2545 padding-right: 15px; 2546 padding-left: 15px; 2547 margin-left: 75%; 2548 } 2549 2550 .col-lg-offset-10 { 2551 box-sizing: border-box; 2552 -moz-flex-grow: 0; 2553 flex-grow: 0; 2554 flex-shrink: 0; 2555 padding-right: 15px; 2556 padding-left: 15px; 2557 margin-left: 83.3333333333%; 2558 } 2559 2560 .col-lg-offset-11 { 2561 box-sizing: border-box; 2562 -moz-flex-grow: 0; 2563 flex-grow: 0; 2564 flex-shrink: 0; 2565 padding-right: 15px; 2566 padding-left: 15px; 2567 margin-left: 91.6666666667%; 2568 } 2569 2570 .col-lg-offset-12 { 2571 box-sizing: border-box; 2572 -moz-flex-grow: 0; 2573 flex-grow: 0; 2574 flex-shrink: 0; 2575 padding-right: 15px; 2576 padding-left: 15px; 2577 margin-left: 100%; 2578 } 2579 2580 .col-lg { 2581 -moz-flex-grow: 1; 2582 flex-grow: 1; 2583 flex-basis: 0; 2584 max-width: 100%; 2585 } 2586 2587 .start-lg { 2588 -moz-justify-content: flex-start; 2589 justify-content: flex-start; 2590 text-align: left; 2591 } 2592 2593 .center-lg { 2594 -moz-justify-content: center; 2595 justify-content: center; 2596 text-align: center; 2597 } 2598 2599 .end-lg { 2600 -moz-justify-content: flex-end; 2601 justify-content: flex-end; 2602 text-align: right; 2603 } 2604 2605 .top-lg { 2606 -moz-align-items: flex-start; 2607 align-items: flex-start; 2608 } 2609 2610 .middle-lg { 2611 -moz-align-items: center; 2612 align-items: center; 2613 } 2614 2615 .bottom-lg { 2616 -moz-align-items: flex-end; 2617 align-items: flex-end; 2618 } 2619 2620 .around-lg { 2621 -moz-justify-content: space-around; 2622 justify-content: space-around; 2623 } 2624 2625 .between-lg { 2626 -moz-justify-content: space-between; 2627 justify-content: space-between; 2628 } 2629 2630 .first-lg { 2631 order: -1; 2632 } 2633 2634 .last-lg { 2635 order: 1; 2636 } 2637 } 2638 2639 /** 2640 * The css property used for elevation. In most cases this should not be changed. It is exposed 2641 * as a variable for abstraction / easy use when needing to reference the property directly, for 2642 * example in a `will-change` rule. 2643 */ 2644 2645 /** 2646 * The default duration value for elevation transitions. 2647 */ 2648 2649 /** 2650 * The default easing value for elevation transitions. 2651 */ 2652 2653 /** 2654 * Applies the correct CSS rules to an element to give it the elevation specified by $z-value. 2655 * The $z-value must be between 0 and 24. 2656 * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use 2657 * $opacity-boost. 2658 */ 2659 2660 /** 2661 * Returns a string that can be used as the value for a `transition` property for elevation. 2662 * Calling this function directly is useful in situations where a component needs to transition 2663 * more than one property. 2664 * 2665 * ```scss 2666 * .foo { 2667 * transition: mdc-elevation-transition-value(), opacity 100ms ease; 2668 * will-change: $mdc-elevation-property, opacity; 2669 * } 2670 * ``` 2671 */ 2672 2673 .mdc-card { 2674 background-color: #fff; 2675 /* @alternate */ 2676 background-color: var(--mdc-theme-surface, #fff); 2677 border-radius: 2px; 2678 box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); 2679 display: flex; 2680 flex-direction: column; 2681 box-sizing: border-box; 2682 } 2683 2684 .mdc-card--outlined { 2685 box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); 2686 border: 1px solid #e0e0e0; 2687 } 2688 2689 .mdc-card__media { 2690 position: relative; 2691 box-sizing: border-box; 2692 background-repeat: no-repeat; 2693 background-position: center; 2694 background-size: cover; 2695 } 2696 2697 .mdc-card__media::before { 2698 display: block; 2699 content: ""; 2700 } 2701 2702 .mdc-card__media:first-child { 2703 border-top-left-radius: inherit; 2704 border-top-right-radius: inherit; 2705 } 2706 2707 .mdc-card__media:last-child { 2708 border-bottom-left-radius: inherit; 2709 border-bottom-right-radius: inherit; 2710 } 2711 2712 .mdc-card__media--square::before { 2713 margin-top: 100%; 2714 } 2715 2716 .mdc-card__media--16-9::before { 2717 margin-top: 56.25%; 2718 } 2719 2720 .mdc-card__media-content { 2721 position: absolute; 2722 top: 0; 2723 right: 0; 2724 bottom: 0; 2725 left: 0; 2726 box-sizing: border-box; 2727 } 2728 2729 .mdc-card__primary-action { 2730 --mdc-ripple-fg-size: 0; 2731 --mdc-ripple-left: 0; 2732 --mdc-ripple-top: 0; 2733 --mdc-ripple-fg-scale: 1; 2734 --mdc-ripple-fg-translate-end: 0; 2735 --mdc-ripple-fg-translate-start: 0; 2736 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 2737 will-change: transform, opacity; 2738 display: flex; 2739 flex-direction: column; 2740 box-sizing: border-box; 2741 position: relative; 2742 outline: none; 2743 color: inherit; 2744 text-decoration: none; 2745 cursor: pointer; 2746 overflow: hidden; 2747 } 2748 2749 .mdc-card__primary-action::before, 2750 .mdc-card__primary-action::after { 2751 position: absolute; 2752 border-radius: 50%; 2753 opacity: 0; 2754 pointer-events: none; 2755 content: ""; 2756 } 2757 2758 .mdc-card__primary-action::before { 2759 transition: opacity 15ms linear; 2760 z-index: 1; 2761 } 2762 2763 .mdc-card__primary-action.mdc-ripple-upgraded::before { 2764 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); 2765 transform: scale(var(--mdc-ripple-fg-scale, 1)); 2766 } 2767 2768 .mdc-card__primary-action.mdc-ripple-upgraded::after { 2769 top: 0; 2770 /* @noflip */ 2771 left: 0; 2772 -webkit-transform: scale(0); 2773 transform: scale(0); 2774 -webkit-transform-origin: center center; 2775 transform-origin: center center; 2776 } 2777 2778 .mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after { 2779 top: var(--mdc-ripple-top, 0); 2780 /* @noflip */ 2781 left: var(--mdc-ripple-left, 0); 2782 } 2783 2784 .mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after { 2785 -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 2786 animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 2787 } 2788 2789 .mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after { 2790 -webkit-animation: 150ms mdc-ripple-fg-opacity-out; 2791 animation: 150ms mdc-ripple-fg-opacity-out; 2792 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 2793 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 2794 } 2795 2796 .mdc-card__primary-action::before, 2797 .mdc-card__primary-action::after { 2798 top: calc(50% - 100%); 2799 /* @noflip */ 2800 left: calc(50% - 100%); 2801 width: 200%; 2802 height: 200%; 2803 } 2804 2805 .mdc-card__primary-action.mdc-ripple-upgraded::after { 2806 width: var(--mdc-ripple-fg-size, 100%); 2807 height: var(--mdc-ripple-fg-size, 100%); 2808 } 2809 2810 .mdc-card__primary-action::before, 2811 .mdc-card__primary-action::after { 2812 background-color: black; 2813 } 2814 2815 .mdc-card__primary-action:hover::before { 2816 opacity: 0.04; 2817 } 2818 2819 .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before, 2820 .mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before { 2821 transition-duration: 75ms; 2822 opacity: 0.12; 2823 } 2824 2825 .mdc-card__primary-action:not(.mdc-ripple-upgraded)::after { 2826 transition: opacity 150ms linear; 2827 } 2828 2829 .mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after { 2830 transition-duration: 75ms; 2831 opacity: 0.16; 2832 } 2833 2834 .mdc-card__primary-action.mdc-ripple-upgraded { 2835 --mdc-ripple-fg-opacity: 0.16; 2836 } 2837 2838 .mdc-card__primary-action:first-child { 2839 border-top-left-radius: inherit; 2840 border-top-right-radius: inherit; 2841 } 2842 2843 .mdc-card__primary-action:last-child { 2844 border-bottom-left-radius: inherit; 2845 border-bottom-right-radius: inherit; 2846 } 2847 2848 .mdc-card__actions { 2849 display: flex; 2850 flex-direction: row; 2851 align-items: center; 2852 box-sizing: border-box; 2853 min-height: 52px; 2854 padding: 8px; 2855 } 2856 2857 .mdc-card__actions--full-bleed { 2858 padding: 0; 2859 } 2860 2861 .mdc-card__action-buttons, 2862 .mdc-card__action-icons { 2863 display: flex; 2864 flex-direction: row; 2865 align-items: center; 2866 box-sizing: border-box; 2867 } 2868 2869 .mdc-card__action-icons { 2870 color: rgba(0, 0, 0, 0.38); 2871 /* @alternate */ 2872 color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); 2873 flex-grow: 1; 2874 justify-content: flex-end; 2875 } 2876 2877 .mdc-card__action-buttons + .mdc-card__action-icons { 2878 /* @noflip */ 2879 margin-left: 16px; 2880 /* @noflip */ 2881 margin-right: 0; 2882 } 2883 2884 [dir=rtl] .mdc-card__action-buttons + .mdc-card__action-icons, 2885 .mdc-card__action-buttons + .mdc-card__action-icons[dir=rtl] { 2886 /* @noflip */ 2887 margin-left: 0; 2888 /* @noflip */ 2889 margin-right: 16px; 2890 } 2891 2892 .mdc-card__action { 2893 display: inline-flex; 2894 flex-direction: row; 2895 align-items: center; 2896 box-sizing: border-box; 2897 justify-content: center; 2898 cursor: pointer; 2899 -webkit-user-select: none; 2900 -moz-user-select: none; 2901 -ms-user-select: none; 2902 user-select: none; 2903 } 2904 2905 .mdc-card__action:focus { 2906 outline: none; 2907 } 2908 2909 .mdc-card__action--button { 2910 /* @noflip */ 2911 margin-left: 0; 2912 /* @noflip */ 2913 margin-right: 8px; 2914 padding: 0 8px; 2915 } 2916 2917 [dir=rtl] .mdc-card__action--button, 2918 .mdc-card__action--button[dir=rtl] { 2919 /* @noflip */ 2920 margin-left: 8px; 2921 /* @noflip */ 2922 margin-right: 0; 2923 } 2924 2925 .mdc-card__action--button:last-child { 2926 /* @noflip */ 2927 margin-left: 0; 2928 /* @noflip */ 2929 margin-right: 0; 2930 } 2931 2932 [dir=rtl] .mdc-card__action--button:last-child, 2933 .mdc-card__action--button:last-child[dir=rtl] { 2934 /* @noflip */ 2935 margin-left: 0; 2936 /* @noflip */ 2937 margin-right: 0; 2938 } 2939 2940 .mdc-card__actions--full-bleed .mdc-card__action--button { 2941 justify-content: space-between; 2942 width: 100%; 2943 height: auto; 2944 max-height: none; 2945 margin: 0; 2946 padding: 8px 16px; 2947 text-align: left; 2948 } 2949 2950 [dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button, 2951 .mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl] { 2952 text-align: right; 2953 } 2954 2955 .mdc-card__action--icon { 2956 margin: -6px 0; 2957 padding: 12px; 2958 } 2959 2960 .mdc-card__action--icon:not(:disabled) { 2961 color: rgba(0, 0, 0, 0.38); 2962 /* @alternate */ 2963 color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); 2964 } 2965 2966 .mdc-card.rounded { 2967 border-radius: 8px; 2968 overflow: hidden; 2969 } 2970 2971 .mdc-card.rounded-small { 2972 border-radius: 4px; 2973 overflow: hidden; 2974 } 2975 2976 .mdc-card .mdc-card__actions { 2977 min-height: 60px; 2978 border-top: 1px solid #e0e1e1; 2979 } 2980 2981 .mdc-card.bordered, 2982 .mdc-card.card[class*=bottom-border-] { 2983 border: 1px solid #e0e1e1; 2984 } 2985 2986 .card { 2987 padding: 24px 40px; 2988 background-color: #ffffff; 2989 box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08); 2990 background-color: #fff; 2991 /* @alternate */ 2992 background-color: var(--mdc-theme-background, #fff); 2993 border-radius: 8px; 2994 box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); 2995 } 2996 2997 .card.small-padding { 2998 padding: 24px 24px; 2999 } 3000 3001 .card.large-padding { 3002 padding: 48px 48px; 3003 } 3004 3005 .card.no-padding { 3006 padding: 0px 0px 1rem 0px; 3007 } 3008 3009 .card.bordered, 3010 .card[class*=bottom-border-] { 3011 border: 1px solid #e0e1e1; 3012 } 3013 3014 .card.bordered.y-move, 3015 .card.y-move[class*=bottom-border-] { 3016 transition: all 0.2s; 3017 } 3018 3019 .card.bordered.y-move:hover, 3020 .card.y-move[class*=bottom-border-]:hover { 3021 -webkit-transform: translateY(-2px); 3022 transform: translateY(-2px); 3023 box-shadow: 0 10px 20px rgba(189, 189, 189, 0.19), 0 6px 6px rgba(189, 189, 189, 0.23); 3024 } 3025 3026 .card.transparent { 3027 background: transparent; 3028 border: 1px solid #e0e1e1; 3029 } 3030 3031 .card.rounded { 3032 border-radius: 10px; 3033 } 3034 3035 .card[class*=bottom-border-] { 3036 border-bottom: 3px solid transparent; 3037 } 3038 3039 .card.row-card { 3040 padding-left: 15px; 3041 padding-right: 15px; 3042 } 3043 3044 .card.shadow { 3045 box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.11); 3046 border: 1px solid #E3E4E5; 3047 } 3048 3049 .card.shadow-small { 3050 box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08); 3051 } 3052 3053 .card.shadow-medium { 3054 box-shadow: 0px 4px 10px 0 rgba(74, 74, 74, 0.3), 0 4px 10px rgba(0, 0, 0, 0.08); 3055 } 3056 3057 .card.shadow-large { 3058 box-shadow: 0px 10px 30px 0 rgba(189, 189, 189, 0.3), 0 10px 30px rgba(0, 0, 0, 0.08); 3059 } 3060 3061 .card.shadow-large-black { 3062 box-shadow: 0px 10px 30px 0 rgba(43, 45, 66, 0.3), 0 10px 30px rgba(0, 0, 0, 0.08); 3063 } 3064 3065 .card.no-radius { 3066 border-radius: 0px; 3067 } 3068 3069 .card.no-shadow { 3070 box-shadow: none; 3071 } 3072 3073 .card.bottom-border-color1 { 3074 border-bottom-color: #228ae6; 3075 } 3076 3077 .card.bottom-border-color2 { 3078 border-bottom-color: #fa5252; 3079 } 3080 3081 .card.bottom-border-color3 { 3082 border-bottom-color: #82c91e; 3083 } 3084 3085 .card.bottom-border-color4 { 3086 border-bottom-color: #fab005; 3087 } 3088 3089 .card.bottom-border-color5 { 3090 border-bottom-color: #7950f2; 3091 } 3092 3093 .card.bottom-border-color6 { 3094 border-bottom-color: #e64980; 3095 } 3096 3097 .card.bottom-border-color-black { 3098 border-bottom-color: #000000; 3099 } 3100 3101 .card.bottom-border-color-white { 3102 border-bottom-color: #ffffff; 3103 } 3104 3105 .card.card-color1 { 3106 background-color: #228ae6; 3107 } 3108 3109 .card.card-color2 { 3110 background-color: #fa5252; 3111 } 3112 3113 .card.card-color3 { 3114 background-color: #82c91e; 3115 } 3116 3117 .card.card-color4 { 3118 background-color: #fab005; 3119 } 3120 3121 .card.card-color5 { 3122 background-color: #7950f2; 3123 } 3124 3125 .card.card-color6 { 3126 background-color: #e64980; 3127 } 3128 3129 .card.card-color-black { 3130 background-color: #000000; 3131 } 3132 3133 .card.card-color-white { 3134 background-color: #ffffff; 3135 } 3136 3137 .card.bg-color1 { 3138 background-color: #228ae6; 3139 } 3140 3141 .card.bg-color2 { 3142 background-color: #fa5252; 3143 } 3144 3145 .card.bg-color3 { 3146 background-color: #82c91e; 3147 } 3148 3149 .card.bg-color4 { 3150 background-color: #fab005; 3151 } 3152 3153 .card.bg-color5 { 3154 background-color: #7950f2; 3155 } 3156 3157 .card.bg-color6 { 3158 background-color: #e64980; 3159 } 3160 3161 .card.bg-color-black { 3162 background-color: #000000; 3163 } 3164 3165 .card.bg-color-white { 3166 background-color: #ffffff; 3167 } 3168 3169 input[type=submit], 3170 .button { 3171 font-family: Roboto, sans-serif; 3172 -moz-osx-font-smoothing: grayscale; 3173 -webkit-font-smoothing: antialiased; 3174 font-size: 0.875rem; 3175 line-height: 2.25rem; 3176 font-weight: 500; 3177 letter-spacing: 0.0892857143em; 3178 text-decoration: none; 3179 text-transform: uppercase; 3180 --mdc-ripple-fg-size: 0; 3181 --mdc-ripple-left: 0; 3182 --mdc-ripple-top: 0; 3183 --mdc-ripple-fg-scale: 1; 3184 --mdc-ripple-fg-translate-end: 0; 3185 --mdc-ripple-fg-translate-start: 0; 3186 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 3187 will-change: transform, opacity; 3188 padding: 0 8px 0 8px; 3189 display: inline-flex; 3190 position: relative; 3191 align-items: center; 3192 justify-content: center; 3193 box-sizing: border-box; 3194 min-width: 64px; 3195 height: auto; 3196 border: none; 3197 outline: none; 3198 /* @alternate */ 3199 line-height: inherit; 3200 -webkit-user-select: none; 3201 -moz-user-select: none; 3202 -ms-user-select: none; 3203 user-select: none; 3204 -webkit-appearance: none; 3205 overflow: hidden; 3206 vertical-align: middle; 3207 border-radius: 4px; 3208 background-color: #228ae6; 3209 font-size: 0.875rem; 3210 line-height: 40px; 3211 padding: 0 20px; 3212 border-color: transparent; 3213 font-family: "Roboto", sans-serif; 3214 text-transform: none; 3215 white-space: nowrap; 3216 margin-bottom: 1rem; 3217 } 3218 3219 input[type=submit]::before, 3220 input[type=submit]::after, 3221 .button::before, 3222 .button::after { 3223 position: absolute; 3224 border-radius: 50%; 3225 opacity: 0; 3226 pointer-events: none; 3227 content: ""; 3228 } 3229 3230 input[type=submit]::before, 3231 .button::before { 3232 transition: opacity 15ms linear; 3233 z-index: 1; 3234 } 3235 3236 input[type=submit].mdc-ripple-upgraded::before, 3237 .button.mdc-ripple-upgraded::before { 3238 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); 3239 transform: scale(var(--mdc-ripple-fg-scale, 1)); 3240 } 3241 3242 input[type=submit].mdc-ripple-upgraded::after, 3243 .button.mdc-ripple-upgraded::after { 3244 top: 0; 3245 /* @noflip */ 3246 left: 0; 3247 -webkit-transform: scale(0); 3248 transform: scale(0); 3249 -webkit-transform-origin: center center; 3250 transform-origin: center center; 3251 } 3252 3253 input[type=submit].mdc-ripple-upgraded--unbounded::after, 3254 .button.mdc-ripple-upgraded--unbounded::after { 3255 top: var(--mdc-ripple-top, 0); 3256 /* @noflip */ 3257 left: var(--mdc-ripple-left, 0); 3258 } 3259 3260 input[type=submit].mdc-ripple-upgraded--foreground-activation::after, 3261 .button.mdc-ripple-upgraded--foreground-activation::after { 3262 -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 3263 animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 3264 } 3265 3266 input[type=submit].mdc-ripple-upgraded--foreground-deactivation::after, 3267 .button.mdc-ripple-upgraded--foreground-deactivation::after { 3268 -webkit-animation: 150ms mdc-ripple-fg-opacity-out; 3269 animation: 150ms mdc-ripple-fg-opacity-out; 3270 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 3271 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 3272 } 3273 3274 input[type=submit]::before, 3275 input[type=submit]::after, 3276 .button::before, 3277 .button::after { 3278 top: calc(50% - 100%); 3279 /* @noflip */ 3280 left: calc(50% - 100%); 3281 width: 200%; 3282 height: 200%; 3283 } 3284 3285 input[type=submit].mdc-ripple-upgraded::after, 3286 .button.mdc-ripple-upgraded::after { 3287 width: var(--mdc-ripple-fg-size, 100%); 3288 height: var(--mdc-ripple-fg-size, 100%); 3289 } 3290 3291 input[type=submit]::-moz-focus-inner, 3292 .button::-moz-focus-inner { 3293 padding: 0; 3294 border: 0; 3295 } 3296 3297 input[type=submit]:active, 3298 .button:active { 3299 outline: none; 3300 } 3301 3302 input[type=submit]:hover, 3303 .button:hover { 3304 cursor: pointer; 3305 } 3306 3307 input[type=submit]:disabled, 3308 .button:disabled { 3309 background-color: transparent; 3310 color: rgba(0, 0, 0, 0.37); 3311 cursor: default; 3312 pointer-events: none; 3313 } 3314 3315 input[type=submit]:not(:disabled), 3316 .button:not(:disabled) { 3317 color: #ffffff; 3318 } 3319 3320 input[type=submit]::before, 3321 input[type=submit]::after, 3322 .button::before, 3323 .button::after { 3324 background-color: rgba(255, 255, 255, 0.8); 3325 } 3326 3327 input[type=submit]:hover::before, 3328 .button:hover::before { 3329 opacity: 0.08; 3330 } 3331 3332 input[type=submit]:not(.mdc-ripple-upgraded):focus::before, 3333 input[type=submit].mdc-ripple-upgraded--background-focused::before, 3334 .button:not(.mdc-ripple-upgraded):focus::before, 3335 .button.mdc-ripple-upgraded--background-focused::before { 3336 transition-duration: 75ms; 3337 opacity: 0.24; 3338 } 3339 3340 input[type=submit]:not(.mdc-ripple-upgraded)::after, 3341 .button:not(.mdc-ripple-upgraded)::after { 3342 transition: opacity 150ms linear; 3343 } 3344 3345 input[type=submit]:not(.mdc-ripple-upgraded):active::after, 3346 .button:not(.mdc-ripple-upgraded):active::after { 3347 transition-duration: 75ms; 3348 opacity: 0.32; 3349 } 3350 3351 input[type=submit].mdc-ripple-upgraded, 3352 .button.mdc-ripple-upgraded { 3353 --mdc-ripple-fg-opacity: 0.32; 3354 } 3355 3356 input[type=submit]:before, 3357 .button:before { 3358 transition: opacity 0.2s linear; 3359 } 3360 3361 input[type=submit]:after, 3362 input[type=submit]:before, 3363 .button:after, 3364 .button:before { 3365 background-color: #ffffff; 3366 } 3367 3368 input[type=submit].outline, 3369 .button.outline { 3370 border-width: 2px; 3371 line-height: 36px; 3372 } 3373 3374 input[type=submit].outline::before, 3375 input[type=submit].outline::after, 3376 .button.outline::before, 3377 .button.outline::after { 3378 background-color: #ffffff; 3379 } 3380 3381 input[type=submit].outline:hover::before, 3382 .button.outline:hover::before { 3383 opacity: 0.08; 3384 } 3385 3386 input[type=submit].outline:not(.mdc-ripple-upgraded):focus::before, 3387 input[type=submit].outline.mdc-ripple-upgraded--background-focused::before, 3388 .button.outline:not(.mdc-ripple-upgraded):focus::before, 3389 .button.outline.mdc-ripple-upgraded--background-focused::before { 3390 transition-duration: 75ms; 3391 opacity: 0.24; 3392 } 3393 3394 input[type=submit].outline:not(.mdc-ripple-upgraded)::after, 3395 .button.outline:not(.mdc-ripple-upgraded)::after { 3396 transition: opacity 150ms linear; 3397 } 3398 3399 input[type=submit].outline:not(.mdc-ripple-upgraded):active::after, 3400 .button.outline:not(.mdc-ripple-upgraded):active::after { 3401 transition-duration: 75ms; 3402 opacity: 0.32; 3403 } 3404 3405 input[type=submit].outline.mdc-ripple-upgraded, 3406 .button.outline.mdc-ripple-upgraded { 3407 --mdc-ripple-fg-opacity: 0.32; 3408 } 3409 3410 input[type=submit].small, 3411 .button.small { 3412 font-size: 0.775rem; 3413 font-weight: 400; 3414 padding: 0 15px; 3415 border-radius: 4px; 3416 line-height: 32px; 3417 } 3418 3419 input[type=submit].small.outline, 3420 .button.small.outline { 3421 border-width: 2px; 3422 line-height: 28px; 3423 } 3424 3425 input[type=submit].big, 3426 .button.big { 3427 font-size: 0.975rem; 3428 font-weight: 400; 3429 padding: 2px 40px; 3430 border-radius: 4px; 3431 line-height: 50px; 3432 } 3433 3434 input[type=submit].big.outline, 3435 .button.big.outline { 3436 border-width: 2px; 3437 line-height: 46px; 3438 } 3439 3440 input[type=submit].large, 3441 .button.large { 3442 font-size: 21px; 3443 padding: 20px 36px; 3444 border-radius: 4px; 3445 } 3446 3447 input[type=submit].large:not(.outline), 3448 .button.large:not(.outline) { 3449 padding: calc(20px + 2px) calc(36px + 2px); 3450 } 3451 3452 input[type=submit].color-white, 3453 .button.color-white { 3454 background-color: #ffffff; 3455 } 3456 3457 input[type=submit].color-white:not(:disabled), 3458 .button.color-white:not(:disabled) { 3459 color: #2b2d42; 3460 } 3461 3462 input[type=submit].color-white:not(:disabled), 3463 .button.color-white:not(:disabled) { 3464 border-color: #ffffff; 3465 } 3466 3467 input[type=submit].color-white::before, 3468 input[type=submit].color-white::after, 3469 .button.color-white::before, 3470 .button.color-white::after { 3471 background-color: #bdbdbd; 3472 } 3473 3474 input[type=submit].color-white:hover::before, 3475 .button.color-white:hover::before { 3476 opacity: 0.08; 3477 } 3478 3479 input[type=submit].color-white:not(.mdc-ripple-upgraded):focus::before, 3480 input[type=submit].color-white.mdc-ripple-upgraded--background-focused::before, 3481 .button.color-white:not(.mdc-ripple-upgraded):focus::before, 3482 .button.color-white.mdc-ripple-upgraded--background-focused::before { 3483 transition-duration: 75ms; 3484 opacity: 0.24; 3485 } 3486 3487 input[type=submit].color-white:not(.mdc-ripple-upgraded)::after, 3488 .button.color-white:not(.mdc-ripple-upgraded)::after { 3489 transition: opacity 150ms linear; 3490 } 3491 3492 input[type=submit].color-white:not(.mdc-ripple-upgraded):active::after, 3493 .button.color-white:not(.mdc-ripple-upgraded):active::after { 3494 transition-duration: 75ms; 3495 opacity: 0.32; 3496 } 3497 3498 input[type=submit].color-white.mdc-ripple-upgraded, 3499 .button.color-white.mdc-ripple-upgraded { 3500 --mdc-ripple-fg-opacity: 0.32; 3501 } 3502 3503 input[type=submit].color-white.outline, 3504 .button.color-white.outline { 3505 background-color: transparent; 3506 border-style: solid; 3507 } 3508 3509 input[type=submit].color-white.outline:not(:disabled), 3510 .button.color-white.outline:not(:disabled) { 3511 color: #ffffff; 3512 } 3513 3514 input[type=submit].color-white.outline:disabled, 3515 .button.color-white.outline:disabled { 3516 border-color: rgba(0, 0, 0, 0.37); 3517 } 3518 3519 input[type=submit].color-white.outline:not(:disabled), 3520 .button.color-white.outline:not(:disabled) { 3521 border-color: #ffffff; 3522 } 3523 3524 input[type=submit].color-white.link, 3525 .button.color-white.link { 3526 background-color: transparent; 3527 padding: 0 8px; 3528 } 3529 3530 input[type=submit].color-white.link:not(:disabled), 3531 .button.color-white.link:not(:disabled) { 3532 color: #ffffff; 3533 } 3534 3535 input[type=submit].color-white.link::before, 3536 input[type=submit].color-white.link::after, 3537 .button.color-white.link::before, 3538 .button.color-white.link::after { 3539 background-color: rgba(255, 255, 255, 0.8); 3540 } 3541 3542 input[type=submit].color-white.link:hover::before, 3543 .button.color-white.link:hover::before { 3544 opacity: 0.08; 3545 } 3546 3547 input[type=submit].color-white.link:not(.mdc-ripple-upgraded):focus::before, 3548 input[type=submit].color-white.link.mdc-ripple-upgraded--background-focused::before, 3549 .button.color-white.link:not(.mdc-ripple-upgraded):focus::before, 3550 .button.color-white.link.mdc-ripple-upgraded--background-focused::before { 3551 transition-duration: 75ms; 3552 opacity: 0.24; 3553 } 3554 3555 input[type=submit].color-white.link:not(.mdc-ripple-upgraded)::after, 3556 .button.color-white.link:not(.mdc-ripple-upgraded)::after { 3557 transition: opacity 150ms linear; 3558 } 3559 3560 input[type=submit].color-white.link:not(.mdc-ripple-upgraded):active::after, 3561 .button.color-white.link:not(.mdc-ripple-upgraded):active::after { 3562 transition-duration: 75ms; 3563 opacity: 0.32; 3564 } 3565 3566 input[type=submit].color-white.link.mdc-ripple-upgraded, 3567 .button.color-white.link.mdc-ripple-upgraded { 3568 --mdc-ripple-fg-opacity: 0.32; 3569 } 3570 3571 input[type=submit].color-white.link:hover, 3572 .button.color-white.link:hover { 3573 background-color: transparent; 3574 } 3575 3576 input[type=submit].color-white :disabled, 3577 input[type=submit].color-white.disabled, 3578 .button.color-white :disabled, 3579 .button.color-white.disabled { 3580 background-color: rgba(255, 255, 255, 0.5); 3581 border-color: rgba(255, 255, 255, 0.5); 3582 cursor: default; 3583 pointer-events: none; 3584 } 3585 3586 input[type=submit].round, 3587 .button.round { 3588 border-radius: 50px; 3589 } 3590 3591 input[type=submit].square, 3592 .button.square { 3593 border-radius: 0px; 3594 } 3595 3596 input[type=submit].color-black, 3597 .button.color-black { 3598 background-color: #000; 3599 } 3600 3601 input[type=submit].color-black:not(:disabled), 3602 .button.color-black:not(:disabled) { 3603 color: #ffffff; 3604 } 3605 3606 input[type=submit].color-black:not(:disabled), 3607 .button.color-black:not(:disabled) { 3608 border-color: #000; 3609 } 3610 3611 input[type=submit].color-black::before, 3612 input[type=submit].color-black::after, 3613 .button.color-black::before, 3614 .button.color-black::after { 3615 background-color: rgba(255, 255, 255, 0.8); 3616 } 3617 3618 input[type=submit].color-black:hover::before, 3619 .button.color-black:hover::before { 3620 opacity: 0.08; 3621 } 3622 3623 input[type=submit].color-black:not(.mdc-ripple-upgraded):focus::before, 3624 input[type=submit].color-black.mdc-ripple-upgraded--background-focused::before, 3625 .button.color-black:not(.mdc-ripple-upgraded):focus::before, 3626 .button.color-black.mdc-ripple-upgraded--background-focused::before { 3627 transition-duration: 75ms; 3628 opacity: 0.24; 3629 } 3630 3631 input[type=submit].color-black:not(.mdc-ripple-upgraded)::after, 3632 .button.color-black:not(.mdc-ripple-upgraded)::after { 3633 transition: opacity 150ms linear; 3634 } 3635 3636 input[type=submit].color-black:not(.mdc-ripple-upgraded):active::after, 3637 .button.color-black:not(.mdc-ripple-upgraded):active::after { 3638 transition-duration: 75ms; 3639 opacity: 0.32; 3640 } 3641 3642 input[type=submit].color-black.mdc-ripple-upgraded, 3643 .button.color-black.mdc-ripple-upgraded { 3644 --mdc-ripple-fg-opacity: 0.32; 3645 } 3646 3647 input[type=submit].color-black.outline, 3648 .button.color-black.outline { 3649 background-color: transparent; 3650 border-style: solid; 3651 } 3652 3653 input[type=submit].color-black.outline:not(:disabled), 3654 .button.color-black.outline:not(:disabled) { 3655 color: #000; 3656 } 3657 3658 input[type=submit].color-black.outline:disabled, 3659 .button.color-black.outline:disabled { 3660 border-color: rgba(0, 0, 0, 0.37); 3661 } 3662 3663 input[type=submit].color-black.outline:not(:disabled), 3664 .button.color-black.outline:not(:disabled) { 3665 border-color: #000; 3666 } 3667 3668 input[type=submit].color-black.link, 3669 .button.color-black.link { 3670 background-color: transparent; 3671 padding: 0 8px; 3672 } 3673 3674 input[type=submit].color-black.link:not(:disabled), 3675 .button.color-black.link:not(:disabled) { 3676 color: #000; 3677 } 3678 3679 input[type=submit].color-black.link::before, 3680 input[type=submit].color-black.link::after, 3681 .button.color-black.link::before, 3682 .button.color-black.link::after { 3683 background-color: rgba(0, 0, 0, 0.8); 3684 } 3685 3686 input[type=submit].color-black.link:hover::before, 3687 .button.color-black.link:hover::before { 3688 opacity: 0.04; 3689 } 3690 3691 input[type=submit].color-black.link:not(.mdc-ripple-upgraded):focus::before, 3692 input[type=submit].color-black.link.mdc-ripple-upgraded--background-focused::before, 3693 .button.color-black.link:not(.mdc-ripple-upgraded):focus::before, 3694 .button.color-black.link.mdc-ripple-upgraded--background-focused::before { 3695 transition-duration: 75ms; 3696 opacity: 0.12; 3697 } 3698 3699 input[type=submit].color-black.link:not(.mdc-ripple-upgraded)::after, 3700 .button.color-black.link:not(.mdc-ripple-upgraded)::after { 3701 transition: opacity 150ms linear; 3702 } 3703 3704 input[type=submit].color-black.link:not(.mdc-ripple-upgraded):active::after, 3705 .button.color-black.link:not(.mdc-ripple-upgraded):active::after { 3706 transition-duration: 75ms; 3707 opacity: 0.16; 3708 } 3709 3710 input[type=submit].color-black.link.mdc-ripple-upgraded, 3711 .button.color-black.link.mdc-ripple-upgraded { 3712 --mdc-ripple-fg-opacity: 0.16; 3713 } 3714 3715 input[type=submit].color-black.link:hover, 3716 .button.color-black.link:hover { 3717 background-color: transparent; 3718 } 3719 3720 input[type=submit].color-black :disabled, 3721 input[type=submit].color-black.disabled, 3722 .button.color-black :disabled, 3723 .button.color-black.disabled { 3724 background-color: rgba(0, 0, 0, 0.5); 3725 border-color: rgba(0, 0, 0, 0.5); 3726 cursor: default; 3727 pointer-events: none; 3728 } 3729 3730 input[type=submit].color-darkgray, 3731 .button.color-darkgray { 3732 background-color: #2b2d42; 3733 } 3734 3735 input[type=submit].color-darkgray:not(:disabled), 3736 .button.color-darkgray:not(:disabled) { 3737 color: #ffffff; 3738 } 3739 3740 input[type=submit].color-darkgray:not(:disabled), 3741 .button.color-darkgray:not(:disabled) { 3742 border-color: #2b2d42; 3743 } 3744 3745 input[type=submit].color-darkgray::before, 3746 input[type=submit].color-darkgray::after, 3747 .button.color-darkgray::before, 3748 .button.color-darkgray::after { 3749 background-color: rgba(255, 255, 255, 0.8); 3750 } 3751 3752 input[type=submit].color-darkgray:hover::before, 3753 .button.color-darkgray:hover::before { 3754 opacity: 0.08; 3755 } 3756 3757 input[type=submit].color-darkgray:not(.mdc-ripple-upgraded):focus::before, 3758 input[type=submit].color-darkgray.mdc-ripple-upgraded--background-focused::before, 3759 .button.color-darkgray:not(.mdc-ripple-upgraded):focus::before, 3760 .button.color-darkgray.mdc-ripple-upgraded--background-focused::before { 3761 transition-duration: 75ms; 3762 opacity: 0.24; 3763 } 3764 3765 input[type=submit].color-darkgray:not(.mdc-ripple-upgraded)::after, 3766 .button.color-darkgray:not(.mdc-ripple-upgraded)::after { 3767 transition: opacity 150ms linear; 3768 } 3769 3770 input[type=submit].color-darkgray:not(.mdc-ripple-upgraded):active::after, 3771 .button.color-darkgray:not(.mdc-ripple-upgraded):active::after { 3772 transition-duration: 75ms; 3773 opacity: 0.32; 3774 } 3775 3776 input[type=submit].color-darkgray.mdc-ripple-upgraded, 3777 .button.color-darkgray.mdc-ripple-upgraded { 3778 --mdc-ripple-fg-opacity: 0.32; 3779 } 3780 3781 input[type=submit].color-darkgray.outline, 3782 .button.color-darkgray.outline { 3783 background-color: transparent; 3784 border-style: solid; 3785 } 3786 3787 input[type=submit].color-darkgray.outline:not(:disabled), 3788 .button.color-darkgray.outline:not(:disabled) { 3789 color: #2b2d42; 3790 } 3791 3792 input[type=submit].color-darkgray.outline:disabled, 3793 .button.color-darkgray.outline:disabled { 3794 border-color: rgba(0, 0, 0, 0.37); 3795 } 3796 3797 input[type=submit].color-darkgray.outline:not(:disabled), 3798 .button.color-darkgray.outline:not(:disabled) { 3799 border-color: #2b2d42; 3800 } 3801 3802 input[type=submit].color-darkgray.link, 3803 .button.color-darkgray.link { 3804 background-color: transparent; 3805 padding: 0 8px; 3806 } 3807 3808 input[type=submit].color-darkgray.link:not(:disabled), 3809 .button.color-darkgray.link:not(:disabled) { 3810 color: #2b2d42; 3811 } 3812 3813 input[type=submit].color-darkgray.link::before, 3814 input[type=submit].color-darkgray.link::after, 3815 .button.color-darkgray.link::before, 3816 .button.color-darkgray.link::after { 3817 background-color: rgba(43, 45, 66, 0.8); 3818 } 3819 3820 input[type=submit].color-darkgray.link:hover::before, 3821 .button.color-darkgray.link:hover::before { 3822 opacity: 0.04; 3823 } 3824 3825 input[type=submit].color-darkgray.link:not(.mdc-ripple-upgraded):focus::before, 3826 input[type=submit].color-darkgray.link.mdc-ripple-upgraded--background-focused::before, 3827 .button.color-darkgray.link:not(.mdc-ripple-upgraded):focus::before, 3828 .button.color-darkgray.link.mdc-ripple-upgraded--background-focused::before { 3829 transition-duration: 75ms; 3830 opacity: 0.12; 3831 } 3832 3833 input[type=submit].color-darkgray.link:not(.mdc-ripple-upgraded)::after, 3834 .button.color-darkgray.link:not(.mdc-ripple-upgraded)::after { 3835 transition: opacity 150ms linear; 3836 } 3837 3838 input[type=submit].color-darkgray.link:not(.mdc-ripple-upgraded):active::after, 3839 .button.color-darkgray.link:not(.mdc-ripple-upgraded):active::after { 3840 transition-duration: 75ms; 3841 opacity: 0.16; 3842 } 3843 3844 input[type=submit].color-darkgray.link.mdc-ripple-upgraded, 3845 .button.color-darkgray.link.mdc-ripple-upgraded { 3846 --mdc-ripple-fg-opacity: 0.16; 3847 } 3848 3849 input[type=submit].color-darkgray.link:hover, 3850 .button.color-darkgray.link:hover { 3851 background-color: transparent; 3852 } 3853 3854 input[type=submit].color-darkgray :disabled, 3855 input[type=submit].color-darkgray.disabled, 3856 .button.color-darkgray :disabled, 3857 .button.color-darkgray.disabled { 3858 background-color: rgba(43, 45, 66, 0.5); 3859 border-color: rgba(43, 45, 66, 0.5); 3860 cursor: default; 3861 pointer-events: none; 3862 } 3863 3864 input[type=submit].white, 3865 .button.white { 3866 background-color: #ffffff; 3867 } 3868 3869 input[type=submit].white:not(:disabled), 3870 .button.white:not(:disabled) { 3871 color: #2b2d42; 3872 } 3873 3874 input[type=submit].white:not(:disabled), 3875 .button.white:not(:disabled) { 3876 border-color: #ffffff; 3877 } 3878 3879 input[type=submit].white::before, 3880 input[type=submit].white::after, 3881 .button.white::before, 3882 .button.white::after { 3883 background-color: #bdbdbd; 3884 } 3885 3886 input[type=submit].white:hover::before, 3887 .button.white:hover::before { 3888 opacity: 0.08; 3889 } 3890 3891 input[type=submit].white:not(.mdc-ripple-upgraded):focus::before, 3892 input[type=submit].white.mdc-ripple-upgraded--background-focused::before, 3893 .button.white:not(.mdc-ripple-upgraded):focus::before, 3894 .button.white.mdc-ripple-upgraded--background-focused::before { 3895 transition-duration: 75ms; 3896 opacity: 0.24; 3897 } 3898 3899 input[type=submit].white:not(.mdc-ripple-upgraded)::after, 3900 .button.white:not(.mdc-ripple-upgraded)::after { 3901 transition: opacity 150ms linear; 3902 } 3903 3904 input[type=submit].white:not(.mdc-ripple-upgraded):active::after, 3905 .button.white:not(.mdc-ripple-upgraded):active::after { 3906 transition-duration: 75ms; 3907 opacity: 0.32; 3908 } 3909 3910 input[type=submit].white.mdc-ripple-upgraded, 3911 .button.white.mdc-ripple-upgraded { 3912 --mdc-ripple-fg-opacity: 0.32; 3913 } 3914 3915 input[type=submit].white.outline, 3916 .button.white.outline { 3917 background-color: transparent; 3918 border-style: solid; 3919 } 3920 3921 input[type=submit].white.outline:not(:disabled), 3922 .button.white.outline:not(:disabled) { 3923 color: #ffffff; 3924 } 3925 3926 input[type=submit].white.outline:disabled, 3927 .button.white.outline:disabled { 3928 border-color: rgba(0, 0, 0, 0.37); 3929 } 3930 3931 input[type=submit].white.outline:not(:disabled), 3932 .button.white.outline:not(:disabled) { 3933 border-color: #ffffff; 3934 } 3935 3936 input[type=submit].white.link, 3937 .button.white.link { 3938 background-color: transparent; 3939 padding: 0 8px; 3940 } 3941 3942 input[type=submit].white.link:not(:disabled), 3943 .button.white.link:not(:disabled) { 3944 color: #ffffff; 3945 } 3946 3947 input[type=submit].white.link::before, 3948 input[type=submit].white.link::after, 3949 .button.white.link::before, 3950 .button.white.link::after { 3951 background-color: rgba(255, 255, 255, 0.8); 3952 } 3953 3954 input[type=submit].white.link:hover::before, 3955 .button.white.link:hover::before { 3956 opacity: 0.08; 3957 } 3958 3959 input[type=submit].white.link:not(.mdc-ripple-upgraded):focus::before, 3960 input[type=submit].white.link.mdc-ripple-upgraded--background-focused::before, 3961 .button.white.link:not(.mdc-ripple-upgraded):focus::before, 3962 .button.white.link.mdc-ripple-upgraded--background-focused::before { 3963 transition-duration: 75ms; 3964 opacity: 0.24; 3965 } 3966 3967 input[type=submit].white.link:not(.mdc-ripple-upgraded)::after, 3968 .button.white.link:not(.mdc-ripple-upgraded)::after { 3969 transition: opacity 150ms linear; 3970 } 3971 3972 input[type=submit].white.link:not(.mdc-ripple-upgraded):active::after, 3973 .button.white.link:not(.mdc-ripple-upgraded):active::after { 3974 transition-duration: 75ms; 3975 opacity: 0.32; 3976 } 3977 3978 input[type=submit].white.link.mdc-ripple-upgraded, 3979 .button.white.link.mdc-ripple-upgraded { 3980 --mdc-ripple-fg-opacity: 0.32; 3981 } 3982 3983 input[type=submit].white.link:hover, 3984 .button.white.link:hover { 3985 background-color: transparent; 3986 } 3987 3988 input[type=submit].white :disabled, 3989 input[type=submit].white.disabled, 3990 .button.white :disabled, 3991 .button.white.disabled { 3992 background-color: rgba(255, 255, 255, 0.5); 3993 border-color: rgba(255, 255, 255, 0.5); 3994 cursor: default; 3995 pointer-events: none; 3996 } 3997 3998 input[type=submit].white.outline::before, 3999 input[type=submit].white.outline::after, 4000 .button.white.outline::before, 4001 .button.white.outline::after { 4002 background-color: #ffffff; 4003 } 4004 4005 input[type=submit].white.outline:hover::before, 4006 .button.white.outline:hover::before { 4007 opacity: 0.08; 4008 } 4009 4010 input[type=submit].white.outline:not(.mdc-ripple-upgraded):focus::before, 4011 input[type=submit].white.outline:not(.mdc-ripple-upgraded):focus-within::before, 4012 input[type=submit].white.outline.mdc-ripple-upgraded--background-focused::before, 4013 .button.white.outline:not(.mdc-ripple-upgraded):focus::before, 4014 .button.white.outline:not(.mdc-ripple-upgraded):focus-within::before, 4015 .button.white.outline.mdc-ripple-upgraded--background-focused::before { 4016 transition-duration: 75ms; 4017 opacity: 0.24; 4018 } 4019 4020 input[type=submit].white.outline:not(.mdc-ripple-upgraded)::after, 4021 .button.white.outline:not(.mdc-ripple-upgraded)::after { 4022 transition: opacity 150ms linear; 4023 } 4024 4025 input[type=submit].white.outline:not(.mdc-ripple-upgraded):active::after, 4026 .button.white.outline:not(.mdc-ripple-upgraded):active::after { 4027 transition-duration: 75ms; 4028 opacity: 0.32; 4029 } 4030 4031 input[type=submit].white.outline.mdc-ripple-upgraded, 4032 .button.white.outline.mdc-ripple-upgraded { 4033 --mdc-ripple-fg-opacity: 0.32; 4034 } 4035 4036 input[type=submit].white.outline:hover::before, 4037 .button.white.outline:hover::before { 4038 opacity: 0.3; 4039 } 4040 4041 input[type=submit].black, 4042 .button.black { 4043 background-color: #000; 4044 } 4045 4046 input[type=submit].black:not(:disabled), 4047 .button.black:not(:disabled) { 4048 color: #ffffff; 4049 } 4050 4051 input[type=submit].black:not(:disabled), 4052 .button.black:not(:disabled) { 4053 border-color: #000; 4054 } 4055 4056 input[type=submit].black::before, 4057 input[type=submit].black::after, 4058 .button.black::before, 4059 .button.black::after { 4060 background-color: rgba(255, 255, 255, 0.8); 4061 } 4062 4063 input[type=submit].black:hover::before, 4064 .button.black:hover::before { 4065 opacity: 0.08; 4066 } 4067 4068 input[type=submit].black:not(.mdc-ripple-upgraded):focus::before, 4069 input[type=submit].black.mdc-ripple-upgraded--background-focused::before, 4070 .button.black:not(.mdc-ripple-upgraded):focus::before, 4071 .button.black.mdc-ripple-upgraded--background-focused::before { 4072 transition-duration: 75ms; 4073 opacity: 0.24; 4074 } 4075 4076 input[type=submit].black:not(.mdc-ripple-upgraded)::after, 4077 .button.black:not(.mdc-ripple-upgraded)::after { 4078 transition: opacity 150ms linear; 4079 } 4080 4081 input[type=submit].black:not(.mdc-ripple-upgraded):active::after, 4082 .button.black:not(.mdc-ripple-upgraded):active::after { 4083 transition-duration: 75ms; 4084 opacity: 0.32; 4085 } 4086 4087 input[type=submit].black.mdc-ripple-upgraded, 4088 .button.black.mdc-ripple-upgraded { 4089 --mdc-ripple-fg-opacity: 0.32; 4090 } 4091 4092 input[type=submit].black.outline, 4093 .button.black.outline { 4094 background-color: transparent; 4095 border-style: solid; 4096 } 4097 4098 input[type=submit].black.outline:not(:disabled), 4099 .button.black.outline:not(:disabled) { 4100 color: #000; 4101 } 4102 4103 input[type=submit].black.outline:disabled, 4104 .button.black.outline:disabled { 4105 border-color: rgba(0, 0, 0, 0.37); 4106 } 4107 4108 input[type=submit].black.outline:not(:disabled), 4109 .button.black.outline:not(:disabled) { 4110 border-color: #000; 4111 } 4112 4113 input[type=submit].black.link, 4114 .button.black.link { 4115 background-color: transparent; 4116 padding: 0 8px; 4117 } 4118 4119 input[type=submit].black.link:not(:disabled), 4120 .button.black.link:not(:disabled) { 4121 color: #000; 4122 } 4123 4124 input[type=submit].black.link::before, 4125 input[type=submit].black.link::after, 4126 .button.black.link::before, 4127 .button.black.link::after { 4128 background-color: rgba(0, 0, 0, 0.8); 4129 } 4130 4131 input[type=submit].black.link:hover::before, 4132 .button.black.link:hover::before { 4133 opacity: 0.04; 4134 } 4135 4136 input[type=submit].black.link:not(.mdc-ripple-upgraded):focus::before, 4137 input[type=submit].black.link.mdc-ripple-upgraded--background-focused::before, 4138 .button.black.link:not(.mdc-ripple-upgraded):focus::before, 4139 .button.black.link.mdc-ripple-upgraded--background-focused::before { 4140 transition-duration: 75ms; 4141 opacity: 0.12; 4142 } 4143 4144 input[type=submit].black.link:not(.mdc-ripple-upgraded)::after, 4145 .button.black.link:not(.mdc-ripple-upgraded)::after { 4146 transition: opacity 150ms linear; 4147 } 4148 4149 input[type=submit].black.link:not(.mdc-ripple-upgraded):active::after, 4150 .button.black.link:not(.mdc-ripple-upgraded):active::after { 4151 transition-duration: 75ms; 4152 opacity: 0.16; 4153 } 4154 4155 input[type=submit].black.link.mdc-ripple-upgraded, 4156 .button.black.link.mdc-ripple-upgraded { 4157 --mdc-ripple-fg-opacity: 0.16; 4158 } 4159 4160 input[type=submit].black.link:hover, 4161 .button.black.link:hover { 4162 background-color: transparent; 4163 } 4164 4165 input[type=submit].black :disabled, 4166 input[type=submit].black.disabled, 4167 .button.black :disabled, 4168 .button.black.disabled { 4169 background-color: rgba(0, 0, 0, 0.5); 4170 border-color: rgba(0, 0, 0, 0.5); 4171 cursor: default; 4172 pointer-events: none; 4173 } 4174 4175 input[type=submit].color1, 4176 .button.color1 { 4177 background-color: #228ae6; 4178 } 4179 4180 input[type=submit].color1:not(:disabled), 4181 .button.color1:not(:disabled) { 4182 color: #ffffff; 4183 } 4184 4185 input[type=submit].color1:not(:disabled), 4186 .button.color1:not(:disabled) { 4187 border-color: #228ae6; 4188 } 4189 4190 input[type=submit].color1::before, 4191 input[type=submit].color1::after, 4192 .button.color1::before, 4193 .button.color1::after { 4194 background-color: rgba(255, 255, 255, 0.8); 4195 } 4196 4197 input[type=submit].color1:hover::before, 4198 .button.color1:hover::before { 4199 opacity: 0.08; 4200 } 4201 4202 input[type=submit].color1:not(.mdc-ripple-upgraded):focus::before, 4203 input[type=submit].color1.mdc-ripple-upgraded--background-focused::before, 4204 .button.color1:not(.mdc-ripple-upgraded):focus::before, 4205 .button.color1.mdc-ripple-upgraded--background-focused::before { 4206 transition-duration: 75ms; 4207 opacity: 0.24; 4208 } 4209 4210 input[type=submit].color1:not(.mdc-ripple-upgraded)::after, 4211 .button.color1:not(.mdc-ripple-upgraded)::after { 4212 transition: opacity 150ms linear; 4213 } 4214 4215 input[type=submit].color1:not(.mdc-ripple-upgraded):active::after, 4216 .button.color1:not(.mdc-ripple-upgraded):active::after { 4217 transition-duration: 75ms; 4218 opacity: 0.32; 4219 } 4220 4221 input[type=submit].color1.mdc-ripple-upgraded, 4222 .button.color1.mdc-ripple-upgraded { 4223 --mdc-ripple-fg-opacity: 0.32; 4224 } 4225 4226 input[type=submit].color1.outline, 4227 .button.color1.outline { 4228 background-color: transparent; 4229 border-style: solid; 4230 } 4231 4232 input[type=submit].color1.outline:not(:disabled), 4233 .button.color1.outline:not(:disabled) { 4234 color: #228ae6; 4235 } 4236 4237 input[type=submit].color1.outline:disabled, 4238 .button.color1.outline:disabled { 4239 border-color: rgba(0, 0, 0, 0.37); 4240 } 4241 4242 input[type=submit].color1.outline:not(:disabled), 4243 .button.color1.outline:not(:disabled) { 4244 border-color: #228ae6; 4245 } 4246 4247 input[type=submit].color1.link, 4248 .button.color1.link { 4249 background-color: transparent; 4250 padding: 0 8px; 4251 } 4252 4253 input[type=submit].color1.link:not(:disabled), 4254 .button.color1.link:not(:disabled) { 4255 color: #228ae6; 4256 } 4257 4258 input[type=submit].color1.link::before, 4259 input[type=submit].color1.link::after, 4260 .button.color1.link::before, 4261 .button.color1.link::after { 4262 background-color: rgba(34, 138, 230, 0.8); 4263 } 4264 4265 input[type=submit].color1.link:hover::before, 4266 .button.color1.link:hover::before { 4267 opacity: 0.04; 4268 } 4269 4270 input[type=submit].color1.link:not(.mdc-ripple-upgraded):focus::before, 4271 input[type=submit].color1.link.mdc-ripple-upgraded--background-focused::before, 4272 .button.color1.link:not(.mdc-ripple-upgraded):focus::before, 4273 .button.color1.link.mdc-ripple-upgraded--background-focused::before { 4274 transition-duration: 75ms; 4275 opacity: 0.12; 4276 } 4277 4278 input[type=submit].color1.link:not(.mdc-ripple-upgraded)::after, 4279 .button.color1.link:not(.mdc-ripple-upgraded)::after { 4280 transition: opacity 150ms linear; 4281 } 4282 4283 input[type=submit].color1.link:not(.mdc-ripple-upgraded):active::after, 4284 .button.color1.link:not(.mdc-ripple-upgraded):active::after { 4285 transition-duration: 75ms; 4286 opacity: 0.16; 4287 } 4288 4289 input[type=submit].color1.link.mdc-ripple-upgraded, 4290 .button.color1.link.mdc-ripple-upgraded { 4291 --mdc-ripple-fg-opacity: 0.16; 4292 } 4293 4294 input[type=submit].color1.link:hover, 4295 .button.color1.link:hover { 4296 background-color: transparent; 4297 } 4298 4299 input[type=submit].color1 :disabled, 4300 input[type=submit].color1.disabled, 4301 .button.color1 :disabled, 4302 .button.color1.disabled { 4303 background-color: rgba(34, 138, 230, 0.5); 4304 border-color: rgba(34, 138, 230, 0.5); 4305 cursor: default; 4306 pointer-events: none; 4307 } 4308 4309 input[type=submit].color2, 4310 .button.color2 { 4311 background-color: #fa5252; 4312 } 4313 4314 input[type=submit].color2:not(:disabled), 4315 .button.color2:not(:disabled) { 4316 color: #ffffff; 4317 } 4318 4319 input[type=submit].color2:not(:disabled), 4320 .button.color2:not(:disabled) { 4321 border-color: #fa5252; 4322 } 4323 4324 input[type=submit].color2::before, 4325 input[type=submit].color2::after, 4326 .button.color2::before, 4327 .button.color2::after { 4328 background-color: rgba(255, 255, 255, 0.8); 4329 } 4330 4331 input[type=submit].color2:hover::before, 4332 .button.color2:hover::before { 4333 opacity: 0.08; 4334 } 4335 4336 input[type=submit].color2:not(.mdc-ripple-upgraded):focus::before, 4337 input[type=submit].color2.mdc-ripple-upgraded--background-focused::before, 4338 .button.color2:not(.mdc-ripple-upgraded):focus::before, 4339 .button.color2.mdc-ripple-upgraded--background-focused::before { 4340 transition-duration: 75ms; 4341 opacity: 0.24; 4342 } 4343 4344 input[type=submit].color2:not(.mdc-ripple-upgraded)::after, 4345 .button.color2:not(.mdc-ripple-upgraded)::after { 4346 transition: opacity 150ms linear; 4347 } 4348 4349 input[type=submit].color2:not(.mdc-ripple-upgraded):active::after, 4350 .button.color2:not(.mdc-ripple-upgraded):active::after { 4351 transition-duration: 75ms; 4352 opacity: 0.32; 4353 } 4354 4355 input[type=submit].color2.mdc-ripple-upgraded, 4356 .button.color2.mdc-ripple-upgraded { 4357 --mdc-ripple-fg-opacity: 0.32; 4358 } 4359 4360 input[type=submit].color2.outline, 4361 .button.color2.outline { 4362 background-color: transparent; 4363 border-style: solid; 4364 } 4365 4366 input[type=submit].color2.outline:not(:disabled), 4367 .button.color2.outline:not(:disabled) { 4368 color: #fa5252; 4369 } 4370 4371 input[type=submit].color2.outline:disabled, 4372 .button.color2.outline:disabled { 4373 border-color: rgba(0, 0, 0, 0.37); 4374 } 4375 4376 input[type=submit].color2.outline:not(:disabled), 4377 .button.color2.outline:not(:disabled) { 4378 border-color: #fa5252; 4379 } 4380 4381 input[type=submit].color2.link, 4382 .button.color2.link { 4383 background-color: transparent; 4384 padding: 0 8px; 4385 } 4386 4387 input[type=submit].color2.link:not(:disabled), 4388 .button.color2.link:not(:disabled) { 4389 color: #fa5252; 4390 } 4391 4392 input[type=submit].color2.link::before, 4393 input[type=submit].color2.link::after, 4394 .button.color2.link::before, 4395 .button.color2.link::after { 4396 background-color: rgba(250, 82, 82, 0.8); 4397 } 4398 4399 input[type=submit].color2.link:hover::before, 4400 .button.color2.link:hover::before { 4401 opacity: 0.04; 4402 } 4403 4404 input[type=submit].color2.link:not(.mdc-ripple-upgraded):focus::before, 4405 input[type=submit].color2.link.mdc-ripple-upgraded--background-focused::before, 4406 .button.color2.link:not(.mdc-ripple-upgraded):focus::before, 4407 .button.color2.link.mdc-ripple-upgraded--background-focused::before { 4408 transition-duration: 75ms; 4409 opacity: 0.12; 4410 } 4411 4412 input[type=submit].color2.link:not(.mdc-ripple-upgraded)::after, 4413 .button.color2.link:not(.mdc-ripple-upgraded)::after { 4414 transition: opacity 150ms linear; 4415 } 4416 4417 input[type=submit].color2.link:not(.mdc-ripple-upgraded):active::after, 4418 .button.color2.link:not(.mdc-ripple-upgraded):active::after { 4419 transition-duration: 75ms; 4420 opacity: 0.16; 4421 } 4422 4423 input[type=submit].color2.link.mdc-ripple-upgraded, 4424 .button.color2.link.mdc-ripple-upgraded { 4425 --mdc-ripple-fg-opacity: 0.16; 4426 } 4427 4428 input[type=submit].color2.link:hover, 4429 .button.color2.link:hover { 4430 background-color: transparent; 4431 } 4432 4433 input[type=submit].color2 :disabled, 4434 input[type=submit].color2.disabled, 4435 .button.color2 :disabled, 4436 .button.color2.disabled { 4437 background-color: rgba(250, 82, 82, 0.5); 4438 border-color: rgba(250, 82, 82, 0.5); 4439 cursor: default; 4440 pointer-events: none; 4441 } 4442 4443 input[type=submit].color3, 4444 .button.color3 { 4445 background-color: #82c91e; 4446 } 4447 4448 input[type=submit].color3:not(:disabled), 4449 .button.color3:not(:disabled) { 4450 color: #ffffff; 4451 } 4452 4453 input[type=submit].color3:not(:disabled), 4454 .button.color3:not(:disabled) { 4455 border-color: #82c91e; 4456 } 4457 4458 input[type=submit].color3::before, 4459 input[type=submit].color3::after, 4460 .button.color3::before, 4461 .button.color3::after { 4462 background-color: rgba(255, 255, 255, 0.8); 4463 } 4464 4465 input[type=submit].color3:hover::before, 4466 .button.color3:hover::before { 4467 opacity: 0.08; 4468 } 4469 4470 input[type=submit].color3:not(.mdc-ripple-upgraded):focus::before, 4471 input[type=submit].color3.mdc-ripple-upgraded--background-focused::before, 4472 .button.color3:not(.mdc-ripple-upgraded):focus::before, 4473 .button.color3.mdc-ripple-upgraded--background-focused::before { 4474 transition-duration: 75ms; 4475 opacity: 0.24; 4476 } 4477 4478 input[type=submit].color3:not(.mdc-ripple-upgraded)::after, 4479 .button.color3:not(.mdc-ripple-upgraded)::after { 4480 transition: opacity 150ms linear; 4481 } 4482 4483 input[type=submit].color3:not(.mdc-ripple-upgraded):active::after, 4484 .button.color3:not(.mdc-ripple-upgraded):active::after { 4485 transition-duration: 75ms; 4486 opacity: 0.32; 4487 } 4488 4489 input[type=submit].color3.mdc-ripple-upgraded, 4490 .button.color3.mdc-ripple-upgraded { 4491 --mdc-ripple-fg-opacity: 0.32; 4492 } 4493 4494 input[type=submit].color3.outline, 4495 .button.color3.outline { 4496 background-color: transparent; 4497 border-style: solid; 4498 } 4499 4500 input[type=submit].color3.outline:not(:disabled), 4501 .button.color3.outline:not(:disabled) { 4502 color: #82c91e; 4503 } 4504 4505 input[type=submit].color3.outline:disabled, 4506 .button.color3.outline:disabled { 4507 border-color: rgba(0, 0, 0, 0.37); 4508 } 4509 4510 input[type=submit].color3.outline:not(:disabled), 4511 .button.color3.outline:not(:disabled) { 4512 border-color: #82c91e; 4513 } 4514 4515 input[type=submit].color3.link, 4516 .button.color3.link { 4517 background-color: transparent; 4518 padding: 0 8px; 4519 } 4520 4521 input[type=submit].color3.link:not(:disabled), 4522 .button.color3.link:not(:disabled) { 4523 color: #82c91e; 4524 } 4525 4526 input[type=submit].color3.link::before, 4527 input[type=submit].color3.link::after, 4528 .button.color3.link::before, 4529 .button.color3.link::after { 4530 background-color: rgba(130, 201, 30, 0.8); 4531 } 4532 4533 input[type=submit].color3.link:hover::before, 4534 .button.color3.link:hover::before { 4535 opacity: 0.08; 4536 } 4537 4538 input[type=submit].color3.link:not(.mdc-ripple-upgraded):focus::before, 4539 input[type=submit].color3.link.mdc-ripple-upgraded--background-focused::before, 4540 .button.color3.link:not(.mdc-ripple-upgraded):focus::before, 4541 .button.color3.link.mdc-ripple-upgraded--background-focused::before { 4542 transition-duration: 75ms; 4543 opacity: 0.24; 4544 } 4545 4546 input[type=submit].color3.link:not(.mdc-ripple-upgraded)::after, 4547 .button.color3.link:not(.mdc-ripple-upgraded)::after { 4548 transition: opacity 150ms linear; 4549 } 4550 4551 input[type=submit].color3.link:not(.mdc-ripple-upgraded):active::after, 4552 .button.color3.link:not(.mdc-ripple-upgraded):active::after { 4553 transition-duration: 75ms; 4554 opacity: 0.32; 4555 } 4556 4557 input[type=submit].color3.link.mdc-ripple-upgraded, 4558 .button.color3.link.mdc-ripple-upgraded { 4559 --mdc-ripple-fg-opacity: 0.32; 4560 } 4561 4562 input[type=submit].color3.link:hover, 4563 .button.color3.link:hover { 4564 background-color: transparent; 4565 } 4566 4567 input[type=submit].color3 :disabled, 4568 input[type=submit].color3.disabled, 4569 .button.color3 :disabled, 4570 .button.color3.disabled { 4571 background-color: rgba(130, 201, 30, 0.5); 4572 border-color: rgba(130, 201, 30, 0.5); 4573 cursor: default; 4574 pointer-events: none; 4575 } 4576 4577 input[type=submit].color4, 4578 .button.color4 { 4579 background-color: #fab005; 4580 } 4581 4582 input[type=submit].color4:not(:disabled), 4583 .button.color4:not(:disabled) { 4584 color: #ffffff; 4585 } 4586 4587 input[type=submit].color4:not(:disabled), 4588 .button.color4:not(:disabled) { 4589 border-color: #fab005; 4590 } 4591 4592 input[type=submit].color4::before, 4593 input[type=submit].color4::after, 4594 .button.color4::before, 4595 .button.color4::after { 4596 background-color: rgba(255, 255, 255, 0.8); 4597 } 4598 4599 input[type=submit].color4:hover::before, 4600 .button.color4:hover::before { 4601 opacity: 0.08; 4602 } 4603 4604 input[type=submit].color4:not(.mdc-ripple-upgraded):focus::before, 4605 input[type=submit].color4.mdc-ripple-upgraded--background-focused::before, 4606 .button.color4:not(.mdc-ripple-upgraded):focus::before, 4607 .button.color4.mdc-ripple-upgraded--background-focused::before { 4608 transition-duration: 75ms; 4609 opacity: 0.24; 4610 } 4611 4612 input[type=submit].color4:not(.mdc-ripple-upgraded)::after, 4613 .button.color4:not(.mdc-ripple-upgraded)::after { 4614 transition: opacity 150ms linear; 4615 } 4616 4617 input[type=submit].color4:not(.mdc-ripple-upgraded):active::after, 4618 .button.color4:not(.mdc-ripple-upgraded):active::after { 4619 transition-duration: 75ms; 4620 opacity: 0.32; 4621 } 4622 4623 input[type=submit].color4.mdc-ripple-upgraded, 4624 .button.color4.mdc-ripple-upgraded { 4625 --mdc-ripple-fg-opacity: 0.32; 4626 } 4627 4628 input[type=submit].color4.outline, 4629 .button.color4.outline { 4630 background-color: transparent; 4631 border-style: solid; 4632 } 4633 4634 input[type=submit].color4.outline:not(:disabled), 4635 .button.color4.outline:not(:disabled) { 4636 color: #fab005; 4637 } 4638 4639 input[type=submit].color4.outline:disabled, 4640 .button.color4.outline:disabled { 4641 border-color: rgba(0, 0, 0, 0.37); 4642 } 4643 4644 input[type=submit].color4.outline:not(:disabled), 4645 .button.color4.outline:not(:disabled) { 4646 border-color: #fab005; 4647 } 4648 4649 input[type=submit].color4.link, 4650 .button.color4.link { 4651 background-color: transparent; 4652 padding: 0 8px; 4653 } 4654 4655 input[type=submit].color4.link:not(:disabled), 4656 .button.color4.link:not(:disabled) { 4657 color: #fab005; 4658 } 4659 4660 input[type=submit].color4.link::before, 4661 input[type=submit].color4.link::after, 4662 .button.color4.link::before, 4663 .button.color4.link::after { 4664 background-color: rgba(250, 176, 5, 0.8); 4665 } 4666 4667 input[type=submit].color4.link:hover::before, 4668 .button.color4.link:hover::before { 4669 opacity: 0.08; 4670 } 4671 4672 input[type=submit].color4.link:not(.mdc-ripple-upgraded):focus::before, 4673 input[type=submit].color4.link.mdc-ripple-upgraded--background-focused::before, 4674 .button.color4.link:not(.mdc-ripple-upgraded):focus::before, 4675 .button.color4.link.mdc-ripple-upgraded--background-focused::before { 4676 transition-duration: 75ms; 4677 opacity: 0.24; 4678 } 4679 4680 input[type=submit].color4.link:not(.mdc-ripple-upgraded)::after, 4681 .button.color4.link:not(.mdc-ripple-upgraded)::after { 4682 transition: opacity 150ms linear; 4683 } 4684 4685 input[type=submit].color4.link:not(.mdc-ripple-upgraded):active::after, 4686 .button.color4.link:not(.mdc-ripple-upgraded):active::after { 4687 transition-duration: 75ms; 4688 opacity: 0.32; 4689 } 4690 4691 input[type=submit].color4.link.mdc-ripple-upgraded, 4692 .button.color4.link.mdc-ripple-upgraded { 4693 --mdc-ripple-fg-opacity: 0.32; 4694 } 4695 4696 input[type=submit].color4.link:hover, 4697 .button.color4.link:hover { 4698 background-color: transparent; 4699 } 4700 4701 input[type=submit].color4 :disabled, 4702 input[type=submit].color4.disabled, 4703 .button.color4 :disabled, 4704 .button.color4.disabled { 4705 background-color: rgba(250, 176, 5, 0.5); 4706 border-color: rgba(250, 176, 5, 0.5); 4707 cursor: default; 4708 pointer-events: none; 4709 } 4710 4711 input[type=submit].color5, 4712 .button.color5 { 4713 background-color: #7950f2; 4714 } 4715 4716 input[type=submit].color5:not(:disabled), 4717 .button.color5:not(:disabled) { 4718 color: #ffffff; 4719 } 4720 4721 input[type=submit].color5:not(:disabled), 4722 .button.color5:not(:disabled) { 4723 border-color: #7950f2; 4724 } 4725 4726 input[type=submit].color5::before, 4727 input[type=submit].color5::after, 4728 .button.color5::before, 4729 .button.color5::after { 4730 background-color: rgba(255, 255, 255, 0.8); 4731 } 4732 4733 input[type=submit].color5:hover::before, 4734 .button.color5:hover::before { 4735 opacity: 0.08; 4736 } 4737 4738 input[type=submit].color5:not(.mdc-ripple-upgraded):focus::before, 4739 input[type=submit].color5.mdc-ripple-upgraded--background-focused::before, 4740 .button.color5:not(.mdc-ripple-upgraded):focus::before, 4741 .button.color5.mdc-ripple-upgraded--background-focused::before { 4742 transition-duration: 75ms; 4743 opacity: 0.24; 4744 } 4745 4746 input[type=submit].color5:not(.mdc-ripple-upgraded)::after, 4747 .button.color5:not(.mdc-ripple-upgraded)::after { 4748 transition: opacity 150ms linear; 4749 } 4750 4751 input[type=submit].color5:not(.mdc-ripple-upgraded):active::after, 4752 .button.color5:not(.mdc-ripple-upgraded):active::after { 4753 transition-duration: 75ms; 4754 opacity: 0.32; 4755 } 4756 4757 input[type=submit].color5.mdc-ripple-upgraded, 4758 .button.color5.mdc-ripple-upgraded { 4759 --mdc-ripple-fg-opacity: 0.32; 4760 } 4761 4762 input[type=submit].color5.outline, 4763 .button.color5.outline { 4764 background-color: transparent; 4765 border-style: solid; 4766 } 4767 4768 input[type=submit].color5.outline:not(:disabled), 4769 .button.color5.outline:not(:disabled) { 4770 color: #7950f2; 4771 } 4772 4773 input[type=submit].color5.outline:disabled, 4774 .button.color5.outline:disabled { 4775 border-color: rgba(0, 0, 0, 0.37); 4776 } 4777 4778 input[type=submit].color5.outline:not(:disabled), 4779 .button.color5.outline:not(:disabled) { 4780 border-color: #7950f2; 4781 } 4782 4783 input[type=submit].color5.link, 4784 .button.color5.link { 4785 background-color: transparent; 4786 padding: 0 8px; 4787 } 4788 4789 input[type=submit].color5.link:not(:disabled), 4790 .button.color5.link:not(:disabled) { 4791 color: #7950f2; 4792 } 4793 4794 input[type=submit].color5.link::before, 4795 input[type=submit].color5.link::after, 4796 .button.color5.link::before, 4797 .button.color5.link::after { 4798 background-color: rgba(121, 80, 242, 0.8); 4799 } 4800 4801 input[type=submit].color5.link:hover::before, 4802 .button.color5.link:hover::before { 4803 opacity: 0.04; 4804 } 4805 4806 input[type=submit].color5.link:not(.mdc-ripple-upgraded):focus::before, 4807 input[type=submit].color5.link.mdc-ripple-upgraded--background-focused::before, 4808 .button.color5.link:not(.mdc-ripple-upgraded):focus::before, 4809 .button.color5.link.mdc-ripple-upgraded--background-focused::before { 4810 transition-duration: 75ms; 4811 opacity: 0.12; 4812 } 4813 4814 input[type=submit].color5.link:not(.mdc-ripple-upgraded)::after, 4815 .button.color5.link:not(.mdc-ripple-upgraded)::after { 4816 transition: opacity 150ms linear; 4817 } 4818 4819 input[type=submit].color5.link:not(.mdc-ripple-upgraded):active::after, 4820 .button.color5.link:not(.mdc-ripple-upgraded):active::after { 4821 transition-duration: 75ms; 4822 opacity: 0.16; 4823 } 4824 4825 input[type=submit].color5.link.mdc-ripple-upgraded, 4826 .button.color5.link.mdc-ripple-upgraded { 4827 --mdc-ripple-fg-opacity: 0.16; 4828 } 4829 4830 input[type=submit].color5.link:hover, 4831 .button.color5.link:hover { 4832 background-color: transparent; 4833 } 4834 4835 input[type=submit].color5 :disabled, 4836 input[type=submit].color5.disabled, 4837 .button.color5 :disabled, 4838 .button.color5.disabled { 4839 background-color: rgba(121, 80, 242, 0.5); 4840 border-color: rgba(121, 80, 242, 0.5); 4841 cursor: default; 4842 pointer-events: none; 4843 } 4844 4845 input[type=submit].color6, 4846 .button.color6 { 4847 background-color: #e64980; 4848 } 4849 4850 input[type=submit].color6:not(:disabled), 4851 .button.color6:not(:disabled) { 4852 color: #ffffff; 4853 } 4854 4855 input[type=submit].color6:not(:disabled), 4856 .button.color6:not(:disabled) { 4857 border-color: #e64980; 4858 } 4859 4860 input[type=submit].color6::before, 4861 input[type=submit].color6::after, 4862 .button.color6::before, 4863 .button.color6::after { 4864 background-color: rgba(255, 255, 255, 0.8); 4865 } 4866 4867 input[type=submit].color6:hover::before, 4868 .button.color6:hover::before { 4869 opacity: 0.08; 4870 } 4871 4872 input[type=submit].color6:not(.mdc-ripple-upgraded):focus::before, 4873 input[type=submit].color6.mdc-ripple-upgraded--background-focused::before, 4874 .button.color6:not(.mdc-ripple-upgraded):focus::before, 4875 .button.color6.mdc-ripple-upgraded--background-focused::before { 4876 transition-duration: 75ms; 4877 opacity: 0.24; 4878 } 4879 4880 input[type=submit].color6:not(.mdc-ripple-upgraded)::after, 4881 .button.color6:not(.mdc-ripple-upgraded)::after { 4882 transition: opacity 150ms linear; 4883 } 4884 4885 input[type=submit].color6:not(.mdc-ripple-upgraded):active::after, 4886 .button.color6:not(.mdc-ripple-upgraded):active::after { 4887 transition-duration: 75ms; 4888 opacity: 0.32; 4889 } 4890 4891 input[type=submit].color6.mdc-ripple-upgraded, 4892 .button.color6.mdc-ripple-upgraded { 4893 --mdc-ripple-fg-opacity: 0.32; 4894 } 4895 4896 input[type=submit].color6.outline, 4897 .button.color6.outline { 4898 background-color: transparent; 4899 border-style: solid; 4900 } 4901 4902 input[type=submit].color6.outline:not(:disabled), 4903 .button.color6.outline:not(:disabled) { 4904 color: #e64980; 4905 } 4906 4907 input[type=submit].color6.outline:disabled, 4908 .button.color6.outline:disabled { 4909 border-color: rgba(0, 0, 0, 0.37); 4910 } 4911 4912 input[type=submit].color6.outline:not(:disabled), 4913 .button.color6.outline:not(:disabled) { 4914 border-color: #e64980; 4915 } 4916 4917 input[type=submit].color6.link, 4918 .button.color6.link { 4919 background-color: transparent; 4920 padding: 0 8px; 4921 } 4922 4923 input[type=submit].color6.link:not(:disabled), 4924 .button.color6.link:not(:disabled) { 4925 color: #e64980; 4926 } 4927 4928 input[type=submit].color6.link::before, 4929 input[type=submit].color6.link::after, 4930 .button.color6.link::before, 4931 .button.color6.link::after { 4932 background-color: rgba(230, 73, 128, 0.8); 4933 } 4934 4935 input[type=submit].color6.link:hover::before, 4936 .button.color6.link:hover::before { 4937 opacity: 0.04; 4938 } 4939 4940 input[type=submit].color6.link:not(.mdc-ripple-upgraded):focus::before, 4941 input[type=submit].color6.link.mdc-ripple-upgraded--background-focused::before, 4942 .button.color6.link:not(.mdc-ripple-upgraded):focus::before, 4943 .button.color6.link.mdc-ripple-upgraded--background-focused::before { 4944 transition-duration: 75ms; 4945 opacity: 0.12; 4946 } 4947 4948 input[type=submit].color6.link:not(.mdc-ripple-upgraded)::after, 4949 .button.color6.link:not(.mdc-ripple-upgraded)::after { 4950 transition: opacity 150ms linear; 4951 } 4952 4953 input[type=submit].color6.link:not(.mdc-ripple-upgraded):active::after, 4954 .button.color6.link:not(.mdc-ripple-upgraded):active::after { 4955 transition-duration: 75ms; 4956 opacity: 0.16; 4957 } 4958 4959 input[type=submit].color6.link.mdc-ripple-upgraded, 4960 .button.color6.link.mdc-ripple-upgraded { 4961 --mdc-ripple-fg-opacity: 0.16; 4962 } 4963 4964 input[type=submit].color6.link:hover, 4965 .button.color6.link:hover { 4966 background-color: transparent; 4967 } 4968 4969 input[type=submit].color6 :disabled, 4970 input[type=submit].color6.disabled, 4971 .button.color6 :disabled, 4972 .button.color6.disabled { 4973 background-color: rgba(230, 73, 128, 0.5); 4974 border-color: rgba(230, 73, 128, 0.5); 4975 cursor: default; 4976 pointer-events: none; 4977 } 4978 4979 input[type=submit].white-text, 4980 .button.white-text { 4981 color: #ffffff !important; 4982 } 4983 4984 input[type=submit].dark-text, 4985 .button.dark-text { 4986 color: #2b2d42 !important; 4987 } 4988 4989 input[type=submit].negative-margin, 4990 .button.negative-margin { 4991 margin-left: -0.5rem; 4992 } 4993 4994 input[type=submit] .button-icon, 4995 .button .button-icon { 4996 font-size: 2em; 4997 margin-right: 0.35em; 4998 vertical-align: middle; 4999 } 5000 5001 .mdc-elevation--z0 { 5002 box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); 5003 } 5004 5005 .mdc-elevation--z1 { 5006 box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); 5007 } 5008 5009 .mdc-elevation--z2 { 5010 box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); 5011 } 5012 5013 .mdc-elevation--z3 { 5014 box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); 5015 } 5016 5017 .mdc-elevation--z4 { 5018 box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); 5019 } 5020 5021 .mdc-elevation--z5 { 5022 box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); 5023 } 5024 5025 .mdc-elevation--z6 { 5026 box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); 5027 } 5028 5029 .mdc-elevation--z7 { 5030 box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); 5031 } 5032 5033 .mdc-elevation--z8 { 5034 box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); 5035 } 5036 5037 .mdc-elevation--z9 { 5038 box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); 5039 } 5040 5041 .mdc-elevation--z10 { 5042 box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); 5043 } 5044 5045 .mdc-elevation--z11 { 5046 box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); 5047 } 5048 5049 .mdc-elevation--z12 { 5050 box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); 5051 } 5052 5053 .mdc-elevation--z13 { 5054 box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); 5055 } 5056 5057 .mdc-elevation--z14 { 5058 box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); 5059 } 5060 5061 .mdc-elevation--z15 { 5062 box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); 5063 } 5064 5065 .mdc-elevation--z16 { 5066 box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); 5067 } 5068 5069 .mdc-elevation--z17 { 5070 box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); 5071 } 5072 5073 .mdc-elevation--z18 { 5074 box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); 5075 } 5076 5077 .mdc-elevation--z19 { 5078 box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); 5079 } 5080 5081 .mdc-elevation--z20 { 5082 box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); 5083 } 5084 5085 .mdc-elevation--z21 { 5086 box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); 5087 } 5088 5089 .mdc-elevation--z22 { 5090 box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); 5091 } 5092 5093 .mdc-elevation--z23 { 5094 box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); 5095 } 5096 5097 .mdc-elevation--z24 { 5098 box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); 5099 } 5100 5101 .mdc-elevation-transition { 5102 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); 5103 will-change: box-shadow; 5104 } 5105 5106 .summary a { 5107 color: #228ae6; 5108 text-decoration: none; 5109 } 5110 5111 .summary a:hover, 5112 .summary a:focus { 5113 color: #50a2eb; 5114 text-decoration: underline; 5115 } 5116 5117 .woocommerce-page { 5118 margin-top: 0px; 5119 min-height: 700px; 5120 } 5121 5122 .woocommerce-page-content.no-title .product_title { 5123 display: none; 5124 } 5125 5126 .woocommerce div.product .summary > * { 5127 margin-bottom: 1.3rem; 5128 } 5129 5130 .woocommerce div.product .summary a.reset_variations[style*=hidden] { 5131 display: none !important; 5132 } 5133 5134 .woocommerce-thankyou-order-received { 5135 margin-bottom: 3rem; 5136 } 5137 5138 .woocommerce-additional-fields > h3 { 5139 margin-top: 3rem; 5140 } 5141 5142 .woocommerce #customer_details .woocommerce-account-fields .form-row { 5143 padding: 3px 0; 5144 } 5145 5146 .woocommerce #account_password_field .mdc-text-field, 5147 .woocommerce .edit-account .mdc-text-field { 5148 position: relative; 5149 } 5150 5151 .woocommerce #account_password_field .mdc-text-field .woocommerce-password-strength, 5152 .woocommerce .edit-account .mdc-text-field .woocommerce-password-strength { 5153 width: 100%; 5154 position: absolute; 5155 font-weight: 400 !important; 5156 color: #ffffff; 5157 } 5158 5159 .woocommerce #account_password_field .mdc-text-field .woocommerce-password-strength.short, 5160 .woocommerce .edit-account .mdc-text-field .woocommerce-password-strength.short { 5161 background-color: #fa5252; 5162 border-color: #fa5252; 5163 } 5164 5165 .woocommerce #account_password_field .mdc-text-field .woocommerce-password-strength.bad, 5166 .woocommerce .edit-account .mdc-text-field .woocommerce-password-strength.bad { 5167 background-color: #f9a56d; 5168 border-color: #f9a56d; 5169 } 5170 5171 .woocommerce #account_password_field .mdc-text-field .woocommerce-password-strength.good, 5172 .woocommerce .edit-account .mdc-text-field .woocommerce-password-strength.good { 5173 background-color: #fab005; 5174 border-color: #fab005; 5175 } 5176 5177 .woocommerce #account_password_field .mdc-text-field .woocommerce-password-strength.strong, 5178 .woocommerce .edit-account .mdc-text-field .woocommerce-password-strength.strong { 5179 background-color: #82c91e; 5180 border-color: #82c91e; 5181 } 5182 5183 #customer_details .col-1, 5184 #customer_details .col-2 { 5185 width: 100%; 5186 float: none; 5187 } 5188 5189 .materialis-woo-header-cart .woocommerce-mini-cart__buttons { 5190 margin-bottom: 0; 5191 } 5192 5193 .materialis-woo-header-cart p.woocommerce-mini-cart__empty-message { 5194 text-align: center; 5195 } 5196 5197 ul:not(#offcanvas_menu) li.materialis-menu-cart a { 5198 padding-left: 6px; 5199 padding-right: 6px; 5200 } 5201 5202 li.materialis-menu-cart-secondary a i.mdi, 5203 li.materialis-menu-cart a i.mdi { 5204 font-size: 1.4em; 5205 margin-top: -0.05em; 5206 margin-left: -0.1em; 5207 margin-right: 0.5rem; 5208 display: inline-block; 5209 } 5210 5211 .dropdown-menu li.materialis-menu-cart a i.mdi { 5212 display: block; 5213 margin: 0; 5214 } 5215 5216 .dropdown-menu li.materialis-menu-cart a .cart-label { 5217 display: none; 5218 } 5219 5220 .materialis-woo-header-cart { 5221 display: none; 5222 background-color: #ffffff; 5223 width: 400px; 5224 margin-left: -400px; 5225 padding: 2.25rem 1.25rem 1.25rem; 5226 box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); 5227 } 5228 5229 .materialis-woo-header-cart .close-mini-cart { 5230 position: absolute; 5231 top: 0; 5232 right: 0; 5233 width: 1em; 5234 height: 1rem; 5235 display: none; 5236 } 5237 5238 .materialis-woo-header-cart .close-mini-cart .mdi-close { 5239 color: #fff; 5240 } 5241 5242 .materialis-woo-header-cart .close-mini-cart .mdi-close::before { 5243 position: relative; 5244 z-index: 1; 5245 top: 1px; 5246 right: 1px; 5247 } 5248 5249 .materialis-woo-header-cart .close-mini-cart .mdi-close::after { 5250 content: ""; 5251 position: absolute; 5252 top: 0; 5253 right: 0; 5254 display: block; 5255 border-width: 0 35px 35px 0; 5256 border-color: transparent; 5257 border-style: solid; 5258 border-right-color: #343a40; 5259 cursor: default; 5260 } 5261 5262 html.touch-enabled .materialis-woo-header-cart .close-mini-cart { 5263 display: block; 5264 } 5265 5266 .materialis-woo-header-cart .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content { 5267 padding-bottom: 0; 5268 } 5269 5270 .materialis-woo-header-cart .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .product_list_widget { 5271 margin-bottom: 5px; 5272 } 5273 5274 .materialis-woo-header-cart .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .total { 5275 border-top: 1px solid #ebe9eb; 5276 padding: 10px 0 0; 5277 } 5278 5279 .materialis-woo-header-cart .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .wcppec-cart-widget-button { 5280 height: 36px; 5281 background-color: #228ae6; 5282 border-radius: 4px; 5283 box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); 5284 } 5285 5286 .cart-contents-content { 5287 margin-bottom: 2rem; 5288 margin-top: 2rem; 5289 border-bottom: 1px solid #ededed; 5290 } 5291 5292 .cart-contents-content h4 { 5293 font-weight: 300; 5294 } 5295 5296 .products-list-wrapper ul.products { 5297 clear: none; 5298 } 5299 5300 .woocommerce-page-content.overlap { 5301 background-color: white; 5302 box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); 5303 -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); 5304 -webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.14), 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 1px 7px 1px rgba(0, 0, 0, 0.12); 5305 -webkit-appearance: none; 5306 margin-bottom: 2.5rem; 5307 border-radius: 10px 10px 0px 0px; 5308 padding-top: 1.25rem; 5309 position: relative; 5310 z-index: 1; 5311 } 5312 5313 .woocommerce table.shop_table tbody th, 5314 .woocommerce table.shop_table tfoot td, 5315 .woocommerce table.shop_table tfoot th { 5316 font-weight: 600; 5317 } 5318 5319 .woocommerce table.shop_table { 5320 margin-bottom: 0px; 5321 } 5322 5323 .woocommerce .woocommerce-customer-details, 5324 .woocommerce .woocommerce-order-details, 5325 .woocommerce .woocommerce-order-downloads { 5326 margin-bottom: 0px; 5327 } 5328 5329 @media (min-width: 768px) { 5330 .woocommerce .woocommerce-page-content { 5331 -moz-flex-grow: 1; 5332 flex-grow: 1; 5333 max-width: none; 5334 } 5335 5336 .cart-contents-content { 5337 text-align: right; 5338 margin-top: 0.6rem; 5339 } 5340 5341 .cart-contents-content h4 { 5342 display: inline-block; 5343 margin-right: 0.6rem; 5344 } 5345 } 5346 5347 .woocommerce-store-notice, 5348 p.demo_store { 5349 background-color: #fa5252; 5350 position: initial; 5351 } 5352 5353 .woocommerce-store-notice a, 5354 p.demo_store a { 5355 color: #fab005; 5356 } 5357 5358 table { 5359 border-collapse: collapse; 5360 border-spacing: 0; 5361 max-width: 100%; 5362 width: 100%; 5363 empty-cells: show; 5364 font-size: 15px; 5365 line-height: 24px; 5366 } 5367 5368 table caption { 5369 text-align: left; 5370 font-size: 0.875em; 5371 font-weight: 500; 5372 color: #676b72; 5373 } 5374 5375 th { 5376 text-align: left; 5377 font-weight: 700; 5378 vertical-align: bottom; 5379 } 5380 5381 td { 5382 vertical-align: top; 5383 } 5384 5385 tr.align-middle td, 5386 td.align-middle { 5387 vertical-align: middle; 5388 } 5389 5390 th, 5391 td { 5392 padding: 1rem 1rem; 5393 border-bottom: 1px solid rgba(0, 0, 0, 0.05); 5394 } 5395 5396 th:first-child, 5397 td:first-child { 5398 padding-left: 0; 5399 } 5400 5401 th:last-child, 5402 td:last-child { 5403 padding-right: 0; 5404 } 5405 5406 tfoot th, 5407 tfoot td { 5408 color: rgba(141, 153, 174, 0.5); 5409 } 5410 5411 table.bordered td, 5412 table.card[class*=bottom-border-] td, 5413 table.bordered th, 5414 table.card[class*=bottom-border-] th { 5415 border: 1px solid rgba(0, 0, 0, 0.05); 5416 } 5417 5418 table.striped tr:nth-child(odd) td { 5419 background: #f8f8f8; 5420 } 5421 5422 table.bordered td:first-child, 5423 table.card[class*=bottom-border-] td:first-child, 5424 table.bordered th:first-child, 5425 table.card[class*=bottom-border-] th:first-child, 5426 table.striped td:first-child, 5427 table.striped th:first-child { 5428 padding-left: 1rem; 5429 } 5430 5431 table.bordered td:last-child, 5432 table.card[class*=bottom-border-] td:last-child, 5433 table.bordered th:last-child, 5434 table.card[class*=bottom-border-] th:last-child, 5435 table.striped td:last-child, 5436 table.striped th:last-child { 5437 padding-right: 1rem; 5438 } 5439 5440 table.unstyled td, 5441 table.unstyled th { 5442 border: none; 5443 padding: 0; 5444 } 5445 5446 @media screen and (max-width: 768px) { 5447 table.shop_table_responsive td.product-quantity { 5448 text-align: left !important; 5449 height: 52px; 5450 } 5451 5452 table.shop_table_responsive td.product-quantity::before { 5453 float: none; 5454 text-align: left; 5455 } 5456 5457 table.shop_table_responsive td.product-quantity::after { 5458 clear: both; 5459 } 5460 5461 table.shop_table_responsive td.product-quantity > .quantity { 5462 float: right; 5463 } 5464 } 5465 5466 .woocommerce ul.order_details li { 5467 float: none; 5468 border-right: 0; 5469 } 5470 5471 @media (min-width: 768px) { 5472 .checkout-columns { 5473 display: -moz-flex; 5474 display: flex; 5475 -moz-align-items: flex-start; 5476 align-items: flex-start; 5477 } 5478 5479 .checkout-columns > * { 5480 flex: 1; 5481 } 5482 5483 .woocommerce-order-details-col { 5484 width: 50%; 5485 float: left; 5486 padding: 1rem; 5487 } 5488 5489 ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details { 5490 display: -moz-flex; 5491 display: flex; 5492 border-radius: 4px; 5493 background-color: #ffffff; 5494 border: solid 1px rgba(0, 0, 0, 0.1); 5495 } 5496 5497 .woocommerce ul.order_details li { 5498 -moz-flex: 1; 5499 flex: 1; 5500 margin-right: 2em; 5501 text-transform: uppercase; 5502 font-size: 0.715em; 5503 line-height: 1; 5504 border-right: solid 1px rgba(0, 0, 0, 0.1); 5505 padding-right: 2em; 5506 list-style-type: none; 5507 padding: 1rem; 5508 } 5509 5510 .woocommerce ul.order_details { 5511 padding-left: 0px; 5512 } 5513 } 5514 5515 .woocommerce #content table.cart td.actions .input-text, 5516 .woocommerce table.cart td.actions .input-text, 5517 .woocommerce-page #content table.cart td.actions .input-text, 5518 .woocommerce-page table.cart td.actions .input-text { 5519 width: 47%; 5520 } 5521 5522 .woocommerce .woocommerce-mini-cart { 5523 max-height: 400px; 5524 overflow: auto; 5525 } 5526 5527 .woocommerce .bordered-box { 5528 border-radius: 4px; 5529 background-color: #fafafa; 5530 border: solid 1px rgba(0, 0, 0, 0.1); 5531 padding: 2rem; 5532 } 5533 5534 .woocommerce .bordered-box.white { 5535 background-color: #fff; 5536 } 5537 5538 .woocommerce-table--customer-details { 5539 margin-top: 2rem; 5540 } 5541 5542 .woocommerce-table--order-details { 5543 border-collapse: collapse !important; 5544 font-weight: 600; 5545 } 5546 5547 .woocommerce-table--order-details thead { 5548 border-bottom: solid 1px rgba(0, 0, 0, 0.1) !important; 5549 } 5550 5551 .woocommerce-table--order-details tfoot { 5552 border-top: solid 1px rgba(0, 0, 0, 0.1) !important; 5553 } 5554 5555 .woocommerce-table--order-details tfoot td, 5556 .woocommerce-table__product-total { 5557 text-align: right; 5558 } 5559 5560 .woocommerce .form-row { 5561 margin-bottom: 0.75rem; 5562 } 5563 5564 .woocommerce .form-row .mdc-text-field { 5565 width: 100%; 5566 } 5567 5568 .woocommerce .form-row .mdc-text-field input::-webkit-input-placeholder, 5569 .woocommerce .form-row .mdc-text-field textarea::-webkit-input-placeholder { 5570 opacity: 0; 5571 } 5572 5573 .woocommerce .form-row .mdc-text-field input:-ms-input-placeholder, 5574 .woocommerce .form-row .mdc-text-field textarea:-ms-input-placeholder { 5575 opacity: 0; 5576 } 5577 5578 .woocommerce .form-row .mdc-text-field input::-moz-placeholder, 5579 .woocommerce .form-row .mdc-text-field textarea::-moz-placeholder { 5580 opacity: 0; 5581 } 5582 5583 .woocommerce .form-row .mdc-text-field input:-moz-placeholder, 5584 .woocommerce .form-row .mdc-text-field textarea:-moz-placeholder { 5585 opacity: 0; 5586 } 5587 5588 .woocommerce .form-row .mdc-text-field input:-webkit-autofill, 5589 .woocommerce .form-row .mdc-text-field textarea:-webkit-autofill { 5590 -webkit-box-shadow: 0 0 0px 1000px #ffffff inset; 5591 } 5592 5593 .woocommerce .form-row .mdc-text-field select:-webkit-autofill { 5594 -webkit-box-shadow: 0 0 0px 1000px #f5fafd inset; 5595 } 5596 5597 .woocommerce .form-row .mdc-text-field .woocommerce-password-hint { 5598 display: none; 5599 } 5600 5601 .woocommerce .form-row .select2-container .select2-selection { 5602 background-color: none; 5603 border: 0px; 5604 border-radius: 0px; 5605 border-bottom: 1px solid; 5606 } 5607 5608 .woocommerce .form-row .select2-selection__rendered { 5609 padding-left: 0; 5610 } 5611 5612 .woocommerce .mdc-form-field { 5613 margin-bottom: 10px; 5614 } 5615 5616 .woocommerce .mdc-form-field.mdc-ripple-upgraded--background-focused .mdc-checkbox::before { 5617 transition-duration: 75ms; 5618 opacity: 0.12; 5619 } 5620 5621 .woocommerce .form-row .mdc-form-field label { 5622 line-height: 20px; 5623 letter-spacing: 0px; 5624 } 5625 5626 .woocommerce .woocommerce-checkout .checkout-columns > div { 5627 padding: 24px 40px; 5628 background-color: #ffffff; 5629 box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08); 5630 border-radius: 8px; 5631 box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); 5632 } 5633 5634 .woocommerce .woocommerce-checkout .checkout-columns > div .woocommerce-billing-fields p > div > label { 5635 white-space: nowrap; 5636 } 5637 5638 .woocommerce .woocommerce-checkout .checkout-columns > div .woocommerce-checkout-review-order-table { 5639 margin-bottom: 1.5rem; 5640 } 5641 5642 .woocommerce .woocommerce-checkout .woocommerce-customer-details-card, 5643 .woocommerce .woocommerce-checkout .woocommerce-order-details-card, 5644 .woocommerce .woocommerce-checkout .woocommerce-payment-method { 5645 padding: 24px 40px; 5646 background-color: #ffffff; 5647 box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08); 5648 border-radius: 8px; 5649 box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); 5650 } 5651 5652 .woocommerce .woocommerce-checkout .form-row.place-order { 5653 margin-bottom: 0; 5654 } 5655 5656 .woocommerce .woocommerce-checkout .form-row.place-order input[type=submit], 5657 .woocommerce .woocommerce-checkout .form-row.place-order button[type=submit] { 5658 margin-top: 0.75rem; 5659 margin-bottom: 0.75rem; 5660 } 5661 5662 .woocommerce .woocommerce-checkout #order_comments { 5663 min-height: 100px; 5664 } 5665 5666 @media (min-width: 768px) { 5667 .woocommerce .woocommerce-checkout .checkout-columns > div:nth-of-type(1) { 5668 margin-right: 1em; 5669 } 5670 5671 .woocommerce .woocommerce-checkout .checkout-columns > div:nth-of-type(2) { 5672 margin-left: 1em; 5673 } 5674 } 5675 5676 .woocommerce .products ul::after, 5677 .woocommerce .products ul::before, 5678 .woocommerce ul.products::after, 5679 .woocommerce ul.products::before { 5680 display: none; 5681 } 5682 5683 .ope-woo-card-footer > a { 5684 margin-bottom: 0.6em !important; 5685 } 5686 5687 form.woocommerce-ordering { 5688 min-width: 234px; 5689 } 5690 5691 .woocommerce-account .woocommerce-MyAccount-navigation { 5692 margin-bottom: 2rem; 5693 } 5694 5695 .woocommerce-account .woocommerce-MyAccount-navigation ul { 5696 padding: 24px 40px; 5697 background-color: #ffffff; 5698 box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08); 5699 border-radius: 8px; 5700 box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); 5701 border: none !important; 5702 padding: 24px 0; 5703 } 5704 5705 .woocommerce-account .woocommerce-MyAccount-navigation ul > li:last-of-type { 5706 border-bottom: none; 5707 } 5708 5709 .woocommerce-account .woocommerce-MyAccount-navigation ul li a { 5710 display: block; 5711 padding: 10px 20px; 5712 } 5713 5714 .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { 5715 background-color: #228ae6; 5716 color: #ffffff; 5717 } 5718 5719 .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before { 5720 opacity: 1 !important; 5721 } 5722 5723 .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { 5724 font-weight: 500; 5725 } 5726 5727 .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before { 5728 opacity: 1 !important; 5729 } 5730 5731 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a, 5732 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a, 5733 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a, 5734 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a, 5735 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a, 5736 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a, 5737 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a { 5738 -webkit-font-feature-settings: "liga"; 5739 -webkit-font-smoothing: antialiased; 5740 line-height: 1; 5741 } 5742 5743 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before, 5744 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before, 5745 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before, 5746 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before, 5747 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before, 5748 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before, 5749 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before { 5750 display: inline-block; 5751 font: normal normal normal 24px/1 "Material Design Icons"; 5752 font-size: 1.4rem; 5753 text-rendering: auto; 5754 line-height: inherit; 5755 -webkit-font-smoothing: antialiased; 5756 -moz-osx-font-smoothing: grayscale; 5757 margin-right: 1rem; 5758 opacity: 0.4; 5759 } 5760 5761 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:hover, 5762 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:hover, 5763 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:hover, 5764 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:hover, 5765 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:hover, 5766 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:hover, 5767 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover { 5768 opacity: 1; 5769 } 5770 5771 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before { 5772 content: "\F56E"; 5773 } 5774 5775 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before { 5776 content: "\F076"; 5777 } 5778 5779 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before { 5780 content: "\F1DA"; 5781 } 5782 5783 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before { 5784 content: "\F34E"; 5785 } 5786 5787 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before { 5788 content: "\F09D"; 5789 } 5790 5791 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before { 5792 content: "\F5D2"; 5793 } 5794 5795 .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before { 5796 content: "\F343"; 5797 } 5798 5799 .woocommerce-account .woocommerce-MyAccount-content { 5800 padding: 24px 40px; 5801 background-color: #ffffff; 5802 box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08); 5803 border-radius: 8px; 5804 box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); 5805 padding-top: 2rem; 5806 padding-bottom: 2rem; 5807 } 5808 5809 .woocommerce-account .woocommerce-MyAccount-content .col2-set { 5810 width: 100%; 5811 } 5812 5813 .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address { 5814 padding: 24px 40px; 5815 border-radius: 8px; 5816 background-color: #fafafa; 5817 } 5818 5819 .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address.u-column1 { 5820 margin-bottom: 1.25rem; 5821 } 5822 5823 @media (min-width: 768px) { 5824 .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address.u-column1 { 5825 margin-bottom: 0px; 5826 } 5827 } 5828 5829 .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders .button { 5830 min-width: 100px; 5831 } 5832 5833 @media (min-width: 768px) { 5834 .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders .button { 5835 margin-right: 10px; 5836 } 5837 } 5838 5839 .woocommerce-account .woocommerce-MyAccount-content .edit-account { 5840 margin-bottom: 0px; 5841 } 5842 5843 .woocommerce-account .woocommerce-MyAccount-content .edit-account fieldset { 5844 border: 1px solid rgba(0, 0, 0, 0.1); 5845 padding: 2rem; 5846 margin-bottom: 2rem; 5847 margin-top: 2rem; 5848 } 5849 5850 .woocommerce-account .woocommerce-MyAccount-content .edit-account fieldset legend { 5851 font-weight: bold; 5852 font-size: 0.75em; 5853 text-transform: uppercase; 5854 padding: 0 1rem; 5855 margin-left: -1rem; 5856 top: 2px; 5857 position: relative; 5858 line-height: 0; 5859 } 5860 5861 .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info { 5862 margin-bottom: 0px; 5863 } 5864 5865 @media (min-width: 768px) { 5866 .woocommerce-account .woocommerce-MyAccount-content { 5867 float: right; 5868 width: calc(65% - 30px); 5869 } 5870 5871 .woocommerce-account .woocommerce-MyAccount-navigation { 5872 width: 35%; 5873 margin-bottom: 0px; 5874 } 5875 } 5876 5877 @media (min-width: 1200px) { 5878 .woocommerce-account .woocommerce-MyAccount-content { 5879 width: calc(80% - 30px); 5880 } 5881 5882 .woocommerce-account .woocommerce-MyAccount-navigation { 5883 width: 20%; 5884 } 5885 } 5886 5887 .woocommerce .woocommerce-form-login .form-row .mdc-text-field input:-webkit-autofill { 5888 -webkit-box-shadow: 0 0 0px 1000px #f5fafd inset; 5889 } 5890 5891 .woocommerce .woocommerce-form-login .form-row .mdc-form-field { 5892 margin-bottom: 1rem; 5893 } 5894 5895 .woocommerce .woocommerce-form-login .mdc-form-field { 5896 margin-left: 10px; 5897 } 5898 5899 .woocommerce.widget .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { 5900 padding: 20px 10px 20px 25px; 5901 } 5902 5903 .woocommerce.widget .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a { 5904 padding: 0 10px; 5905 } 5906 5907 .woocommerce.widget.widget_price_filter .price_slider_wrapper { 5908 padding: 20px; 5909 } 5910 5911 .woocommerce.widget.widget_price_filter .price_slider_wrapper .ui-slider { 5912 background-color: #c2dff8 !important; 5913 } 5914 5915 .woocommerce.widget.widget_price_filter .price_slider_wrapper .ui-slider .ui-slider-range, 5916 .woocommerce.widget.widget_price_filter .price_slider_wrapper .ui-slider span.ui-slider-handle, 5917 .woocommerce.widget.widget_price_filter .price_slider_wrapper .ui-slider span.ui-slider-handle { 5918 background-color: #228ae6 !important; 5919 } 5920 5921 .woocommerce.widget.widget_price_filter .price_slider_wrapper .ui-slider-horizontal { 5922 height: 0.3em; 5923 } 5924 5925 .woocommerce.widget.widget_price_filter .price_slider_wrapper .price_slider_amount { 5926 font-size: 100%; 5927 } 5928 5929 .woocommerce.widget.widget_price_filter .price_slider_wrapper .price_slider_amount .button { 5930 font-size: 0.875rem; 5931 text-transform: uppercase; 5932 margin: 10px 0; 5933 } 5934 5935 .woocommerce.widget.widget_products ul.product_list_widget li, 5936 .woocommerce.widget.widget_top_rated_products ul.product_list_widget li, 5937 .woocommerce.widget.widget_recent_reviews ul.product_list_widget li, 5938 .woocommerce.widget.widget_recently_viewed_products ul.product_list_widget li { 5939 padding: 20px; 5940 } 5941 5942 .woocommerce.widget.widget_products ul.product_list_widget li > a, 5943 .woocommerce.widget.widget_top_rated_products ul.product_list_widget li > a, 5944 .woocommerce.widget.widget_recent_reviews ul.product_list_widget li > a, 5945 .woocommerce.widget.widget_recently_viewed_products ul.product_list_widget li > a { 5946 width: 100%; 5947 } 5948 5949 .woocommerce.widget.widget_products ul.product_list_widget li > a img, 5950 .woocommerce.widget.widget_top_rated_products ul.product_list_widget li > a img, 5951 .woocommerce.widget.widget_recent_reviews ul.product_list_widget li > a img, 5952 .woocommerce.widget.widget_recently_viewed_products ul.product_list_widget li > a img { 5953 width: 75px; 5954 } 5955 5956 @media (min-width: 768px) { 5957 .woocommerce.widget.widget_products ul.product_list_widget li > a img, 5958 .woocommerce.widget.widget_top_rated_products ul.product_list_widget li > a img, 5959 .woocommerce.widget.widget_recent_reviews ul.product_list_widget li > a img, 5960 .woocommerce.widget.widget_recently_viewed_products ul.product_list_widget li > a img { 5961 width: 100%; 5962 } 5963 } 5964 5965 @media (min-width: 1024px) { 5966 .woocommerce.widget.widget_products ul.product_list_widget li > a img, 5967 .woocommerce.widget.widget_top_rated_products ul.product_list_widget li > a img, 5968 .woocommerce.widget.widget_recent_reviews ul.product_list_widget li > a img, 5969 .woocommerce.widget.widget_recently_viewed_products ul.product_list_widget li > a img { 5970 width: 75px; 5971 } 5972 } 5973 5974 .woocommerce.widget.widget_products ul.product_list_widget li > a .product_list_widget_text, 5975 .woocommerce.widget.widget_top_rated_products ul.product_list_widget li > a .product_list_widget_text, 5976 .woocommerce.widget.widget_recent_reviews ul.product_list_widget li > a .product_list_widget_text, 5977 .woocommerce.widget.widget_recently_viewed_products ul.product_list_widget li > a .product_list_widget_text { 5978 text-align: left; 5979 display: inline-flex; 5980 flex-direction: column; 5981 vertical-align: top; 5982 } 5983 5984 @media (min-width: 768px) { 5985 .woocommerce.widget.widget_products ul.product_list_widget li > a .product_list_widget_text, 5986 .woocommerce.widget.widget_top_rated_products ul.product_list_widget li > a .product_list_widget_text, 5987 .woocommerce.widget.widget_recent_reviews ul.product_list_widget li > a .product_list_widget_text, 5988 .woocommerce.widget.widget_recently_viewed_products ul.product_list_widget li > a .product_list_widget_text { 5989 text-align: center; 5990 align-items: center; 5991 width: 100%; 5992 margin-top: 5px; 5993 } 5994 } 5995 5996 @media (min-width: 1024px) { 5997 .woocommerce.widget.widget_products ul.product_list_widget li > a .product_list_widget_text, 5998 .woocommerce.widget.widget_top_rated_products ul.product_list_widget li > a .product_list_widget_text, 5999 .woocommerce.widget.widget_recent_reviews ul.product_list_widget li > a .product_list_widget_text, 6000 .woocommerce.widget.widget_recently_viewed_products ul.product_list_widget li > a .product_list_widget_text { 6001 width: calc(100% - 80px); 6002 text-align: left; 6003 align-items: flex-start; 6004 margin-top: 0; 6005 } 6006 } 6007 6008 .woocommerce.widget.widget_products ul.product_list_widget li > a .product_list_widget_text > *, 6009 .woocommerce.widget.widget_top_rated_products ul.product_list_widget li > a .product_list_widget_text > *, 6010 .woocommerce.widget.widget_recent_reviews ul.product_list_widget li > a .product_list_widget_text > *, 6011 .woocommerce.widget.widget_recently_viewed_products ul.product_list_widget li > a .product_list_widget_text > * { 6012 margin-bottom: 5px; 6013 } 6014 6015 .woocommerce.widget.widget_products ul.product_list_widget li > a .product_list_widget_text del, 6016 .woocommerce.widget.widget_top_rated_products ul.product_list_widget li > a .product_list_widget_text del, 6017 .woocommerce.widget.widget_recent_reviews ul.product_list_widget li > a .product_list_widget_text del, 6018 .woocommerce.widget.widget_recently_viewed_products ul.product_list_widget li > a .product_list_widget_text del { 6019 font-size: 0.9rem; 6020 } 6021 6022 .woocommerce.widget.widget_products ul.product_list_widget li > a .product_list_widget_text .reviewer, 6023 .woocommerce.widget.widget_top_rated_products ul.product_list_widget li > a .product_list_widget_text .reviewer, 6024 .woocommerce.widget.widget_recent_reviews ul.product_list_widget li > a .product_list_widget_text .reviewer, 6025 .woocommerce.widget.widget_recently_viewed_products ul.product_list_widget li > a .product_list_widget_text .reviewer { 6026 font-weight: 400; 6027 } 6028 6029 .woocommerce.widget.widget_product_search h5 { 6030 padding: 25px 20px 10px 20px; 6031 } 6032 6033 .woocommerce.widget.widget_product_search form { 6034 padding: 0 25px 10px 25px; 6035 margin-bottom: 0px; 6036 text-align: left; 6037 } 6038 6039 .woocommerce.widget.widget_product_search form .mdc-text-field { 6040 width: 100%; 6041 } 6042 6043 .woocommerce input[type=submit] { 6044 margin-top: 1rem; 6045 } 6046 6047 .woocommerce.widget form { 6048 text-align: center; 6049 } 6050 6051 .woocommerce.widget > ol.widget_shopping_cart .widget_shopping_cart_content, 6052 .woocommerce.widget > form.widget_shopping_cart .widget_shopping_cart_content, 6053 .woocommerce.widget > p.widget_shopping_cart .widget_shopping_cart_content, 6054 .woocommerce.widget > ul.widget_shopping_cart .widget_shopping_cart_content { 6055 padding: 10px; 6056 } 6057 6058 .woocommerce form .form-row .select2-container, 6059 .select2-container .select2-selection--single, 6060 .select2-container--default .select2-selection--single .select2-selection__arrow { 6061 min-height: 2.40741rem; 6062 } 6063 6064 .select2-container--default .select2-selection--single .select2-selection__rendered { 6065 line-height: 2.40741rem; 6066 } 6067 6068 .woocommerce-info { 6069 background-color: rgba(3, 169, 244, 0.1); 6070 border: solid 1px rgba(74, 144, 226, 0.2); 6071 border-radius: 4px; 6072 line-height: 2.2em; 6073 } 6074 6075 .woocommerce-message, 6076 .woocommerce-notice { 6077 border-radius: 4px; 6078 border: none; 6079 background-color: rgba(76, 175, 80, 0.1); 6080 border: solid 1px rgba(76, 175, 80, 0.2); 6081 line-height: 2.2em; 6082 } 6083 6084 .woocommerce-message:before, 6085 .woocommerce-notice:before { 6086 top: auto; 6087 } 6088 6089 .woocommerce-message p, 6090 .woocommerce-notice p { 6091 text-align: left; 6092 margin-bottom: 0px; 6093 } 6094 6095 .woocommerce-message a.button, 6096 .woocommerce-notice a.button { 6097 margin-bottom: 0 !important; 6098 } 6099 6100 @media (max-width: 767px) { 6101 .single-product .woocommerce-message, 6102 .single-product .woocommerce-notice { 6103 display: -moz-flex; 6104 display: flex; 6105 flex-direction: column-reverse; 6106 align-content: flex-start; 6107 align-items: center; 6108 } 6109 } 6110 6111 .woocommerce-error { 6112 background-color: rgba(208, 2, 27, 0.1); 6113 border: solid 1px rgba(208, 2, 27, 0.2); 6114 border-radius: 4px; 6115 padding: 0 2em 0 3.5em; 6116 line-height: 2.2em; 6117 } 6118 6119 .woocommerce-info li, 6120 .woocommerce-error li { 6121 margin: 1em 0; 6122 } 6123 6124 .pswp__caption__center { 6125 text-align: center; 6126 font-size: 0.8rem; 6127 } 6128 6129 .sidebar ul.cart_list > li a { 6130 display: block !important; 6131 } 6132 6133 .sidebar ul.cart_list > li span.quantity { 6134 margin: 0px 10px; 6135 } 6136 6137 .sidebar ul.product_list_widget > li a { 6138 display: block !important; 6139 } 6140 6141 .sidebar ul.product_list_widget > li span.quantity { 6142 margin: 0px 10px; 6143 } 6144 6145 .woocommerce-page { 6146 background-color: #f8f8f8; 6147 background-image: url(#) !important; 6148 } 6149 6150 .woocommerce-page .woocommerce-notice:before { 6151 top: auto; 6152 display: inline-block; 6153 position: static; 6154 margin-right: 0.5em; 6155 } 6156 6157 .woocommerce-page.single-product .woocommerce-message { 6158 display: flex; 6159 flex-direction: row-reverse; 6160 align-items: center; 6161 } 6162 6163 .woocommerce-page.single-product .woocommerce-message > p { 6164 margin-right: auto; 6165 line-height: 20px; 6166 } 6167 6168 .woocommerce h2 { 6169 font-size: 2.1rem; 6170 } 6171 6172 .woocommerce h3 { 6173 font-size: 1.5rem; 6174 font-weight: 500; 6175 } 6176 6177 .woocommerce input[type=submit], 6178 .woocommerce input[type=button], 6179 .woocommerce .button, 6180 .woocommerce a.button, 6181 .woocommerce button.button, 6182 .woocommerce input.button, 6183 .woocommerce #respond input#submit, 6184 .woocommerce a.added_to_cart { 6185 font-family: Roboto, sans-serif; 6186 -moz-osx-font-smoothing: grayscale; 6187 -webkit-font-smoothing: antialiased; 6188 font-size: 0.875rem; 6189 line-height: 2.25rem; 6190 font-weight: 500; 6191 letter-spacing: 0.0892857143em; 6192 text-decoration: none; 6193 text-transform: uppercase; 6194 --mdc-ripple-fg-size: 0; 6195 --mdc-ripple-left: 0; 6196 --mdc-ripple-top: 0; 6197 --mdc-ripple-fg-scale: 1; 6198 --mdc-ripple-fg-translate-end: 0; 6199 --mdc-ripple-fg-translate-start: 0; 6200 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 6201 will-change: transform, opacity; 6202 padding: 0 8px 0 8px; 6203 display: inline-flex; 6204 position: relative; 6205 align-items: center; 6206 justify-content: center; 6207 box-sizing: border-box; 6208 min-width: 64px; 6209 height: auto; 6210 border: none; 6211 outline: none; 6212 /* @alternate */ 6213 line-height: inherit; 6214 -webkit-user-select: none; 6215 -moz-user-select: none; 6216 -ms-user-select: none; 6217 user-select: none; 6218 -webkit-appearance: none; 6219 overflow: hidden; 6220 vertical-align: middle; 6221 border-radius: 4px; 6222 background-color: #228ae6; 6223 font-size: 0.875rem; 6224 line-height: 40px; 6225 padding: 0 20px; 6226 border-color: transparent; 6227 font-family: "Roboto", sans-serif; 6228 text-transform: none; 6229 white-space: nowrap; 6230 margin-bottom: 1rem; 6231 box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); 6232 line-height: 26px; 6233 padding: 0.3rem 1.1rem; 6234 white-space: normal; 6235 } 6236 6237 .woocommerce input[type=submit]::before, 6238 .woocommerce input[type=submit]::after, 6239 .woocommerce input[type=button]::before, 6240 .woocommerce input[type=button]::after, 6241 .woocommerce .button::before, 6242 .woocommerce .button::after, 6243 .woocommerce a.button::before, 6244 .woocommerce a.button::after, 6245 .woocommerce button.button::before, 6246 .woocommerce button.button::after, 6247 .woocommerce input.button::before, 6248 .woocommerce input.button::after, 6249 .woocommerce #respond input#submit::before, 6250 .woocommerce #respond input#submit::after, 6251 .woocommerce a.added_to_cart::before, 6252 .woocommerce a.added_to_cart::after { 6253 position: absolute; 6254 border-radius: 50%; 6255 opacity: 0; 6256 pointer-events: none; 6257 content: ""; 6258 } 6259 6260 .woocommerce input[type=submit]::before, 6261 .woocommerce input[type=button]::before, 6262 .woocommerce .button::before, 6263 .woocommerce a.button::before, 6264 .woocommerce button.button::before, 6265 .woocommerce input.button::before, 6266 .woocommerce #respond input#submit::before, 6267 .woocommerce a.added_to_cart::before { 6268 transition: opacity 15ms linear; 6269 z-index: 1; 6270 } 6271 6272 .woocommerce input[type=submit].mdc-ripple-upgraded::before, 6273 .woocommerce input[type=button].mdc-ripple-upgraded::before, 6274 .woocommerce .button.mdc-ripple-upgraded::before, 6275 .woocommerce a.button.mdc-ripple-upgraded::before, 6276 .woocommerce button.button.mdc-ripple-upgraded::before, 6277 .woocommerce input.button.mdc-ripple-upgraded::before, 6278 .woocommerce #respond input#submit.mdc-ripple-upgraded::before, 6279 .woocommerce a.added_to_cart.mdc-ripple-upgraded::before { 6280 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); 6281 transform: scale(var(--mdc-ripple-fg-scale, 1)); 6282 } 6283 6284 .woocommerce input[type=submit].mdc-ripple-upgraded::after, 6285 .woocommerce input[type=button].mdc-ripple-upgraded::after, 6286 .woocommerce .button.mdc-ripple-upgraded::after, 6287 .woocommerce a.button.mdc-ripple-upgraded::after, 6288 .woocommerce button.button.mdc-ripple-upgraded::after, 6289 .woocommerce input.button.mdc-ripple-upgraded::after, 6290 .woocommerce #respond input#submit.mdc-ripple-upgraded::after, 6291 .woocommerce a.added_to_cart.mdc-ripple-upgraded::after { 6292 top: 0; 6293 /* @noflip */ 6294 left: 0; 6295 -webkit-transform: scale(0); 6296 transform: scale(0); 6297 -webkit-transform-origin: center center; 6298 transform-origin: center center; 6299 } 6300 6301 .woocommerce input[type=submit].mdc-ripple-upgraded--unbounded::after, 6302 .woocommerce input[type=button].mdc-ripple-upgraded--unbounded::after, 6303 .woocommerce .button.mdc-ripple-upgraded--unbounded::after, 6304 .woocommerce a.button.mdc-ripple-upgraded--unbounded::after, 6305 .woocommerce button.button.mdc-ripple-upgraded--unbounded::after, 6306 .woocommerce input.button.mdc-ripple-upgraded--unbounded::after, 6307 .woocommerce #respond input#submit.mdc-ripple-upgraded--unbounded::after, 6308 .woocommerce a.added_to_cart.mdc-ripple-upgraded--unbounded::after { 6309 top: var(--mdc-ripple-top, 0); 6310 /* @noflip */ 6311 left: var(--mdc-ripple-left, 0); 6312 } 6313 6314 .woocommerce input[type=submit].mdc-ripple-upgraded--foreground-activation::after, 6315 .woocommerce input[type=button].mdc-ripple-upgraded--foreground-activation::after, 6316 .woocommerce .button.mdc-ripple-upgraded--foreground-activation::after, 6317 .woocommerce a.button.mdc-ripple-upgraded--foreground-activation::after, 6318 .woocommerce button.button.mdc-ripple-upgraded--foreground-activation::after, 6319 .woocommerce input.button.mdc-ripple-upgraded--foreground-activation::after, 6320 .woocommerce #respond input#submit.mdc-ripple-upgraded--foreground-activation::after, 6321 .woocommerce a.added_to_cart.mdc-ripple-upgraded--foreground-activation::after { 6322 -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 6323 animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 6324 } 6325 6326 .woocommerce input[type=submit].mdc-ripple-upgraded--foreground-deactivation::after, 6327 .woocommerce input[type=button].mdc-ripple-upgraded--foreground-deactivation::after, 6328 .woocommerce .button.mdc-ripple-upgraded--foreground-deactivation::after, 6329 .woocommerce a.button.mdc-ripple-upgraded--foreground-deactivation::after, 6330 .woocommerce button.button.mdc-ripple-upgraded--foreground-deactivation::after, 6331 .woocommerce input.button.mdc-ripple-upgraded--foreground-deactivation::after, 6332 .woocommerce #respond input#submit.mdc-ripple-upgraded--foreground-deactivation::after, 6333 .woocommerce a.added_to_cart.mdc-ripple-upgraded--foreground-deactivation::after { 6334 -webkit-animation: 150ms mdc-ripple-fg-opacity-out; 6335 animation: 150ms mdc-ripple-fg-opacity-out; 6336 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 6337 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 6338 } 6339 6340 .woocommerce input[type=submit]::before, 6341 .woocommerce input[type=submit]::after, 6342 .woocommerce input[type=button]::before, 6343 .woocommerce input[type=button]::after, 6344 .woocommerce .button::before, 6345 .woocommerce .button::after, 6346 .woocommerce a.button::before, 6347 .woocommerce a.button::after, 6348 .woocommerce button.button::before, 6349 .woocommerce button.button::after, 6350 .woocommerce input.button::before, 6351 .woocommerce input.button::after, 6352 .woocommerce #respond input#submit::before, 6353 .woocommerce #respond input#submit::after, 6354 .woocommerce a.added_to_cart::before, 6355 .woocommerce a.added_to_cart::after { 6356 top: calc(50% - 100%); 6357 /* @noflip */ 6358 left: calc(50% - 100%); 6359 width: 200%; 6360 height: 200%; 6361 } 6362 6363 .woocommerce input[type=submit].mdc-ripple-upgraded::after, 6364 .woocommerce input[type=button].mdc-ripple-upgraded::after, 6365 .woocommerce .button.mdc-ripple-upgraded::after, 6366 .woocommerce a.button.mdc-ripple-upgraded::after, 6367 .woocommerce button.button.mdc-ripple-upgraded::after, 6368 .woocommerce input.button.mdc-ripple-upgraded::after, 6369 .woocommerce #respond input#submit.mdc-ripple-upgraded::after, 6370 .woocommerce a.added_to_cart.mdc-ripple-upgraded::after { 6371 width: var(--mdc-ripple-fg-size, 100%); 6372 height: var(--mdc-ripple-fg-size, 100%); 6373 } 6374 6375 .woocommerce input[type=submit]::-moz-focus-inner, 6376 .woocommerce input[type=button]::-moz-focus-inner, 6377 .woocommerce .button::-moz-focus-inner, 6378 .woocommerce a.button::-moz-focus-inner, 6379 .woocommerce button.button::-moz-focus-inner, 6380 .woocommerce input.button::-moz-focus-inner, 6381 .woocommerce #respond input#submit::-moz-focus-inner, 6382 .woocommerce a.added_to_cart::-moz-focus-inner { 6383 padding: 0; 6384 border: 0; 6385 } 6386 6387 .woocommerce input[type=submit]:active, 6388 .woocommerce input[type=button]:active, 6389 .woocommerce .button:active, 6390 .woocommerce a.button:active, 6391 .woocommerce button.button:active, 6392 .woocommerce input.button:active, 6393 .woocommerce #respond input#submit:active, 6394 .woocommerce a.added_to_cart:active { 6395 outline: none; 6396 } 6397 6398 .woocommerce input[type=submit]:hover, 6399 .woocommerce input[type=button]:hover, 6400 .woocommerce .button:hover, 6401 .woocommerce a.button:hover, 6402 .woocommerce button.button:hover, 6403 .woocommerce input.button:hover, 6404 .woocommerce #respond input#submit:hover, 6405 .woocommerce a.added_to_cart:hover { 6406 cursor: pointer; 6407 } 6408 6409 .woocommerce input[type=submit]:disabled, 6410 .woocommerce input[type=button]:disabled, 6411 .woocommerce .button:disabled, 6412 .woocommerce a.button:disabled, 6413 .woocommerce button.button:disabled, 6414 .woocommerce input.button:disabled, 6415 .woocommerce #respond input#submit:disabled, 6416 .woocommerce a.added_to_cart:disabled { 6417 background-color: transparent; 6418 color: rgba(0, 0, 0, 0.37); 6419 cursor: default; 6420 pointer-events: none; 6421 } 6422 6423 .woocommerce input[type=submit]:not(:disabled), 6424 .woocommerce input[type=button]:not(:disabled), 6425 .woocommerce .button:not(:disabled), 6426 .woocommerce a.button:not(:disabled), 6427 .woocommerce button.button:not(:disabled), 6428 .woocommerce input.button:not(:disabled), 6429 .woocommerce #respond input#submit:not(:disabled), 6430 .woocommerce a.added_to_cart:not(:disabled) { 6431 color: #ffffff; 6432 } 6433 6434 .woocommerce input[type=submit]::before, 6435 .woocommerce input[type=submit]::after, 6436 .woocommerce input[type=button]::before, 6437 .woocommerce input[type=button]::after, 6438 .woocommerce .button::before, 6439 .woocommerce .button::after, 6440 .woocommerce a.button::before, 6441 .woocommerce a.button::after, 6442 .woocommerce button.button::before, 6443 .woocommerce button.button::after, 6444 .woocommerce input.button::before, 6445 .woocommerce input.button::after, 6446 .woocommerce #respond input#submit::before, 6447 .woocommerce #respond input#submit::after, 6448 .woocommerce a.added_to_cart::before, 6449 .woocommerce a.added_to_cart::after { 6450 background-color: rgba(255, 255, 255, 0.8); 6451 } 6452 6453 .woocommerce input[type=submit]:hover::before, 6454 .woocommerce input[type=button]:hover::before, 6455 .woocommerce .button:hover::before, 6456 .woocommerce a.button:hover::before, 6457 .woocommerce button.button:hover::before, 6458 .woocommerce input.button:hover::before, 6459 .woocommerce #respond input#submit:hover::before, 6460 .woocommerce a.added_to_cart:hover::before { 6461 opacity: 0.08; 6462 } 6463 6464 .woocommerce input[type=submit]:not(.mdc-ripple-upgraded):focus::before, 6465 .woocommerce input[type=submit].mdc-ripple-upgraded--background-focused::before, 6466 .woocommerce input[type=button]:not(.mdc-ripple-upgraded):focus::before, 6467 .woocommerce input[type=button].mdc-ripple-upgraded--background-focused::before, 6468 .woocommerce .button:not(.mdc-ripple-upgraded):focus::before, 6469 .woocommerce .button.mdc-ripple-upgraded--background-focused::before, 6470 .woocommerce a.button:not(.mdc-ripple-upgraded):focus::before, 6471 .woocommerce a.button.mdc-ripple-upgraded--background-focused::before, 6472 .woocommerce button.button:not(.mdc-ripple-upgraded):focus::before, 6473 .woocommerce button.button.mdc-ripple-upgraded--background-focused::before, 6474 .woocommerce input.button:not(.mdc-ripple-upgraded):focus::before, 6475 .woocommerce input.button.mdc-ripple-upgraded--background-focused::before, 6476 .woocommerce #respond input#submit:not(.mdc-ripple-upgraded):focus::before, 6477 .woocommerce #respond input#submit.mdc-ripple-upgraded--background-focused::before, 6478 .woocommerce a.added_to_cart:not(.mdc-ripple-upgraded):focus::before, 6479 .woocommerce a.added_to_cart.mdc-ripple-upgraded--background-focused::before { 6480 transition-duration: 75ms; 6481 opacity: 0.24; 6482 } 6483 6484 .woocommerce input[type=submit]:not(.mdc-ripple-upgraded)::after, 6485 .woocommerce input[type=button]:not(.mdc-ripple-upgraded)::after, 6486 .woocommerce .button:not(.mdc-ripple-upgraded)::after, 6487 .woocommerce a.button:not(.mdc-ripple-upgraded)::after, 6488 .woocommerce button.button:not(.mdc-ripple-upgraded)::after, 6489 .woocommerce input.button:not(.mdc-ripple-upgraded)::after, 6490 .woocommerce #respond input#submit:not(.mdc-ripple-upgraded)::after, 6491 .woocommerce a.added_to_cart:not(.mdc-ripple-upgraded)::after { 6492 transition: opacity 150ms linear; 6493 } 6494 6495 .woocommerce input[type=submit]:not(.mdc-ripple-upgraded):active::after, 6496 .woocommerce input[type=button]:not(.mdc-ripple-upgraded):active::after, 6497 .woocommerce .button:not(.mdc-ripple-upgraded):active::after, 6498 .woocommerce a.button:not(.mdc-ripple-upgraded):active::after, 6499 .woocommerce button.button:not(.mdc-ripple-upgraded):active::after, 6500 .woocommerce input.button:not(.mdc-ripple-upgraded):active::after, 6501 .woocommerce #respond input#submit:not(.mdc-ripple-upgraded):active::after, 6502 .woocommerce a.added_to_cart:not(.mdc-ripple-upgraded):active::after { 6503 transition-duration: 75ms; 6504 opacity: 0.32; 6505 } 6506 6507 .woocommerce input[type=submit].mdc-ripple-upgraded, 6508 .woocommerce input[type=button].mdc-ripple-upgraded, 6509 .woocommerce .button.mdc-ripple-upgraded, 6510 .woocommerce a.button.mdc-ripple-upgraded, 6511 .woocommerce button.button.mdc-ripple-upgraded, 6512 .woocommerce input.button.mdc-ripple-upgraded, 6513 .woocommerce #respond input#submit.mdc-ripple-upgraded, 6514 .woocommerce a.added_to_cart.mdc-ripple-upgraded { 6515 --mdc-ripple-fg-opacity: 0.32; 6516 } 6517 6518 .woocommerce input[type=submit]:before, 6519 .woocommerce input[type=button]:before, 6520 .woocommerce .button:before, 6521 .woocommerce a.button:before, 6522 .woocommerce button.button:before, 6523 .woocommerce input.button:before, 6524 .woocommerce #respond input#submit:before, 6525 .woocommerce a.added_to_cart:before { 6526 transition: opacity 0.2s linear; 6527 } 6528 6529 .woocommerce input[type=submit]:after, 6530 .woocommerce input[type=submit]:before, 6531 .woocommerce input[type=button]:after, 6532 .woocommerce input[type=button]:before, 6533 .woocommerce .button:after, 6534 .woocommerce .button:before, 6535 .woocommerce a.button:after, 6536 .woocommerce a.button:before, 6537 .woocommerce button.button:after, 6538 .woocommerce button.button:before, 6539 .woocommerce input.button:after, 6540 .woocommerce input.button:before, 6541 .woocommerce #respond input#submit:after, 6542 .woocommerce #respond input#submit:before, 6543 .woocommerce a.added_to_cart:after, 6544 .woocommerce a.added_to_cart:before { 6545 background-color: #ffffff; 6546 } 6547 6548 .woocommerce input[type=submit].outline, 6549 .woocommerce input[type=button].outline, 6550 .woocommerce .button.outline, 6551 .woocommerce a.button.outline, 6552 .woocommerce button.button.outline, 6553 .woocommerce input.button.outline, 6554 .woocommerce #respond input#submit.outline, 6555 .woocommerce a.added_to_cart.outline { 6556 border-width: 2px; 6557 line-height: 36px; 6558 } 6559 6560 .woocommerce input[type=submit].outline::before, 6561 .woocommerce input[type=submit].outline::after, 6562 .woocommerce input[type=button].outline::before, 6563 .woocommerce input[type=button].outline::after, 6564 .woocommerce .button.outline::before, 6565 .woocommerce .button.outline::after, 6566 .woocommerce a.button.outline::before, 6567 .woocommerce a.button.outline::after, 6568 .woocommerce button.button.outline::before, 6569 .woocommerce button.button.outline::after, 6570 .woocommerce input.button.outline::before, 6571 .woocommerce input.button.outline::after, 6572 .woocommerce #respond input#submit.outline::before, 6573 .woocommerce #respond input#submit.outline::after, 6574 .woocommerce a.added_to_cart.outline::before, 6575 .woocommerce a.added_to_cart.outline::after { 6576 background-color: #ffffff; 6577 } 6578 6579 .woocommerce input[type=submit].outline:hover::before, 6580 .woocommerce input[type=button].outline:hover::before, 6581 .woocommerce .button.outline:hover::before, 6582 .woocommerce a.button.outline:hover::before, 6583 .woocommerce button.button.outline:hover::before, 6584 .woocommerce input.button.outline:hover::before, 6585 .woocommerce #respond input#submit.outline:hover::before, 6586 .woocommerce a.added_to_cart.outline:hover::before { 6587 opacity: 0.08; 6588 } 6589 6590 .woocommerce input[type=submit].outline:not(.mdc-ripple-upgraded):focus::before, 6591 .woocommerce input[type=submit].outline.mdc-ripple-upgraded--background-focused::before, 6592 .woocommerce input[type=button].outline:not(.mdc-ripple-upgraded):focus::before, 6593 .woocommerce input[type=button].outline.mdc-ripple-upgraded--background-focused::before, 6594 .woocommerce .button.outline:not(.mdc-ripple-upgraded):focus::before, 6595 .woocommerce .button.outline.mdc-ripple-upgraded--background-focused::before, 6596 .woocommerce a.button.outline:not(.mdc-ripple-upgraded):focus::before, 6597 .woocommerce a.button.outline.mdc-ripple-upgraded--background-focused::before, 6598 .woocommerce button.button.outline:not(.mdc-ripple-upgraded):focus::before, 6599 .woocommerce button.button.outline.mdc-ripple-upgraded--background-focused::before, 6600 .woocommerce input.button.outline:not(.mdc-ripple-upgraded):focus::before, 6601 .woocommerce input.button.outline.mdc-ripple-upgraded--background-focused::before, 6602 .woocommerce #respond input#submit.outline:not(.mdc-ripple-upgraded):focus::before, 6603 .woocommerce #respond input#submit.outline.mdc-ripple-upgraded--background-focused::before, 6604 .woocommerce a.added_to_cart.outline:not(.mdc-ripple-upgraded):focus::before, 6605 .woocommerce a.added_to_cart.outline.mdc-ripple-upgraded--background-focused::before { 6606 transition-duration: 75ms; 6607 opacity: 0.24; 6608 } 6609 6610 .woocommerce input[type=submit].outline:not(.mdc-ripple-upgraded)::after, 6611 .woocommerce input[type=button].outline:not(.mdc-ripple-upgraded)::after, 6612 .woocommerce .button.outline:not(.mdc-ripple-upgraded)::after, 6613 .woocommerce a.button.outline:not(.mdc-ripple-upgraded)::after, 6614 .woocommerce button.button.outline:not(.mdc-ripple-upgraded)::after, 6615 .woocommerce input.button.outline:not(.mdc-ripple-upgraded)::after, 6616 .woocommerce #respond input#submit.outline:not(.mdc-ripple-upgraded)::after, 6617 .woocommerce a.added_to_cart.outline:not(.mdc-ripple-upgraded)::after { 6618 transition: opacity 150ms linear; 6619 } 6620 6621 .woocommerce input[type=submit].outline:not(.mdc-ripple-upgraded):active::after, 6622 .woocommerce input[type=button].outline:not(.mdc-ripple-upgraded):active::after, 6623 .woocommerce .button.outline:not(.mdc-ripple-upgraded):active::after, 6624 .woocommerce a.button.outline:not(.mdc-ripple-upgraded):active::after, 6625 .woocommerce button.button.outline:not(.mdc-ripple-upgraded):active::after, 6626 .woocommerce input.button.outline:not(.mdc-ripple-upgraded):active::after, 6627 .woocommerce #respond input#submit.outline:not(.mdc-ripple-upgraded):active::after, 6628 .woocommerce a.added_to_cart.outline:not(.mdc-ripple-upgraded):active::after { 6629 transition-duration: 75ms; 6630 opacity: 0.32; 6631 } 6632 6633 .woocommerce input[type=submit].outline.mdc-ripple-upgraded, 6634 .woocommerce input[type=button].outline.mdc-ripple-upgraded, 6635 .woocommerce .button.outline.mdc-ripple-upgraded, 6636 .woocommerce a.button.outline.mdc-ripple-upgraded, 6637 .woocommerce button.button.outline.mdc-ripple-upgraded, 6638 .woocommerce input.button.outline.mdc-ripple-upgraded, 6639 .woocommerce #respond input#submit.outline.mdc-ripple-upgraded, 6640 .woocommerce a.added_to_cart.outline.mdc-ripple-upgraded { 6641 --mdc-ripple-fg-opacity: 0.32; 6642 } 6643 6644 .woocommerce input[type=submit].small, 6645 .woocommerce input[type=button].small, 6646 .woocommerce .button.small, 6647 .woocommerce a.button.small, 6648 .woocommerce button.button.small, 6649 .woocommerce input.button.small, 6650 .woocommerce #respond input#submit.small, 6651 .woocommerce a.added_to_cart.small { 6652 font-size: 0.775rem; 6653 font-weight: 400; 6654 padding: 0 15px; 6655 border-radius: 4px; 6656 line-height: 32px; 6657 } 6658 6659 .woocommerce input[type=submit].small.outline, 6660 .woocommerce input[type=button].small.outline, 6661 .woocommerce .button.small.outline, 6662 .woocommerce a.button.small.outline, 6663 .woocommerce button.button.small.outline, 6664 .woocommerce input.button.small.outline, 6665 .woocommerce #respond input#submit.small.outline, 6666 .woocommerce a.added_to_cart.small.outline { 6667 border-width: 2px; 6668 line-height: 28px; 6669 } 6670 6671 .woocommerce input[type=submit].big, 6672 .woocommerce input[type=button].big, 6673 .woocommerce .button.big, 6674 .woocommerce a.button.big, 6675 .woocommerce button.button.big, 6676 .woocommerce input.button.big, 6677 .woocommerce #respond input#submit.big, 6678 .woocommerce a.added_to_cart.big { 6679 font-size: 0.975rem; 6680 font-weight: 400; 6681 padding: 2px 40px; 6682 border-radius: 4px; 6683 line-height: 50px; 6684 } 6685 6686 .woocommerce input[type=submit].big.outline, 6687 .woocommerce input[type=button].big.outline, 6688 .woocommerce .button.big.outline, 6689 .woocommerce a.button.big.outline, 6690 .woocommerce button.button.big.outline, 6691 .woocommerce input.button.big.outline, 6692 .woocommerce #respond input#submit.big.outline, 6693 .woocommerce a.added_to_cart.big.outline { 6694 border-width: 2px; 6695 line-height: 46px; 6696 } 6697 6698 .woocommerce input[type=submit].large, 6699 .woocommerce input[type=button].large, 6700 .woocommerce .button.large, 6701 .woocommerce a.button.large, 6702 .woocommerce button.button.large, 6703 .woocommerce input.button.large, 6704 .woocommerce #respond input#submit.large, 6705 .woocommerce a.added_to_cart.large { 6706 font-size: 21px; 6707 padding: 20px 36px; 6708 border-radius: 4px; 6709 } 6710 6711 .woocommerce input[type=submit].large:not(.outline), 6712 .woocommerce input[type=button].large:not(.outline), 6713 .woocommerce .button.large:not(.outline), 6714 .woocommerce a.button.large:not(.outline), 6715 .woocommerce button.button.large:not(.outline), 6716 .woocommerce input.button.large:not(.outline), 6717 .woocommerce #respond input#submit.large:not(.outline), 6718 .woocommerce a.added_to_cart.large:not(.outline) { 6719 padding: calc(20px + 2px) calc(36px + 2px); 6720 } 6721 6722 .woocommerce input[type=submit].color-white, 6723 .woocommerce input[type=button].color-white, 6724 .woocommerce .button.color-white, 6725 .woocommerce a.button.color-white, 6726 .woocommerce button.button.color-white, 6727 .woocommerce input.button.color-white, 6728 .woocommerce #respond input#submit.color-white, 6729 .woocommerce a.added_to_cart.color-white { 6730 background-color: #ffffff; 6731 } 6732 6733 .woocommerce input[type=submit].color-white:not(:disabled), 6734 .woocommerce input[type=button].color-white:not(:disabled), 6735 .woocommerce .button.color-white:not(:disabled), 6736 .woocommerce a.button.color-white:not(:disabled), 6737 .woocommerce button.button.color-white:not(:disabled), 6738 .woocommerce input.button.color-white:not(:disabled), 6739 .woocommerce #respond input#submit.color-white:not(:disabled), 6740 .woocommerce a.added_to_cart.color-white:not(:disabled) { 6741 color: #2b2d42; 6742 } 6743 6744 .woocommerce input[type=submit].color-white:not(:disabled), 6745 .woocommerce input[type=button].color-white:not(:disabled), 6746 .woocommerce .button.color-white:not(:disabled), 6747 .woocommerce a.button.color-white:not(:disabled), 6748 .woocommerce button.button.color-white:not(:disabled), 6749 .woocommerce input.button.color-white:not(:disabled), 6750 .woocommerce #respond input#submit.color-white:not(:disabled), 6751 .woocommerce a.added_to_cart.color-white:not(:disabled) { 6752 border-color: #ffffff; 6753 } 6754 6755 .woocommerce input[type=submit].color-white::before, 6756 .woocommerce input[type=submit].color-white::after, 6757 .woocommerce input[type=button].color-white::before, 6758 .woocommerce input[type=button].color-white::after, 6759 .woocommerce .button.color-white::before, 6760 .woocommerce .button.color-white::after, 6761 .woocommerce a.button.color-white::before, 6762 .woocommerce a.button.color-white::after, 6763 .woocommerce button.button.color-white::before, 6764 .woocommerce button.button.color-white::after, 6765 .woocommerce input.button.color-white::before, 6766 .woocommerce input.button.color-white::after, 6767 .woocommerce #respond input#submit.color-white::before, 6768 .woocommerce #respond input#submit.color-white::after, 6769 .woocommerce a.added_to_cart.color-white::before, 6770 .woocommerce a.added_to_cart.color-white::after { 6771 background-color: #bdbdbd; 6772 } 6773 6774 .woocommerce input[type=submit].color-white:hover::before, 6775 .woocommerce input[type=button].color-white:hover::before, 6776 .woocommerce .button.color-white:hover::before, 6777 .woocommerce a.button.color-white:hover::before, 6778 .woocommerce button.button.color-white:hover::before, 6779 .woocommerce input.button.color-white:hover::before, 6780 .woocommerce #respond input#submit.color-white:hover::before, 6781 .woocommerce a.added_to_cart.color-white:hover::before { 6782 opacity: 0.08; 6783 } 6784 6785 .woocommerce input[type=submit].color-white:not(.mdc-ripple-upgraded):focus::before, 6786 .woocommerce input[type=submit].color-white.mdc-ripple-upgraded--background-focused::before, 6787 .woocommerce input[type=button].color-white:not(.mdc-ripple-upgraded):focus::before, 6788 .woocommerce input[type=button].color-white.mdc-ripple-upgraded--background-focused::before, 6789 .woocommerce .button.color-white:not(.mdc-ripple-upgraded):focus::before, 6790 .woocommerce .button.color-white.mdc-ripple-upgraded--background-focused::before, 6791 .woocommerce a.button.color-white:not(.mdc-ripple-upgraded):focus::before, 6792 .woocommerce a.button.color-white.mdc-ripple-upgraded--background-focused::before, 6793 .woocommerce button.button.color-white:not(.mdc-ripple-upgraded):focus::before, 6794 .woocommerce button.button.color-white.mdc-ripple-upgraded--background-focused::before, 6795 .woocommerce input.button.color-white:not(.mdc-ripple-upgraded):focus::before, 6796 .woocommerce input.button.color-white.mdc-ripple-upgraded--background-focused::before, 6797 .woocommerce #respond input#submit.color-white:not(.mdc-ripple-upgraded):focus::before, 6798 .woocommerce #respond input#submit.color-white.mdc-ripple-upgraded--background-focused::before, 6799 .woocommerce a.added_to_cart.color-white:not(.mdc-ripple-upgraded):focus::before, 6800 .woocommerce a.added_to_cart.color-white.mdc-ripple-upgraded--background-focused::before { 6801 transition-duration: 75ms; 6802 opacity: 0.24; 6803 } 6804 6805 .woocommerce input[type=submit].color-white:not(.mdc-ripple-upgraded)::after, 6806 .woocommerce input[type=button].color-white:not(.mdc-ripple-upgraded)::after, 6807 .woocommerce .button.color-white:not(.mdc-ripple-upgraded)::after, 6808 .woocommerce a.button.color-white:not(.mdc-ripple-upgraded)::after, 6809 .woocommerce button.button.color-white:not(.mdc-ripple-upgraded)::after, 6810 .woocommerce input.button.color-white:not(.mdc-ripple-upgraded)::after, 6811 .woocommerce #respond input#submit.color-white:not(.mdc-ripple-upgraded)::after, 6812 .woocommerce a.added_to_cart.color-white:not(.mdc-ripple-upgraded)::after { 6813 transition: opacity 150ms linear; 6814 } 6815 6816 .woocommerce input[type=submit].color-white:not(.mdc-ripple-upgraded):active::after, 6817 .woocommerce input[type=button].color-white:not(.mdc-ripple-upgraded):active::after, 6818 .woocommerce .button.color-white:not(.mdc-ripple-upgraded):active::after, 6819 .woocommerce a.button.color-white:not(.mdc-ripple-upgraded):active::after, 6820 .woocommerce button.button.color-white:not(.mdc-ripple-upgraded):active::after, 6821 .woocommerce input.button.color-white:not(.mdc-ripple-upgraded):active::after, 6822 .woocommerce #respond input#submit.color-white:not(.mdc-ripple-upgraded):active::after, 6823 .woocommerce a.added_to_cart.color-white:not(.mdc-ripple-upgraded):active::after { 6824 transition-duration: 75ms; 6825 opacity: 0.32; 6826 } 6827 6828 .woocommerce input[type=submit].color-white.mdc-ripple-upgraded, 6829 .woocommerce input[type=button].color-white.mdc-ripple-upgraded, 6830 .woocommerce .button.color-white.mdc-ripple-upgraded, 6831 .woocommerce a.button.color-white.mdc-ripple-upgraded, 6832 .woocommerce button.button.color-white.mdc-ripple-upgraded, 6833 .woocommerce input.button.color-white.mdc-ripple-upgraded, 6834 .woocommerce #respond input#submit.color-white.mdc-ripple-upgraded, 6835 .woocommerce a.added_to_cart.color-white.mdc-ripple-upgraded { 6836 --mdc-ripple-fg-opacity: 0.32; 6837 } 6838 6839 .woocommerce input[type=submit].color-white.outline, 6840 .woocommerce input[type=button].color-white.outline, 6841 .woocommerce .button.color-white.outline, 6842 .woocommerce a.button.color-white.outline, 6843 .woocommerce button.button.color-white.outline, 6844 .woocommerce input.button.color-white.outline, 6845 .woocommerce #respond input#submit.color-white.outline, 6846 .woocommerce a.added_to_cart.color-white.outline { 6847 background-color: transparent; 6848 border-style: solid; 6849 } 6850 6851 .woocommerce input[type=submit].color-white.outline:not(:disabled), 6852 .woocommerce input[type=button].color-white.outline:not(:disabled), 6853 .woocommerce .button.color-white.outline:not(:disabled), 6854 .woocommerce a.button.color-white.outline:not(:disabled), 6855 .woocommerce button.button.color-white.outline:not(:disabled), 6856 .woocommerce input.button.color-white.outline:not(:disabled), 6857 .woocommerce #respond input#submit.color-white.outline:not(:disabled), 6858 .woocommerce a.added_to_cart.color-white.outline:not(:disabled) { 6859 color: #ffffff; 6860 } 6861 6862 .woocommerce input[type=submit].color-white.outline:disabled, 6863 .woocommerce input[type=button].color-white.outline:disabled, 6864 .woocommerce .button.color-white.outline:disabled, 6865 .woocommerce a.button.color-white.outline:disabled, 6866 .woocommerce button.button.color-white.outline:disabled, 6867 .woocommerce input.button.color-white.outline:disabled, 6868 .woocommerce #respond input#submit.color-white.outline:disabled, 6869 .woocommerce a.added_to_cart.color-white.outline:disabled { 6870 border-color: rgba(0, 0, 0, 0.37); 6871 } 6872 6873 .woocommerce input[type=submit].color-white.outline:not(:disabled), 6874 .woocommerce input[type=button].color-white.outline:not(:disabled), 6875 .woocommerce .button.color-white.outline:not(:disabled), 6876 .woocommerce a.button.color-white.outline:not(:disabled), 6877 .woocommerce button.button.color-white.outline:not(:disabled), 6878 .woocommerce input.button.color-white.outline:not(:disabled), 6879 .woocommerce #respond input#submit.color-white.outline:not(:disabled), 6880 .woocommerce a.added_to_cart.color-white.outline:not(:disabled) { 6881 border-color: #ffffff; 6882 } 6883 6884 .woocommerce input[type=submit].color-white.link, 6885 .woocommerce input[type=button].color-white.link, 6886 .woocommerce .button.color-white.link, 6887 .woocommerce a.button.color-white.link, 6888 .woocommerce button.button.color-white.link, 6889 .woocommerce input.button.color-white.link, 6890 .woocommerce #respond input#submit.color-white.link, 6891 .woocommerce a.added_to_cart.color-white.link { 6892 background-color: transparent; 6893 padding: 0 8px; 6894 } 6895 6896 .woocommerce input[type=submit].color-white.link:not(:disabled), 6897 .woocommerce input[type=button].color-white.link:not(:disabled), 6898 .woocommerce .button.color-white.link:not(:disabled), 6899 .woocommerce a.button.color-white.link:not(:disabled), 6900 .woocommerce button.button.color-white.link:not(:disabled), 6901 .woocommerce input.button.color-white.link:not(:disabled), 6902 .woocommerce #respond input#submit.color-white.link:not(:disabled), 6903 .woocommerce a.added_to_cart.color-white.link:not(:disabled) { 6904 color: #ffffff; 6905 } 6906 6907 .woocommerce input[type=submit].color-white.link::before, 6908 .woocommerce input[type=submit].color-white.link::after, 6909 .woocommerce input[type=button].color-white.link::before, 6910 .woocommerce input[type=button].color-white.link::after, 6911 .woocommerce .button.color-white.link::before, 6912 .woocommerce .button.color-white.link::after, 6913 .woocommerce a.button.color-white.link::before, 6914 .woocommerce a.button.color-white.link::after, 6915 .woocommerce button.button.color-white.link::before, 6916 .woocommerce button.button.color-white.link::after, 6917 .woocommerce input.button.color-white.link::before, 6918 .woocommerce input.button.color-white.link::after, 6919 .woocommerce #respond input#submit.color-white.link::before, 6920 .woocommerce #respond input#submit.color-white.link::after, 6921 .woocommerce a.added_to_cart.color-white.link::before, 6922 .woocommerce a.added_to_cart.color-white.link::after { 6923 background-color: rgba(255, 255, 255, 0.8); 6924 } 6925 6926 .woocommerce input[type=submit].color-white.link:hover::before, 6927 .woocommerce input[type=button].color-white.link:hover::before, 6928 .woocommerce .button.color-white.link:hover::before, 6929 .woocommerce a.button.color-white.link:hover::before, 6930 .woocommerce button.button.color-white.link:hover::before, 6931 .woocommerce input.button.color-white.link:hover::before, 6932 .woocommerce #respond input#submit.color-white.link:hover::before, 6933 .woocommerce a.added_to_cart.color-white.link:hover::before { 6934 opacity: 0.08; 6935 } 6936 6937 .woocommerce input[type=submit].color-white.link:not(.mdc-ripple-upgraded):focus::before, 6938 .woocommerce input[type=submit].color-white.link.mdc-ripple-upgraded--background-focused::before, 6939 .woocommerce input[type=button].color-white.link:not(.mdc-ripple-upgraded):focus::before, 6940 .woocommerce input[type=button].color-white.link.mdc-ripple-upgraded--background-focused::before, 6941 .woocommerce .button.color-white.link:not(.mdc-ripple-upgraded):focus::before, 6942 .woocommerce .button.color-white.link.mdc-ripple-upgraded--background-focused::before, 6943 .woocommerce a.button.color-white.link:not(.mdc-ripple-upgraded):focus::before, 6944 .woocommerce a.button.color-white.link.mdc-ripple-upgraded--background-focused::before, 6945 .woocommerce button.button.color-white.link:not(.mdc-ripple-upgraded):focus::before, 6946 .woocommerce button.button.color-white.link.mdc-ripple-upgraded--background-focused::before, 6947 .woocommerce input.button.color-white.link:not(.mdc-ripple-upgraded):focus::before, 6948 .woocommerce input.button.color-white.link.mdc-ripple-upgraded--background-focused::before, 6949 .woocommerce #respond input#submit.color-white.link:not(.mdc-ripple-upgraded):focus::before, 6950 .woocommerce #respond input#submit.color-white.link.mdc-ripple-upgraded--background-focused::before, 6951 .woocommerce a.added_to_cart.color-white.link:not(.mdc-ripple-upgraded):focus::before, 6952 .woocommerce a.added_to_cart.color-white.link.mdc-ripple-upgraded--background-focused::before { 6953 transition-duration: 75ms; 6954 opacity: 0.24; 6955 } 6956 6957 .woocommerce input[type=submit].color-white.link:not(.mdc-ripple-upgraded)::after, 6958 .woocommerce input[type=button].color-white.link:not(.mdc-ripple-upgraded)::after, 6959 .woocommerce .button.color-white.link:not(.mdc-ripple-upgraded)::after, 6960 .woocommerce a.button.color-white.link:not(.mdc-ripple-upgraded)::after, 6961 .woocommerce button.button.color-white.link:not(.mdc-ripple-upgraded)::after, 6962 .woocommerce input.button.color-white.link:not(.mdc-ripple-upgraded)::after, 6963 .woocommerce #respond input#submit.color-white.link:not(.mdc-ripple-upgraded)::after, 6964 .woocommerce a.added_to_cart.color-white.link:not(.mdc-ripple-upgraded)::after { 6965 transition: opacity 150ms linear; 6966 } 6967 6968 .woocommerce input[type=submit].color-white.link:not(.mdc-ripple-upgraded):active::after, 6969 .woocommerce input[type=button].color-white.link:not(.mdc-ripple-upgraded):active::after, 6970 .woocommerce .button.color-white.link:not(.mdc-ripple-upgraded):active::after, 6971 .woocommerce a.button.color-white.link:not(.mdc-ripple-upgraded):active::after, 6972 .woocommerce button.button.color-white.link:not(.mdc-ripple-upgraded):active::after, 6973 .woocommerce input.button.color-white.link:not(.mdc-ripple-upgraded):active::after, 6974 .woocommerce #respond input#submit.color-white.link:not(.mdc-ripple-upgraded):active::after, 6975 .woocommerce a.added_to_cart.color-white.link:not(.mdc-ripple-upgraded):active::after { 6976 transition-duration: 75ms; 6977 opacity: 0.32; 6978 } 6979 6980 .woocommerce input[type=submit].color-white.link.mdc-ripple-upgraded, 6981 .woocommerce input[type=button].color-white.link.mdc-ripple-upgraded, 6982 .woocommerce .button.color-white.link.mdc-ripple-upgraded, 6983 .woocommerce a.button.color-white.link.mdc-ripple-upgraded, 6984 .woocommerce button.button.color-white.link.mdc-ripple-upgraded, 6985 .woocommerce input.button.color-white.link.mdc-ripple-upgraded, 6986 .woocommerce #respond input#submit.color-white.link.mdc-ripple-upgraded, 6987 .woocommerce a.added_to_cart.color-white.link.mdc-ripple-upgraded { 6988 --mdc-ripple-fg-opacity: 0.32; 6989 } 6990 6991 .woocommerce input[type=submit].color-white.link:hover, 6992 .woocommerce input[type=button].color-white.link:hover, 6993 .woocommerce .button.color-white.link:hover, 6994 .woocommerce a.button.color-white.link:hover, 6995 .woocommerce button.button.color-white.link:hover, 6996 .woocommerce input.button.color-white.link:hover, 6997 .woocommerce #respond input#submit.color-white.link:hover, 6998 .woocommerce a.added_to_cart.color-white.link:hover { 6999 background-color: transparent; 7000 } 7001 7002 .woocommerce input[type=submit].color-white :disabled, 7003 .woocommerce input[type=submit].color-white.disabled, 7004 .woocommerce input[type=button].color-white :disabled, 7005 .woocommerce input[type=button].color-white.disabled, 7006 .woocommerce .button.color-white :disabled, 7007 .woocommerce .button.color-white.disabled, 7008 .woocommerce a.button.color-white :disabled, 7009 .woocommerce a.button.color-white.disabled, 7010 .woocommerce button.button.color-white :disabled, 7011 .woocommerce button.button.color-white.disabled, 7012 .woocommerce input.button.color-white :disabled, 7013 .woocommerce input.button.color-white.disabled, 7014 .woocommerce #respond input#submit.color-white :disabled, 7015 .woocommerce #respond input#submit.color-white.disabled, 7016 .woocommerce a.added_to_cart.color-white :disabled, 7017 .woocommerce a.added_to_cart.color-white.disabled { 7018 background-color: rgba(255, 255, 255, 0.5); 7019 border-color: rgba(255, 255, 255, 0.5); 7020 cursor: default; 7021 pointer-events: none; 7022 } 7023 7024 .woocommerce input[type=submit].round, 7025 .woocommerce input[type=button].round, 7026 .woocommerce .button.round, 7027 .woocommerce a.button.round, 7028 .woocommerce button.button.round, 7029 .woocommerce input.button.round, 7030 .woocommerce #respond input#submit.round, 7031 .woocommerce a.added_to_cart.round { 7032 border-radius: 50px; 7033 } 7034 7035 .woocommerce input[type=submit].square, 7036 .woocommerce input[type=button].square, 7037 .woocommerce .button.square, 7038 .woocommerce a.button.square, 7039 .woocommerce button.button.square, 7040 .woocommerce input.button.square, 7041 .woocommerce #respond input#submit.square, 7042 .woocommerce a.added_to_cart.square { 7043 border-radius: 0px; 7044 } 7045 7046 .woocommerce input[type=submit].color-black, 7047 .woocommerce input[type=button].color-black, 7048 .woocommerce .button.color-black, 7049 .woocommerce a.button.color-black, 7050 .woocommerce button.button.color-black, 7051 .woocommerce input.button.color-black, 7052 .woocommerce #respond input#submit.color-black, 7053 .woocommerce a.added_to_cart.color-black { 7054 background-color: #000; 7055 } 7056 7057 .woocommerce input[type=submit].color-black:not(:disabled), 7058 .woocommerce input[type=button].color-black:not(:disabled), 7059 .woocommerce .button.color-black:not(:disabled), 7060 .woocommerce a.button.color-black:not(:disabled), 7061 .woocommerce button.button.color-black:not(:disabled), 7062 .woocommerce input.button.color-black:not(:disabled), 7063 .woocommerce #respond input#submit.color-black:not(:disabled), 7064 .woocommerce a.added_to_cart.color-black:not(:disabled) { 7065 color: #ffffff; 7066 } 7067 7068 .woocommerce input[type=submit].color-black:not(:disabled), 7069 .woocommerce input[type=button].color-black:not(:disabled), 7070 .woocommerce .button.color-black:not(:disabled), 7071 .woocommerce a.button.color-black:not(:disabled), 7072 .woocommerce button.button.color-black:not(:disabled), 7073 .woocommerce input.button.color-black:not(:disabled), 7074 .woocommerce #respond input#submit.color-black:not(:disabled), 7075 .woocommerce a.added_to_cart.color-black:not(:disabled) { 7076 border-color: #000; 7077 } 7078 7079 .woocommerce input[type=submit].color-black::before, 7080 .woocommerce input[type=submit].color-black::after, 7081 .woocommerce input[type=button].color-black::before, 7082 .woocommerce input[type=button].color-black::after, 7083 .woocommerce .button.color-black::before, 7084 .woocommerce .button.color-black::after, 7085 .woocommerce a.button.color-black::before, 7086 .woocommerce a.button.color-black::after, 7087 .woocommerce button.button.color-black::before, 7088 .woocommerce button.button.color-black::after, 7089 .woocommerce input.button.color-black::before, 7090 .woocommerce input.button.color-black::after, 7091 .woocommerce #respond input#submit.color-black::before, 7092 .woocommerce #respond input#submit.color-black::after, 7093 .woocommerce a.added_to_cart.color-black::before, 7094 .woocommerce a.added_to_cart.color-black::after { 7095 background-color: rgba(255, 255, 255, 0.8); 7096 } 7097 7098 .woocommerce input[type=submit].color-black:hover::before, 7099 .woocommerce input[type=button].color-black:hover::before, 7100 .woocommerce .button.color-black:hover::before, 7101 .woocommerce a.button.color-black:hover::before, 7102 .woocommerce button.button.color-black:hover::before, 7103 .woocommerce input.button.color-black:hover::before, 7104 .woocommerce #respond input#submit.color-black:hover::before, 7105 .woocommerce a.added_to_cart.color-black:hover::before { 7106 opacity: 0.08; 7107 } 7108 7109 .woocommerce input[type=submit].color-black:not(.mdc-ripple-upgraded):focus::before, 7110 .woocommerce input[type=submit].color-black.mdc-ripple-upgraded--background-focused::before, 7111 .woocommerce input[type=button].color-black:not(.mdc-ripple-upgraded):focus::before, 7112 .woocommerce input[type=button].color-black.mdc-ripple-upgraded--background-focused::before, 7113 .woocommerce .button.color-black:not(.mdc-ripple-upgraded):focus::before, 7114 .woocommerce .button.color-black.mdc-ripple-upgraded--background-focused::before, 7115 .woocommerce a.button.color-black:not(.mdc-ripple-upgraded):focus::before, 7116 .woocommerce a.button.color-black.mdc-ripple-upgraded--background-focused::before, 7117 .woocommerce button.button.color-black:not(.mdc-ripple-upgraded):focus::before, 7118 .woocommerce button.button.color-black.mdc-ripple-upgraded--background-focused::before, 7119 .woocommerce input.button.color-black:not(.mdc-ripple-upgraded):focus::before, 7120 .woocommerce input.button.color-black.mdc-ripple-upgraded--background-focused::before, 7121 .woocommerce #respond input#submit.color-black:not(.mdc-ripple-upgraded):focus::before, 7122 .woocommerce #respond input#submit.color-black.mdc-ripple-upgraded--background-focused::before, 7123 .woocommerce a.added_to_cart.color-black:not(.mdc-ripple-upgraded):focus::before, 7124 .woocommerce a.added_to_cart.color-black.mdc-ripple-upgraded--background-focused::before { 7125 transition-duration: 75ms; 7126 opacity: 0.24; 7127 } 7128 7129 .woocommerce input[type=submit].color-black:not(.mdc-ripple-upgraded)::after, 7130 .woocommerce input[type=button].color-black:not(.mdc-ripple-upgraded)::after, 7131 .woocommerce .button.color-black:not(.mdc-ripple-upgraded)::after, 7132 .woocommerce a.button.color-black:not(.mdc-ripple-upgraded)::after, 7133 .woocommerce button.button.color-black:not(.mdc-ripple-upgraded)::after, 7134 .woocommerce input.button.color-black:not(.mdc-ripple-upgraded)::after, 7135 .woocommerce #respond input#submit.color-black:not(.mdc-ripple-upgraded)::after, 7136 .woocommerce a.added_to_cart.color-black:not(.mdc-ripple-upgraded)::after { 7137 transition: opacity 150ms linear; 7138 } 7139 7140 .woocommerce input[type=submit].color-black:not(.mdc-ripple-upgraded):active::after, 7141 .woocommerce input[type=button].color-black:not(.mdc-ripple-upgraded):active::after, 7142 .woocommerce .button.color-black:not(.mdc-ripple-upgraded):active::after, 7143 .woocommerce a.button.color-black:not(.mdc-ripple-upgraded):active::after, 7144 .woocommerce button.button.color-black:not(.mdc-ripple-upgraded):active::after, 7145 .woocommerce input.button.color-black:not(.mdc-ripple-upgraded):active::after, 7146 .woocommerce #respond input#submit.color-black:not(.mdc-ripple-upgraded):active::after, 7147 .woocommerce a.added_to_cart.color-black:not(.mdc-ripple-upgraded):active::after { 7148 transition-duration: 75ms; 7149 opacity: 0.32; 7150 } 7151 7152 .woocommerce input[type=submit].color-black.mdc-ripple-upgraded, 7153 .woocommerce input[type=button].color-black.mdc-ripple-upgraded, 7154 .woocommerce .button.color-black.mdc-ripple-upgraded, 7155 .woocommerce a.button.color-black.mdc-ripple-upgraded, 7156 .woocommerce button.button.color-black.mdc-ripple-upgraded, 7157 .woocommerce input.button.color-black.mdc-ripple-upgraded, 7158 .woocommerce #respond input#submit.color-black.mdc-ripple-upgraded, 7159 .woocommerce a.added_to_cart.color-black.mdc-ripple-upgraded { 7160 --mdc-ripple-fg-opacity: 0.32; 7161 } 7162 7163 .woocommerce input[type=submit].color-black.outline, 7164 .woocommerce input[type=button].color-black.outline, 7165 .woocommerce .button.color-black.outline, 7166 .woocommerce a.button.color-black.outline, 7167 .woocommerce button.button.color-black.outline, 7168 .woocommerce input.button.color-black.outline, 7169 .woocommerce #respond input#submit.color-black.outline, 7170 .woocommerce a.added_to_cart.color-black.outline { 7171 background-color: transparent; 7172 border-style: solid; 7173 } 7174 7175 .woocommerce input[type=submit].color-black.outline:not(:disabled), 7176 .woocommerce input[type=button].color-black.outline:not(:disabled), 7177 .woocommerce .button.color-black.outline:not(:disabled), 7178 .woocommerce a.button.color-black.outline:not(:disabled), 7179 .woocommerce button.button.color-black.outline:not(:disabled), 7180 .woocommerce input.button.color-black.outline:not(:disabled), 7181 .woocommerce #respond input#submit.color-black.outline:not(:disabled), 7182 .woocommerce a.added_to_cart.color-black.outline:not(:disabled) { 7183 color: #000; 7184 } 7185 7186 .woocommerce input[type=submit].color-black.outline:disabled, 7187 .woocommerce input[type=button].color-black.outline:disabled, 7188 .woocommerce .button.color-black.outline:disabled, 7189 .woocommerce a.button.color-black.outline:disabled, 7190 .woocommerce button.button.color-black.outline:disabled, 7191 .woocommerce input.button.color-black.outline:disabled, 7192 .woocommerce #respond input#submit.color-black.outline:disabled, 7193 .woocommerce a.added_to_cart.color-black.outline:disabled { 7194 border-color: rgba(0, 0, 0, 0.37); 7195 } 7196 7197 .woocommerce input[type=submit].color-black.outline:not(:disabled), 7198 .woocommerce input[type=button].color-black.outline:not(:disabled), 7199 .woocommerce .button.color-black.outline:not(:disabled), 7200 .woocommerce a.button.color-black.outline:not(:disabled), 7201 .woocommerce button.button.color-black.outline:not(:disabled), 7202 .woocommerce input.button.color-black.outline:not(:disabled), 7203 .woocommerce #respond input#submit.color-black.outline:not(:disabled), 7204 .woocommerce a.added_to_cart.color-black.outline:not(:disabled) { 7205 border-color: #000; 7206 } 7207 7208 .woocommerce input[type=submit].color-black.link, 7209 .woocommerce input[type=button].color-black.link, 7210 .woocommerce .button.color-black.link, 7211 .woocommerce a.button.color-black.link, 7212 .woocommerce button.button.color-black.link, 7213 .woocommerce input.button.color-black.link, 7214 .woocommerce #respond input#submit.color-black.link, 7215 .woocommerce a.added_to_cart.color-black.link { 7216 background-color: transparent; 7217 padding: 0 8px; 7218 } 7219 7220 .woocommerce input[type=submit].color-black.link:not(:disabled), 7221 .woocommerce input[type=button].color-black.link:not(:disabled), 7222 .woocommerce .button.color-black.link:not(:disabled), 7223 .woocommerce a.button.color-black.link:not(:disabled), 7224 .woocommerce button.button.color-black.link:not(:disabled), 7225 .woocommerce input.button.color-black.link:not(:disabled), 7226 .woocommerce #respond input#submit.color-black.link:not(:disabled), 7227 .woocommerce a.added_to_cart.color-black.link:not(:disabled) { 7228 color: #000; 7229 } 7230 7231 .woocommerce input[type=submit].color-black.link::before, 7232 .woocommerce input[type=submit].color-black.link::after, 7233 .woocommerce input[type=button].color-black.link::before, 7234 .woocommerce input[type=button].color-black.link::after, 7235 .woocommerce .button.color-black.link::before, 7236 .woocommerce .button.color-black.link::after, 7237 .woocommerce a.button.color-black.link::before, 7238 .woocommerce a.button.color-black.link::after, 7239 .woocommerce button.button.color-black.link::before, 7240 .woocommerce button.button.color-black.link::after, 7241 .woocommerce input.button.color-black.link::before, 7242 .woocommerce input.button.color-black.link::after, 7243 .woocommerce #respond input#submit.color-black.link::before, 7244 .woocommerce #respond input#submit.color-black.link::after, 7245 .woocommerce a.added_to_cart.color-black.link::before, 7246 .woocommerce a.added_to_cart.color-black.link::after { 7247 background-color: rgba(0, 0, 0, 0.8); 7248 } 7249 7250 .woocommerce input[type=submit].color-black.link:hover::before, 7251 .woocommerce input[type=button].color-black.link:hover::before, 7252 .woocommerce .button.color-black.link:hover::before, 7253 .woocommerce a.button.color-black.link:hover::before, 7254 .woocommerce button.button.color-black.link:hover::before, 7255 .woocommerce input.button.color-black.link:hover::before, 7256 .woocommerce #respond input#submit.color-black.link:hover::before, 7257 .woocommerce a.added_to_cart.color-black.link:hover::before { 7258 opacity: 0.04; 7259 } 7260 7261 .woocommerce input[type=submit].color-black.link:not(.mdc-ripple-upgraded):focus::before, 7262 .woocommerce input[type=submit].color-black.link.mdc-ripple-upgraded--background-focused::before, 7263 .woocommerce input[type=button].color-black.link:not(.mdc-ripple-upgraded):focus::before, 7264 .woocommerce input[type=button].color-black.link.mdc-ripple-upgraded--background-focused::before, 7265 .woocommerce .button.color-black.link:not(.mdc-ripple-upgraded):focus::before, 7266 .woocommerce .button.color-black.link.mdc-ripple-upgraded--background-focused::before, 7267 .woocommerce a.button.color-black.link:not(.mdc-ripple-upgraded):focus::before, 7268 .woocommerce a.button.color-black.link.mdc-ripple-upgraded--background-focused::before, 7269 .woocommerce button.button.color-black.link:not(.mdc-ripple-upgraded):focus::before, 7270 .woocommerce button.button.color-black.link.mdc-ripple-upgraded--background-focused::before, 7271 .woocommerce input.button.color-black.link:not(.mdc-ripple-upgraded):focus::before, 7272 .woocommerce input.button.color-black.link.mdc-ripple-upgraded--background-focused::before, 7273 .woocommerce #respond input#submit.color-black.link:not(.mdc-ripple-upgraded):focus::before, 7274 .woocommerce #respond input#submit.color-black.link.mdc-ripple-upgraded--background-focused::before, 7275 .woocommerce a.added_to_cart.color-black.link:not(.mdc-ripple-upgraded):focus::before, 7276 .woocommerce a.added_to_cart.color-black.link.mdc-ripple-upgraded--background-focused::before { 7277 transition-duration: 75ms; 7278 opacity: 0.12; 7279 } 7280 7281 .woocommerce input[type=submit].color-black.link:not(.mdc-ripple-upgraded)::after, 7282 .woocommerce input[type=button].color-black.link:not(.mdc-ripple-upgraded)::after, 7283 .woocommerce .button.color-black.link:not(.mdc-ripple-upgraded)::after, 7284 .woocommerce a.button.color-black.link:not(.mdc-ripple-upgraded)::after, 7285 .woocommerce button.button.color-black.link:not(.mdc-ripple-upgraded)::after, 7286 .woocommerce input.button.color-black.link:not(.mdc-ripple-upgraded)::after, 7287 .woocommerce #respond input#submit.color-black.link:not(.mdc-ripple-upgraded)::after, 7288 .woocommerce a.added_to_cart.color-black.link:not(.mdc-ripple-upgraded)::after { 7289 transition: opacity 150ms linear; 7290 } 7291 7292 .woocommerce input[type=submit].color-black.link:not(.mdc-ripple-upgraded):active::after, 7293 .woocommerce input[type=button].color-black.link:not(.mdc-ripple-upgraded):active::after, 7294 .woocommerce .button.color-black.link:not(.mdc-ripple-upgraded):active::after, 7295 .woocommerce a.button.color-black.link:not(.mdc-ripple-upgraded):active::after, 7296 .woocommerce button.button.color-black.link:not(.mdc-ripple-upgraded):active::after, 7297 .woocommerce input.button.color-black.link:not(.mdc-ripple-upgraded):active::after, 7298 .woocommerce #respond input#submit.color-black.link:not(.mdc-ripple-upgraded):active::after, 7299 .woocommerce a.added_to_cart.color-black.link:not(.mdc-ripple-upgraded):active::after { 7300 transition-duration: 75ms; 7301 opacity: 0.16; 7302 } 7303 7304 .woocommerce input[type=submit].color-black.link.mdc-ripple-upgraded, 7305 .woocommerce input[type=button].color-black.link.mdc-ripple-upgraded, 7306 .woocommerce .button.color-black.link.mdc-ripple-upgraded, 7307 .woocommerce a.button.color-black.link.mdc-ripple-upgraded, 7308 .woocommerce button.button.color-black.link.mdc-ripple-upgraded, 7309 .woocommerce input.button.color-black.link.mdc-ripple-upgraded, 7310 .woocommerce #respond input#submit.color-black.link.mdc-ripple-upgraded, 7311 .woocommerce a.added_to_cart.color-black.link.mdc-ripple-upgraded { 7312 --mdc-ripple-fg-opacity: 0.16; 7313 } 7314 7315 .woocommerce input[type=submit].color-black.link:hover, 7316 .woocommerce input[type=button].color-black.link:hover, 7317 .woocommerce .button.color-black.link:hover, 7318 .woocommerce a.button.color-black.link:hover, 7319 .woocommerce button.button.color-black.link:hover, 7320 .woocommerce input.button.color-black.link:hover, 7321 .woocommerce #respond input#submit.color-black.link:hover, 7322 .woocommerce a.added_to_cart.color-black.link:hover { 7323 background-color: transparent; 7324 } 7325 7326 .woocommerce input[type=submit].color-black :disabled, 7327 .woocommerce input[type=submit].color-black.disabled, 7328 .woocommerce input[type=button].color-black :disabled, 7329 .woocommerce input[type=button].color-black.disabled, 7330 .woocommerce .button.color-black :disabled, 7331 .woocommerce .button.color-black.disabled, 7332 .woocommerce a.button.color-black :disabled, 7333 .woocommerce a.button.color-black.disabled, 7334 .woocommerce button.button.color-black :disabled, 7335 .woocommerce button.button.color-black.disabled, 7336 .woocommerce input.button.color-black :disabled, 7337 .woocommerce input.button.color-black.disabled, 7338 .woocommerce #respond input#submit.color-black :disabled, 7339 .woocommerce #respond input#submit.color-black.disabled, 7340 .woocommerce a.added_to_cart.color-black :disabled, 7341 .woocommerce a.added_to_cart.color-black.disabled { 7342 background-color: rgba(0, 0, 0, 0.5); 7343 border-color: rgba(0, 0, 0, 0.5); 7344 cursor: default; 7345 pointer-events: none; 7346 } 7347 7348 .woocommerce input[type=submit].color-darkgray, 7349 .woocommerce input[type=button].color-darkgray, 7350 .woocommerce .button.color-darkgray, 7351 .woocommerce a.button.color-darkgray, 7352 .woocommerce button.button.color-darkgray, 7353 .woocommerce input.button.color-darkgray, 7354 .woocommerce #respond input#submit.color-darkgray, 7355 .woocommerce a.added_to_cart.color-darkgray { 7356 background-color: #2b2d42; 7357 } 7358 7359 .woocommerce input[type=submit].color-darkgray:not(:disabled), 7360 .woocommerce input[type=button].color-darkgray:not(:disabled), 7361 .woocommerce .button.color-darkgray:not(:disabled), 7362 .woocommerce a.button.color-darkgray:not(:disabled), 7363 .woocommerce button.button.color-darkgray:not(:disabled), 7364 .woocommerce input.button.color-darkgray:not(:disabled), 7365 .woocommerce #respond input#submit.color-darkgray:not(:disabled), 7366 .woocommerce a.added_to_cart.color-darkgray:not(:disabled) { 7367 color: #ffffff; 7368 } 7369 7370 .woocommerce input[type=submit].color-darkgray:not(:disabled), 7371 .woocommerce input[type=button].color-darkgray:not(:disabled), 7372 .woocommerce .button.color-darkgray:not(:disabled), 7373 .woocommerce a.button.color-darkgray:not(:disabled), 7374 .woocommerce button.button.color-darkgray:not(:disabled), 7375 .woocommerce input.button.color-darkgray:not(:disabled), 7376 .woocommerce #respond input#submit.color-darkgray:not(:disabled), 7377 .woocommerce a.added_to_cart.color-darkgray:not(:disabled) { 7378 border-color: #2b2d42; 7379 } 7380 7381 .woocommerce input[type=submit].color-darkgray::before, 7382 .woocommerce input[type=submit].color-darkgray::after, 7383 .woocommerce input[type=button].color-darkgray::before, 7384 .woocommerce input[type=button].color-darkgray::after, 7385 .woocommerce .button.color-darkgray::before, 7386 .woocommerce .button.color-darkgray::after, 7387 .woocommerce a.button.color-darkgray::before, 7388 .woocommerce a.button.color-darkgray::after, 7389 .woocommerce button.button.color-darkgray::before, 7390 .woocommerce button.button.color-darkgray::after, 7391 .woocommerce input.button.color-darkgray::before, 7392 .woocommerce input.button.color-darkgray::after, 7393 .woocommerce #respond input#submit.color-darkgray::before, 7394 .woocommerce #respond input#submit.color-darkgray::after, 7395 .woocommerce a.added_to_cart.color-darkgray::before, 7396 .woocommerce a.added_to_cart.color-darkgray::after { 7397 background-color: rgba(255, 255, 255, 0.8); 7398 } 7399 7400 .woocommerce input[type=submit].color-darkgray:hover::before, 7401 .woocommerce input[type=button].color-darkgray:hover::before, 7402 .woocommerce .button.color-darkgray:hover::before, 7403 .woocommerce a.button.color-darkgray:hover::before, 7404 .woocommerce button.button.color-darkgray:hover::before, 7405 .woocommerce input.button.color-darkgray:hover::before, 7406 .woocommerce #respond input#submit.color-darkgray:hover::before, 7407 .woocommerce a.added_to_cart.color-darkgray:hover::before { 7408 opacity: 0.08; 7409 } 7410 7411 .woocommerce input[type=submit].color-darkgray:not(.mdc-ripple-upgraded):focus::before, 7412 .woocommerce input[type=submit].color-darkgray.mdc-ripple-upgraded--background-focused::before, 7413 .woocommerce input[type=button].color-darkgray:not(.mdc-ripple-upgraded):focus::before, 7414 .woocommerce input[type=button].color-darkgray.mdc-ripple-upgraded--background-focused::before, 7415 .woocommerce .button.color-darkgray:not(.mdc-ripple-upgraded):focus::before, 7416 .woocommerce .button.color-darkgray.mdc-ripple-upgraded--background-focused::before, 7417 .woocommerce a.button.color-darkgray:not(.mdc-ripple-upgraded):focus::before, 7418 .woocommerce a.button.color-darkgray.mdc-ripple-upgraded--background-focused::before, 7419 .woocommerce button.button.color-darkgray:not(.mdc-ripple-upgraded):focus::before, 7420 .woocommerce button.button.color-darkgray.mdc-ripple-upgraded--background-focused::before, 7421 .woocommerce input.button.color-darkgray:not(.mdc-ripple-upgraded):focus::before, 7422 .woocommerce input.button.color-darkgray.mdc-ripple-upgraded--background-focused::before, 7423 .woocommerce #respond input#submit.color-darkgray:not(.mdc-ripple-upgraded):focus::before, 7424 .woocommerce #respond input#submit.color-darkgray.mdc-ripple-upgraded--background-focused::before, 7425 .woocommerce a.added_to_cart.color-darkgray:not(.mdc-ripple-upgraded):focus::before, 7426 .woocommerce a.added_to_cart.color-darkgray.mdc-ripple-upgraded--background-focused::before { 7427 transition-duration: 75ms; 7428 opacity: 0.24; 7429 } 7430 7431 .woocommerce input[type=submit].color-darkgray:not(.mdc-ripple-upgraded)::after, 7432 .woocommerce input[type=button].color-darkgray:not(.mdc-ripple-upgraded)::after, 7433 .woocommerce .button.color-darkgray:not(.mdc-ripple-upgraded)::after, 7434 .woocommerce a.button.color-darkgray:not(.mdc-ripple-upgraded)::after, 7435 .woocommerce button.button.color-darkgray:not(.mdc-ripple-upgraded)::after, 7436 .woocommerce input.button.color-darkgray:not(.mdc-ripple-upgraded)::after, 7437 .woocommerce #respond input#submit.color-darkgray:not(.mdc-ripple-upgraded)::after, 7438 .woocommerce a.added_to_cart.color-darkgray:not(.mdc-ripple-upgraded)::after { 7439 transition: opacity 150ms linear; 7440 } 7441 7442 .woocommerce input[type=submit].color-darkgray:not(.mdc-ripple-upgraded):active::after, 7443 .woocommerce input[type=button].color-darkgray:not(.mdc-ripple-upgraded):active::after, 7444 .woocommerce .button.color-darkgray:not(.mdc-ripple-upgraded):active::after, 7445 .woocommerce a.button.color-darkgray:not(.mdc-ripple-upgraded):active::after, 7446 .woocommerce button.button.color-darkgray:not(.mdc-ripple-upgraded):active::after, 7447 .woocommerce input.button.color-darkgray:not(.mdc-ripple-upgraded):active::after, 7448 .woocommerce #respond input#submit.color-darkgray:not(.mdc-ripple-upgraded):active::after, 7449 .woocommerce a.added_to_cart.color-darkgray:not(.mdc-ripple-upgraded):active::after { 7450 transition-duration: 75ms; 7451 opacity: 0.32; 7452 } 7453 7454 .woocommerce input[type=submit].color-darkgray.mdc-ripple-upgraded, 7455 .woocommerce input[type=button].color-darkgray.mdc-ripple-upgraded, 7456 .woocommerce .button.color-darkgray.mdc-ripple-upgraded, 7457 .woocommerce a.button.color-darkgray.mdc-ripple-upgraded, 7458 .woocommerce button.button.color-darkgray.mdc-ripple-upgraded, 7459 .woocommerce input.button.color-darkgray.mdc-ripple-upgraded, 7460 .woocommerce #respond input#submit.color-darkgray.mdc-ripple-upgraded, 7461 .woocommerce a.added_to_cart.color-darkgray.mdc-ripple-upgraded { 7462 --mdc-ripple-fg-opacity: 0.32; 7463 } 7464 7465 .woocommerce input[type=submit].color-darkgray.outline, 7466 .woocommerce input[type=button].color-darkgray.outline, 7467 .woocommerce .button.color-darkgray.outline, 7468 .woocommerce a.button.color-darkgray.outline, 7469 .woocommerce button.button.color-darkgray.outline, 7470 .woocommerce input.button.color-darkgray.outline, 7471 .woocommerce #respond input#submit.color-darkgray.outline, 7472 .woocommerce a.added_to_cart.color-darkgray.outline { 7473 background-color: transparent; 7474 border-style: solid; 7475 } 7476 7477 .woocommerce input[type=submit].color-darkgray.outline:not(:disabled), 7478 .woocommerce input[type=button].color-darkgray.outline:not(:disabled), 7479 .woocommerce .button.color-darkgray.outline:not(:disabled), 7480 .woocommerce a.button.color-darkgray.outline:not(:disabled), 7481 .woocommerce button.button.color-darkgray.outline:not(:disabled), 7482 .woocommerce input.button.color-darkgray.outline:not(:disabled), 7483 .woocommerce #respond input#submit.color-darkgray.outline:not(:disabled), 7484 .woocommerce a.added_to_cart.color-darkgray.outline:not(:disabled) { 7485 color: #2b2d42; 7486 } 7487 7488 .woocommerce input[type=submit].color-darkgray.outline:disabled, 7489 .woocommerce input[type=button].color-darkgray.outline:disabled, 7490 .woocommerce .button.color-darkgray.outline:disabled, 7491 .woocommerce a.button.color-darkgray.outline:disabled, 7492 .woocommerce button.button.color-darkgray.outline:disabled, 7493 .woocommerce input.button.color-darkgray.outline:disabled, 7494 .woocommerce #respond input#submit.color-darkgray.outline:disabled, 7495 .woocommerce a.added_to_cart.color-darkgray.outline:disabled { 7496 border-color: rgba(0, 0, 0, 0.37); 7497 } 7498 7499 .woocommerce input[type=submit].color-darkgray.outline:not(:disabled), 7500 .woocommerce input[type=button].color-darkgray.outline:not(:disabled), 7501 .woocommerce .button.color-darkgray.outline:not(:disabled), 7502 .woocommerce a.button.color-darkgray.outline:not(:disabled), 7503 .woocommerce button.button.color-darkgray.outline:not(:disabled), 7504 .woocommerce input.button.color-darkgray.outline:not(:disabled), 7505 .woocommerce #respond input#submit.color-darkgray.outline:not(:disabled), 7506 .woocommerce a.added_to_cart.color-darkgray.outline:not(:disabled) { 7507 border-color: #2b2d42; 7508 } 7509 7510 .woocommerce input[type=submit].color-darkgray.link, 7511 .woocommerce input[type=button].color-darkgray.link, 7512 .woocommerce .button.color-darkgray.link, 7513 .woocommerce a.button.color-darkgray.link, 7514 .woocommerce button.button.color-darkgray.link, 7515 .woocommerce input.button.color-darkgray.link, 7516 .woocommerce #respond input#submit.color-darkgray.link, 7517 .woocommerce a.added_to_cart.color-darkgray.link { 7518 background-color: transparent; 7519 padding: 0 8px; 7520 } 7521 7522 .woocommerce input[type=submit].color-darkgray.link:not(:disabled), 7523 .woocommerce input[type=button].color-darkgray.link:not(:disabled), 7524 .woocommerce .button.color-darkgray.link:not(:disabled), 7525 .woocommerce a.button.color-darkgray.link:not(:disabled), 7526 .woocommerce button.button.color-darkgray.link:not(:disabled), 7527 .woocommerce input.button.color-darkgray.link:not(:disabled), 7528 .woocommerce #respond input#submit.color-darkgray.link:not(:disabled), 7529 .woocommerce a.added_to_cart.color-darkgray.link:not(:disabled) { 7530 color: #2b2d42; 7531 } 7532 7533 .woocommerce input[type=submit].color-darkgray.link::before, 7534 .woocommerce input[type=submit].color-darkgray.link::after, 7535 .woocommerce input[type=button].color-darkgray.link::before, 7536 .woocommerce input[type=button].color-darkgray.link::after, 7537 .woocommerce .button.color-darkgray.link::before, 7538 .woocommerce .button.color-darkgray.link::after, 7539 .woocommerce a.button.color-darkgray.link::before, 7540 .woocommerce a.button.color-darkgray.link::after, 7541 .woocommerce button.button.color-darkgray.link::before, 7542 .woocommerce button.button.color-darkgray.link::after, 7543 .woocommerce input.button.color-darkgray.link::before, 7544 .woocommerce input.button.color-darkgray.link::after, 7545 .woocommerce #respond input#submit.color-darkgray.link::before, 7546 .woocommerce #respond input#submit.color-darkgray.link::after, 7547 .woocommerce a.added_to_cart.color-darkgray.link::before, 7548 .woocommerce a.added_to_cart.color-darkgray.link::after { 7549 background-color: rgba(43, 45, 66, 0.8); 7550 } 7551 7552 .woocommerce input[type=submit].color-darkgray.link:hover::before, 7553 .woocommerce input[type=button].color-darkgray.link:hover::before, 7554 .woocommerce .button.color-darkgray.link:hover::before, 7555 .woocommerce a.button.color-darkgray.link:hover::before, 7556 .woocommerce button.button.color-darkgray.link:hover::before, 7557 .woocommerce input.button.color-darkgray.link:hover::before, 7558 .woocommerce #respond input#submit.color-darkgray.link:hover::before, 7559 .woocommerce a.added_to_cart.color-darkgray.link:hover::before { 7560 opacity: 0.04; 7561 } 7562 7563 .woocommerce input[type=submit].color-darkgray.link:not(.mdc-ripple-upgraded):focus::before, 7564 .woocommerce input[type=submit].color-darkgray.link.mdc-ripple-upgraded--background-focused::before, 7565 .woocommerce input[type=button].color-darkgray.link:not(.mdc-ripple-upgraded):focus::before, 7566 .woocommerce input[type=button].color-darkgray.link.mdc-ripple-upgraded--background-focused::before, 7567 .woocommerce .button.color-darkgray.link:not(.mdc-ripple-upgraded):focus::before, 7568 .woocommerce .button.color-darkgray.link.mdc-ripple-upgraded--background-focused::before, 7569 .woocommerce a.button.color-darkgray.link:not(.mdc-ripple-upgraded):focus::before, 7570 .woocommerce a.button.color-darkgray.link.mdc-ripple-upgraded--background-focused::before, 7571 .woocommerce button.button.color-darkgray.link:not(.mdc-ripple-upgraded):focus::before, 7572 .woocommerce button.button.color-darkgray.link.mdc-ripple-upgraded--background-focused::before, 7573 .woocommerce input.button.color-darkgray.link:not(.mdc-ripple-upgraded):focus::before, 7574 .woocommerce input.button.color-darkgray.link.mdc-ripple-upgraded--background-focused::before, 7575 .woocommerce #respond input#submit.color-darkgray.link:not(.mdc-ripple-upgraded):focus::before, 7576 .woocommerce #respond input#submit.color-darkgray.link.mdc-ripple-upgraded--background-focused::before, 7577 .woocommerce a.added_to_cart.color-darkgray.link:not(.mdc-ripple-upgraded):focus::before, 7578 .woocommerce a.added_to_cart.color-darkgray.link.mdc-ripple-upgraded--background-focused::before { 7579 transition-duration: 75ms; 7580 opacity: 0.12; 7581 } 7582 7583 .woocommerce input[type=submit].color-darkgray.link:not(.mdc-ripple-upgraded)::after, 7584 .woocommerce input[type=button].color-darkgray.link:not(.mdc-ripple-upgraded)::after, 7585 .woocommerce .button.color-darkgray.link:not(.mdc-ripple-upgraded)::after, 7586 .woocommerce a.button.color-darkgray.link:not(.mdc-ripple-upgraded)::after, 7587 .woocommerce button.button.color-darkgray.link:not(.mdc-ripple-upgraded)::after, 7588 .woocommerce input.button.color-darkgray.link:not(.mdc-ripple-upgraded)::after, 7589 .woocommerce #respond input#submit.color-darkgray.link:not(.mdc-ripple-upgraded)::after, 7590 .woocommerce a.added_to_cart.color-darkgray.link:not(.mdc-ripple-upgraded)::after { 7591 transition: opacity 150ms linear; 7592 } 7593 7594 .woocommerce input[type=submit].color-darkgray.link:not(.mdc-ripple-upgraded):active::after, 7595 .woocommerce input[type=button].color-darkgray.link:not(.mdc-ripple-upgraded):active::after, 7596 .woocommerce .button.color-darkgray.link:not(.mdc-ripple-upgraded):active::after, 7597 .woocommerce a.button.color-darkgray.link:not(.mdc-ripple-upgraded):active::after, 7598 .woocommerce button.button.color-darkgray.link:not(.mdc-ripple-upgraded):active::after, 7599 .woocommerce input.button.color-darkgray.link:not(.mdc-ripple-upgraded):active::after, 7600 .woocommerce #respond input#submit.color-darkgray.link:not(.mdc-ripple-upgraded):active::after, 7601 .woocommerce a.added_to_cart.color-darkgray.link:not(.mdc-ripple-upgraded):active::after { 7602 transition-duration: 75ms; 7603 opacity: 0.16; 7604 } 7605 7606 .woocommerce input[type=submit].color-darkgray.link.mdc-ripple-upgraded, 7607 .woocommerce input[type=button].color-darkgray.link.mdc-ripple-upgraded, 7608 .woocommerce .button.color-darkgray.link.mdc-ripple-upgraded, 7609 .woocommerce a.button.color-darkgray.link.mdc-ripple-upgraded, 7610 .woocommerce button.button.color-darkgray.link.mdc-ripple-upgraded, 7611 .woocommerce input.button.color-darkgray.link.mdc-ripple-upgraded, 7612 .woocommerce #respond input#submit.color-darkgray.link.mdc-ripple-upgraded, 7613 .woocommerce a.added_to_cart.color-darkgray.link.mdc-ripple-upgraded { 7614 --mdc-ripple-fg-opacity: 0.16; 7615 } 7616 7617 .woocommerce input[type=submit].color-darkgray.link:hover, 7618 .woocommerce input[type=button].color-darkgray.link:hover, 7619 .woocommerce .button.color-darkgray.link:hover, 7620 .woocommerce a.button.color-darkgray.link:hover, 7621 .woocommerce button.button.color-darkgray.link:hover, 7622 .woocommerce input.button.color-darkgray.link:hover, 7623 .woocommerce #respond input#submit.color-darkgray.link:hover, 7624 .woocommerce a.added_to_cart.color-darkgray.link:hover { 7625 background-color: transparent; 7626 } 7627 7628 .woocommerce input[type=submit].color-darkgray :disabled, 7629 .woocommerce input[type=submit].color-darkgray.disabled, 7630 .woocommerce input[type=button].color-darkgray :disabled, 7631 .woocommerce input[type=button].color-darkgray.disabled, 7632 .woocommerce .button.color-darkgray :disabled, 7633 .woocommerce .button.color-darkgray.disabled, 7634 .woocommerce a.button.color-darkgray :disabled, 7635 .woocommerce a.button.color-darkgray.disabled, 7636 .woocommerce button.button.color-darkgray :disabled, 7637 .woocommerce button.button.color-darkgray.disabled, 7638 .woocommerce input.button.color-darkgray :disabled, 7639 .woocommerce input.button.color-darkgray.disabled, 7640 .woocommerce #respond input#submit.color-darkgray :disabled, 7641 .woocommerce #respond input#submit.color-darkgray.disabled, 7642 .woocommerce a.added_to_cart.color-darkgray :disabled, 7643 .woocommerce a.added_to_cart.color-darkgray.disabled { 7644 background-color: rgba(43, 45, 66, 0.5); 7645 border-color: rgba(43, 45, 66, 0.5); 7646 cursor: default; 7647 pointer-events: none; 7648 } 7649 7650 .woocommerce input[type=submit].white, 7651 .woocommerce input[type=button].white, 7652 .woocommerce .button.white, 7653 .woocommerce a.button.white, 7654 .woocommerce button.button.white, 7655 .woocommerce input.button.white, 7656 .woocommerce #respond input#submit.white, 7657 .woocommerce a.added_to_cart.white { 7658 background-color: #ffffff; 7659 } 7660 7661 .woocommerce input[type=submit].white:not(:disabled), 7662 .woocommerce input[type=button].white:not(:disabled), 7663 .woocommerce .button.white:not(:disabled), 7664 .woocommerce a.button.white:not(:disabled), 7665 .woocommerce button.button.white:not(:disabled), 7666 .woocommerce input.button.white:not(:disabled), 7667 .woocommerce #respond input#submit.white:not(:disabled), 7668 .woocommerce a.added_to_cart.white:not(:disabled) { 7669 color: #2b2d42; 7670 } 7671 7672 .woocommerce input[type=submit].white:not(:disabled), 7673 .woocommerce input[type=button].white:not(:disabled), 7674 .woocommerce .button.white:not(:disabled), 7675 .woocommerce a.button.white:not(:disabled), 7676 .woocommerce button.button.white:not(:disabled), 7677 .woocommerce input.button.white:not(:disabled), 7678 .woocommerce #respond input#submit.white:not(:disabled), 7679 .woocommerce a.added_to_cart.white:not(:disabled) { 7680 border-color: #ffffff; 7681 } 7682 7683 .woocommerce input[type=submit].white::before, 7684 .woocommerce input[type=submit].white::after, 7685 .woocommerce input[type=button].white::before, 7686 .woocommerce input[type=button].white::after, 7687 .woocommerce .button.white::before, 7688 .woocommerce .button.white::after, 7689 .woocommerce a.button.white::before, 7690 .woocommerce a.button.white::after, 7691 .woocommerce button.button.white::before, 7692 .woocommerce button.button.white::after, 7693 .woocommerce input.button.white::before, 7694 .woocommerce input.button.white::after, 7695 .woocommerce #respond input#submit.white::before, 7696 .woocommerce #respond input#submit.white::after, 7697 .woocommerce a.added_to_cart.white::before, 7698 .woocommerce a.added_to_cart.white::after { 7699 background-color: #bdbdbd; 7700 } 7701 7702 .woocommerce input[type=submit].white:hover::before, 7703 .woocommerce input[type=button].white:hover::before, 7704 .woocommerce .button.white:hover::before, 7705 .woocommerce a.button.white:hover::before, 7706 .woocommerce button.button.white:hover::before, 7707 .woocommerce input.button.white:hover::before, 7708 .woocommerce #respond input#submit.white:hover::before, 7709 .woocommerce a.added_to_cart.white:hover::before { 7710 opacity: 0.08; 7711 } 7712 7713 .woocommerce input[type=submit].white:not(.mdc-ripple-upgraded):focus::before, 7714 .woocommerce input[type=submit].white.mdc-ripple-upgraded--background-focused::before, 7715 .woocommerce input[type=button].white:not(.mdc-ripple-upgraded):focus::before, 7716 .woocommerce input[type=button].white.mdc-ripple-upgraded--background-focused::before, 7717 .woocommerce .button.white:not(.mdc-ripple-upgraded):focus::before, 7718 .woocommerce .button.white.mdc-ripple-upgraded--background-focused::before, 7719 .woocommerce a.button.white:not(.mdc-ripple-upgraded):focus::before, 7720 .woocommerce a.button.white.mdc-ripple-upgraded--background-focused::before, 7721 .woocommerce button.button.white:not(.mdc-ripple-upgraded):focus::before, 7722 .woocommerce button.button.white.mdc-ripple-upgraded--background-focused::before, 7723 .woocommerce input.button.white:not(.mdc-ripple-upgraded):focus::before, 7724 .woocommerce input.button.white.mdc-ripple-upgraded--background-focused::before, 7725 .woocommerce #respond input#submit.white:not(.mdc-ripple-upgraded):focus::before, 7726 .woocommerce #respond input#submit.white.mdc-ripple-upgraded--background-focused::before, 7727 .woocommerce a.added_to_cart.white:not(.mdc-ripple-upgraded):focus::before, 7728 .woocommerce a.added_to_cart.white.mdc-ripple-upgraded--background-focused::before { 7729 transition-duration: 75ms; 7730 opacity: 0.24; 7731 } 7732 7733 .woocommerce input[type=submit].white:not(.mdc-ripple-upgraded)::after, 7734 .woocommerce input[type=button].white:not(.mdc-ripple-upgraded)::after, 7735 .woocommerce .button.white:not(.mdc-ripple-upgraded)::after, 7736 .woocommerce a.button.white:not(.mdc-ripple-upgraded)::after, 7737 .woocommerce button.button.white:not(.mdc-ripple-upgraded)::after, 7738 .woocommerce input.button.white:not(.mdc-ripple-upgraded)::after, 7739 .woocommerce #respond input#submit.white:not(.mdc-ripple-upgraded)::after, 7740 .woocommerce a.added_to_cart.white:not(.mdc-ripple-upgraded)::after { 7741 transition: opacity 150ms linear; 7742 } 7743 7744 .woocommerce input[type=submit].white:not(.mdc-ripple-upgraded):active::after, 7745 .woocommerce input[type=button].white:not(.mdc-ripple-upgraded):active::after, 7746 .woocommerce .button.white:not(.mdc-ripple-upgraded):active::after, 7747 .woocommerce a.button.white:not(.mdc-ripple-upgraded):active::after, 7748 .woocommerce button.button.white:not(.mdc-ripple-upgraded):active::after, 7749 .woocommerce input.button.white:not(.mdc-ripple-upgraded):active::after, 7750 .woocommerce #respond input#submit.white:not(.mdc-ripple-upgraded):active::after, 7751 .woocommerce a.added_to_cart.white:not(.mdc-ripple-upgraded):active::after { 7752 transition-duration: 75ms; 7753 opacity: 0.32; 7754 } 7755 7756 .woocommerce input[type=submit].white.mdc-ripple-upgraded, 7757 .woocommerce input[type=button].white.mdc-ripple-upgraded, 7758 .woocommerce .button.white.mdc-ripple-upgraded, 7759 .woocommerce a.button.white.mdc-ripple-upgraded, 7760 .woocommerce button.button.white.mdc-ripple-upgraded, 7761 .woocommerce input.button.white.mdc-ripple-upgraded, 7762 .woocommerce #respond input#submit.white.mdc-ripple-upgraded, 7763 .woocommerce a.added_to_cart.white.mdc-ripple-upgraded { 7764 --mdc-ripple-fg-opacity: 0.32; 7765 } 7766 7767 .woocommerce input[type=submit].white.outline, 7768 .woocommerce input[type=button].white.outline, 7769 .woocommerce .button.white.outline, 7770 .woocommerce a.button.white.outline, 7771 .woocommerce button.button.white.outline, 7772 .woocommerce input.button.white.outline, 7773 .woocommerce #respond input#submit.white.outline, 7774 .woocommerce a.added_to_cart.white.outline { 7775 background-color: transparent; 7776 border-style: solid; 7777 } 7778 7779 .woocommerce input[type=submit].white.outline:not(:disabled), 7780 .woocommerce input[type=button].white.outline:not(:disabled), 7781 .woocommerce .button.white.outline:not(:disabled), 7782 .woocommerce a.button.white.outline:not(:disabled), 7783 .woocommerce button.button.white.outline:not(:disabled), 7784 .woocommerce input.button.white.outline:not(:disabled), 7785 .woocommerce #respond input#submit.white.outline:not(:disabled), 7786 .woocommerce a.added_to_cart.white.outline:not(:disabled) { 7787 color: #ffffff; 7788 } 7789 7790 .woocommerce input[type=submit].white.outline:disabled, 7791 .woocommerce input[type=button].white.outline:disabled, 7792 .woocommerce .button.white.outline:disabled, 7793 .woocommerce a.button.white.outline:disabled, 7794 .woocommerce button.button.white.outline:disabled, 7795 .woocommerce input.button.white.outline:disabled, 7796 .woocommerce #respond input#submit.white.outline:disabled, 7797 .woocommerce a.added_to_cart.white.outline:disabled { 7798 border-color: rgba(0, 0, 0, 0.37); 7799 } 7800 7801 .woocommerce input[type=submit].white.outline:not(:disabled), 7802 .woocommerce input[type=button].white.outline:not(:disabled), 7803 .woocommerce .button.white.outline:not(:disabled), 7804 .woocommerce a.button.white.outline:not(:disabled), 7805 .woocommerce button.button.white.outline:not(:disabled), 7806 .woocommerce input.button.white.outline:not(:disabled), 7807 .woocommerce #respond input#submit.white.outline:not(:disabled), 7808 .woocommerce a.added_to_cart.white.outline:not(:disabled) { 7809 border-color: #ffffff; 7810 } 7811 7812 .woocommerce input[type=submit].white.link, 7813 .woocommerce input[type=button].white.link, 7814 .woocommerce .button.white.link, 7815 .woocommerce a.button.white.link, 7816 .woocommerce button.button.white.link, 7817 .woocommerce input.button.white.link, 7818 .woocommerce #respond input#submit.white.link, 7819 .woocommerce a.added_to_cart.white.link { 7820 background-color: transparent; 7821 padding: 0 8px; 7822 } 7823 7824 .woocommerce input[type=submit].white.link:not(:disabled), 7825 .woocommerce input[type=button].white.link:not(:disabled), 7826 .woocommerce .button.white.link:not(:disabled), 7827 .woocommerce a.button.white.link:not(:disabled), 7828 .woocommerce button.button.white.link:not(:disabled), 7829 .woocommerce input.button.white.link:not(:disabled), 7830 .woocommerce #respond input#submit.white.link:not(:disabled), 7831 .woocommerce a.added_to_cart.white.link:not(:disabled) { 7832 color: #ffffff; 7833 } 7834 7835 .woocommerce input[type=submit].white.link::before, 7836 .woocommerce input[type=submit].white.link::after, 7837 .woocommerce input[type=button].white.link::before, 7838 .woocommerce input[type=button].white.link::after, 7839 .woocommerce .button.white.link::before, 7840 .woocommerce .button.white.link::after, 7841 .woocommerce a.button.white.link::before, 7842 .woocommerce a.button.white.link::after, 7843 .woocommerce button.button.white.link::before, 7844 .woocommerce button.button.white.link::after, 7845 .woocommerce input.button.white.link::before, 7846 .woocommerce input.button.white.link::after, 7847 .woocommerce #respond input#submit.white.link::before, 7848 .woocommerce #respond input#submit.white.link::after, 7849 .woocommerce a.added_to_cart.white.link::before, 7850 .woocommerce a.added_to_cart.white.link::after { 7851 background-color: rgba(255, 255, 255, 0.8); 7852 } 7853 7854 .woocommerce input[type=submit].white.link:hover::before, 7855 .woocommerce input[type=button].white.link:hover::before, 7856 .woocommerce .button.white.link:hover::before, 7857 .woocommerce a.button.white.link:hover::before, 7858 .woocommerce button.button.white.link:hover::before, 7859 .woocommerce input.button.white.link:hover::before, 7860 .woocommerce #respond input#submit.white.link:hover::before, 7861 .woocommerce a.added_to_cart.white.link:hover::before { 7862 opacity: 0.08; 7863 } 7864 7865 .woocommerce input[type=submit].white.link:not(.mdc-ripple-upgraded):focus::before, 7866 .woocommerce input[type=submit].white.link.mdc-ripple-upgraded--background-focused::before, 7867 .woocommerce input[type=button].white.link:not(.mdc-ripple-upgraded):focus::before, 7868 .woocommerce input[type=button].white.link.mdc-ripple-upgraded--background-focused::before, 7869 .woocommerce .button.white.link:not(.mdc-ripple-upgraded):focus::before, 7870 .woocommerce .button.white.link.mdc-ripple-upgraded--background-focused::before, 7871 .woocommerce a.button.white.link:not(.mdc-ripple-upgraded):focus::before, 7872 .woocommerce a.button.white.link.mdc-ripple-upgraded--background-focused::before, 7873 .woocommerce button.button.white.link:not(.mdc-ripple-upgraded):focus::before, 7874 .woocommerce button.button.white.link.mdc-ripple-upgraded--background-focused::before, 7875 .woocommerce input.button.white.link:not(.mdc-ripple-upgraded):focus::before, 7876 .woocommerce input.button.white.link.mdc-ripple-upgraded--background-focused::before, 7877 .woocommerce #respond input#submit.white.link:not(.mdc-ripple-upgraded):focus::before, 7878 .woocommerce #respond input#submit.white.link.mdc-ripple-upgraded--background-focused::before, 7879 .woocommerce a.added_to_cart.white.link:not(.mdc-ripple-upgraded):focus::before, 7880 .woocommerce a.added_to_cart.white.link.mdc-ripple-upgraded--background-focused::before { 7881 transition-duration: 75ms; 7882 opacity: 0.24; 7883 } 7884 7885 .woocommerce input[type=submit].white.link:not(.mdc-ripple-upgraded)::after, 7886 .woocommerce input[type=button].white.link:not(.mdc-ripple-upgraded)::after, 7887 .woocommerce .button.white.link:not(.mdc-ripple-upgraded)::after, 7888 .woocommerce a.button.white.link:not(.mdc-ripple-upgraded)::after, 7889 .woocommerce button.button.white.link:not(.mdc-ripple-upgraded)::after, 7890 .woocommerce input.button.white.link:not(.mdc-ripple-upgraded)::after, 7891 .woocommerce #respond input#submit.white.link:not(.mdc-ripple-upgraded)::after, 7892 .woocommerce a.added_to_cart.white.link:not(.mdc-ripple-upgraded)::after { 7893 transition: opacity 150ms linear; 7894 } 7895 7896 .woocommerce input[type=submit].white.link:not(.mdc-ripple-upgraded):active::after, 7897 .woocommerce input[type=button].white.link:not(.mdc-ripple-upgraded):active::after, 7898 .woocommerce .button.white.link:not(.mdc-ripple-upgraded):active::after, 7899 .woocommerce a.button.white.link:not(.mdc-ripple-upgraded):active::after, 7900 .woocommerce button.button.white.link:not(.mdc-ripple-upgraded):active::after, 7901 .woocommerce input.button.white.link:not(.mdc-ripple-upgraded):active::after, 7902 .woocommerce #respond input#submit.white.link:not(.mdc-ripple-upgraded):active::after, 7903 .woocommerce a.added_to_cart.white.link:not(.mdc-ripple-upgraded):active::after { 7904 transition-duration: 75ms; 7905 opacity: 0.32; 7906 } 7907 7908 .woocommerce input[type=submit].white.link.mdc-ripple-upgraded, 7909 .woocommerce input[type=button].white.link.mdc-ripple-upgraded, 7910 .woocommerce .button.white.link.mdc-ripple-upgraded, 7911 .woocommerce a.button.white.link.mdc-ripple-upgraded, 7912 .woocommerce button.button.white.link.mdc-ripple-upgraded, 7913 .woocommerce input.button.white.link.mdc-ripple-upgraded, 7914 .woocommerce #respond input#submit.white.link.mdc-ripple-upgraded, 7915 .woocommerce a.added_to_cart.white.link.mdc-ripple-upgraded { 7916 --mdc-ripple-fg-opacity: 0.32; 7917 } 7918 7919 .woocommerce input[type=submit].white.link:hover, 7920 .woocommerce input[type=button].white.link:hover, 7921 .woocommerce .button.white.link:hover, 7922 .woocommerce a.button.white.link:hover, 7923 .woocommerce button.button.white.link:hover, 7924 .woocommerce input.button.white.link:hover, 7925 .woocommerce #respond input#submit.white.link:hover, 7926 .woocommerce a.added_to_cart.white.link:hover { 7927 background-color: transparent; 7928 } 7929 7930 .woocommerce input[type=submit].white :disabled, 7931 .woocommerce input[type=submit].white.disabled, 7932 .woocommerce input[type=button].white :disabled, 7933 .woocommerce input[type=button].white.disabled, 7934 .woocommerce .button.white :disabled, 7935 .woocommerce .button.white.disabled, 7936 .woocommerce a.button.white :disabled, 7937 .woocommerce a.button.white.disabled, 7938 .woocommerce button.button.white :disabled, 7939 .woocommerce button.button.white.disabled, 7940 .woocommerce input.button.white :disabled, 7941 .woocommerce input.button.white.disabled, 7942 .woocommerce #respond input#submit.white :disabled, 7943 .woocommerce #respond input#submit.white.disabled, 7944 .woocommerce a.added_to_cart.white :disabled, 7945 .woocommerce a.added_to_cart.white.disabled { 7946 background-color: rgba(255, 255, 255, 0.5); 7947 border-color: rgba(255, 255, 255, 0.5); 7948 cursor: default; 7949 pointer-events: none; 7950 } 7951 7952 .woocommerce input[type=submit].white.outline::before, 7953 .woocommerce input[type=submit].white.outline::after, 7954 .woocommerce input[type=button].white.outline::before, 7955 .woocommerce input[type=button].white.outline::after, 7956 .woocommerce .button.white.outline::before, 7957 .woocommerce .button.white.outline::after, 7958 .woocommerce a.button.white.outline::before, 7959 .woocommerce a.button.white.outline::after, 7960 .woocommerce button.button.white.outline::before, 7961 .woocommerce button.button.white.outline::after, 7962 .woocommerce input.button.white.outline::before, 7963 .woocommerce input.button.white.outline::after, 7964 .woocommerce #respond input#submit.white.outline::before, 7965 .woocommerce #respond input#submit.white.outline::after, 7966 .woocommerce a.added_to_cart.white.outline::before, 7967 .woocommerce a.added_to_cart.white.outline::after { 7968 background-color: #ffffff; 7969 } 7970 7971 .woocommerce input[type=submit].white.outline:hover::before, 7972 .woocommerce input[type=button].white.outline:hover::before, 7973 .woocommerce .button.white.outline:hover::before, 7974 .woocommerce a.button.white.outline:hover::before, 7975 .woocommerce button.button.white.outline:hover::before, 7976 .woocommerce input.button.white.outline:hover::before, 7977 .woocommerce #respond input#submit.white.outline:hover::before, 7978 .woocommerce a.added_to_cart.white.outline:hover::before { 7979 opacity: 0.08; 7980 } 7981 7982 .woocommerce input[type=submit].white.outline:not(.mdc-ripple-upgraded):focus::before, 7983 .woocommerce input[type=submit].white.outline:not(.mdc-ripple-upgraded):focus-within::before, 7984 .woocommerce input[type=submit].white.outline.mdc-ripple-upgraded--background-focused::before, 7985 .woocommerce input[type=button].white.outline:not(.mdc-ripple-upgraded):focus::before, 7986 .woocommerce input[type=button].white.outline:not(.mdc-ripple-upgraded):focus-within::before, 7987 .woocommerce input[type=button].white.outline.mdc-ripple-upgraded--background-focused::before, 7988 .woocommerce .button.white.outline:not(.mdc-ripple-upgraded):focus::before, 7989 .woocommerce .button.white.outline:not(.mdc-ripple-upgraded):focus-within::before, 7990 .woocommerce .button.white.outline.mdc-ripple-upgraded--background-focused::before, 7991 .woocommerce a.button.white.outline:not(.mdc-ripple-upgraded):focus::before, 7992 .woocommerce a.button.white.outline:not(.mdc-ripple-upgraded):focus-within::before, 7993 .woocommerce a.button.white.outline.mdc-ripple-upgraded--background-focused::before, 7994 .woocommerce button.button.white.outline:not(.mdc-ripple-upgraded):focus::before, 7995 .woocommerce button.button.white.outline:not(.mdc-ripple-upgraded):focus-within::before, 7996 .woocommerce button.button.white.outline.mdc-ripple-upgraded--background-focused::before, 7997 .woocommerce input.button.white.outline:not(.mdc-ripple-upgraded):focus::before, 7998 .woocommerce input.button.white.outline:not(.mdc-ripple-upgraded):focus-within::before, 7999 .woocommerce input.button.white.outline.mdc-ripple-upgraded--background-focused::before, 8000 .woocommerce #respond input#submit.white.outline:not(.mdc-ripple-upgraded):focus::before, 8001 .woocommerce #respond input#submit.white.outline:not(.mdc-ripple-upgraded):focus-within::before, 8002 .woocommerce #respond input#submit.white.outline.mdc-ripple-upgraded--background-focused::before, 8003 .woocommerce a.added_to_cart.white.outline:not(.mdc-ripple-upgraded):focus::before, 8004 .woocommerce a.added_to_cart.white.outline:not(.mdc-ripple-upgraded):focus-within::before, 8005 .woocommerce a.added_to_cart.white.outline.mdc-ripple-upgraded--background-focused::before { 8006 transition-duration: 75ms; 8007 opacity: 0.24; 8008 } 8009 8010 .woocommerce input[type=submit].white.outline:not(.mdc-ripple-upgraded)::after, 8011 .woocommerce input[type=button].white.outline:not(.mdc-ripple-upgraded)::after, 8012 .woocommerce .button.white.outline:not(.mdc-ripple-upgraded)::after, 8013 .woocommerce a.button.white.outline:not(.mdc-ripple-upgraded)::after, 8014 .woocommerce button.button.white.outline:not(.mdc-ripple-upgraded)::after, 8015 .woocommerce input.button.white.outline:not(.mdc-ripple-upgraded)::after, 8016 .woocommerce #respond input#submit.white.outline:not(.mdc-ripple-upgraded)::after, 8017 .woocommerce a.added_to_cart.white.outline:not(.mdc-ripple-upgraded)::after { 8018 transition: opacity 150ms linear; 8019 } 8020 8021 .woocommerce input[type=submit].white.outline:not(.mdc-ripple-upgraded):active::after, 8022 .woocommerce input[type=button].white.outline:not(.mdc-ripple-upgraded):active::after, 8023 .woocommerce .button.white.outline:not(.mdc-ripple-upgraded):active::after, 8024 .woocommerce a.button.white.outline:not(.mdc-ripple-upgraded):active::after, 8025 .woocommerce button.button.white.outline:not(.mdc-ripple-upgraded):active::after, 8026 .woocommerce input.button.white.outline:not(.mdc-ripple-upgraded):active::after, 8027 .woocommerce #respond input#submit.white.outline:not(.mdc-ripple-upgraded):active::after, 8028 .woocommerce a.added_to_cart.white.outline:not(.mdc-ripple-upgraded):active::after { 8029 transition-duration: 75ms; 8030 opacity: 0.32; 8031 } 8032 8033 .woocommerce input[type=submit].white.outline.mdc-ripple-upgraded, 8034 .woocommerce input[type=button].white.outline.mdc-ripple-upgraded, 8035 .woocommerce .button.white.outline.mdc-ripple-upgraded, 8036 .woocommerce a.button.white.outline.mdc-ripple-upgraded, 8037 .woocommerce button.button.white.outline.mdc-ripple-upgraded, 8038 .woocommerce input.button.white.outline.mdc-ripple-upgraded, 8039 .woocommerce #respond input#submit.white.outline.mdc-ripple-upgraded, 8040 .woocommerce a.added_to_cart.white.outline.mdc-ripple-upgraded { 8041 --mdc-ripple-fg-opacity: 0.32; 8042 } 8043 8044 .woocommerce input[type=submit].white.outline:hover::before, 8045 .woocommerce input[type=button].white.outline:hover::before, 8046 .woocommerce .button.white.outline:hover::before, 8047 .woocommerce a.button.white.outline:hover::before, 8048 .woocommerce button.button.white.outline:hover::before, 8049 .woocommerce input.button.white.outline:hover::before, 8050 .woocommerce #respond input#submit.white.outline:hover::before, 8051 .woocommerce a.added_to_cart.white.outline:hover::before { 8052 opacity: 0.3; 8053 } 8054 8055 .woocommerce input[type=submit].black, 8056 .woocommerce input[type=button].black, 8057 .woocommerce .button.black, 8058 .woocommerce a.button.black, 8059 .woocommerce button.button.black, 8060 .woocommerce input.button.black, 8061 .woocommerce #respond input#submit.black, 8062 .woocommerce a.added_to_cart.black { 8063 background-color: #000; 8064 } 8065 8066 .woocommerce input[type=submit].black:not(:disabled), 8067 .woocommerce input[type=button].black:not(:disabled), 8068 .woocommerce .button.black:not(:disabled), 8069 .woocommerce a.button.black:not(:disabled), 8070 .woocommerce button.button.black:not(:disabled), 8071 .woocommerce input.button.black:not(:disabled), 8072 .woocommerce #respond input#submit.black:not(:disabled), 8073 .woocommerce a.added_to_cart.black:not(:disabled) { 8074 color: #ffffff; 8075 } 8076 8077 .woocommerce input[type=submit].black:not(:disabled), 8078 .woocommerce input[type=button].black:not(:disabled), 8079 .woocommerce .button.black:not(:disabled), 8080 .woocommerce a.button.black:not(:disabled), 8081 .woocommerce button.button.black:not(:disabled), 8082 .woocommerce input.button.black:not(:disabled), 8083 .woocommerce #respond input#submit.black:not(:disabled), 8084 .woocommerce a.added_to_cart.black:not(:disabled) { 8085 border-color: #000; 8086 } 8087 8088 .woocommerce input[type=submit].black::before, 8089 .woocommerce input[type=submit].black::after, 8090 .woocommerce input[type=button].black::before, 8091 .woocommerce input[type=button].black::after, 8092 .woocommerce .button.black::before, 8093 .woocommerce .button.black::after, 8094 .woocommerce a.button.black::before, 8095 .woocommerce a.button.black::after, 8096 .woocommerce button.button.black::before, 8097 .woocommerce button.button.black::after, 8098 .woocommerce input.button.black::before, 8099 .woocommerce input.button.black::after, 8100 .woocommerce #respond input#submit.black::before, 8101 .woocommerce #respond input#submit.black::after, 8102 .woocommerce a.added_to_cart.black::before, 8103 .woocommerce a.added_to_cart.black::after { 8104 background-color: rgba(255, 255, 255, 0.8); 8105 } 8106 8107 .woocommerce input[type=submit].black:hover::before, 8108 .woocommerce input[type=button].black:hover::before, 8109 .woocommerce .button.black:hover::before, 8110 .woocommerce a.button.black:hover::before, 8111 .woocommerce button.button.black:hover::before, 8112 .woocommerce input.button.black:hover::before, 8113 .woocommerce #respond input#submit.black:hover::before, 8114 .woocommerce a.added_to_cart.black:hover::before { 8115 opacity: 0.08; 8116 } 8117 8118 .woocommerce input[type=submit].black:not(.mdc-ripple-upgraded):focus::before, 8119 .woocommerce input[type=submit].black.mdc-ripple-upgraded--background-focused::before, 8120 .woocommerce input[type=button].black:not(.mdc-ripple-upgraded):focus::before, 8121 .woocommerce input[type=button].black.mdc-ripple-upgraded--background-focused::before, 8122 .woocommerce .button.black:not(.mdc-ripple-upgraded):focus::before, 8123 .woocommerce .button.black.mdc-ripple-upgraded--background-focused::before, 8124 .woocommerce a.button.black:not(.mdc-ripple-upgraded):focus::before, 8125 .woocommerce a.button.black.mdc-ripple-upgraded--background-focused::before, 8126 .woocommerce button.button.black:not(.mdc-ripple-upgraded):focus::before, 8127 .woocommerce button.button.black.mdc-ripple-upgraded--background-focused::before, 8128 .woocommerce input.button.black:not(.mdc-ripple-upgraded):focus::before, 8129 .woocommerce input.button.black.mdc-ripple-upgraded--background-focused::before, 8130 .woocommerce #respond input#submit.black:not(.mdc-ripple-upgraded):focus::before, 8131 .woocommerce #respond input#submit.black.mdc-ripple-upgraded--background-focused::before, 8132 .woocommerce a.added_to_cart.black:not(.mdc-ripple-upgraded):focus::before, 8133 .woocommerce a.added_to_cart.black.mdc-ripple-upgraded--background-focused::before { 8134 transition-duration: 75ms; 8135 opacity: 0.24; 8136 } 8137 8138 .woocommerce input[type=submit].black:not(.mdc-ripple-upgraded)::after, 8139 .woocommerce input[type=button].black:not(.mdc-ripple-upgraded)::after, 8140 .woocommerce .button.black:not(.mdc-ripple-upgraded)::after, 8141 .woocommerce a.button.black:not(.mdc-ripple-upgraded)::after, 8142 .woocommerce button.button.black:not(.mdc-ripple-upgraded)::after, 8143 .woocommerce input.button.black:not(.mdc-ripple-upgraded)::after, 8144 .woocommerce #respond input#submit.black:not(.mdc-ripple-upgraded)::after, 8145 .woocommerce a.added_to_cart.black:not(.mdc-ripple-upgraded)::after { 8146 transition: opacity 150ms linear; 8147 } 8148 8149 .woocommerce input[type=submit].black:not(.mdc-ripple-upgraded):active::after, 8150 .woocommerce input[type=button].black:not(.mdc-ripple-upgraded):active::after, 8151 .woocommerce .button.black:not(.mdc-ripple-upgraded):active::after, 8152 .woocommerce a.button.black:not(.mdc-ripple-upgraded):active::after, 8153 .woocommerce button.button.black:not(.mdc-ripple-upgraded):active::after, 8154 .woocommerce input.button.black:not(.mdc-ripple-upgraded):active::after, 8155 .woocommerce #respond input#submit.black:not(.mdc-ripple-upgraded):active::after, 8156 .woocommerce a.added_to_cart.black:not(.mdc-ripple-upgraded):active::after { 8157 transition-duration: 75ms; 8158 opacity: 0.32; 8159 } 8160 8161 .woocommerce input[type=submit].black.mdc-ripple-upgraded, 8162 .woocommerce input[type=button].black.mdc-ripple-upgraded, 8163 .woocommerce .button.black.mdc-ripple-upgraded, 8164 .woocommerce a.button.black.mdc-ripple-upgraded, 8165 .woocommerce button.button.black.mdc-ripple-upgraded, 8166 .woocommerce input.button.black.mdc-ripple-upgraded, 8167 .woocommerce #respond input#submit.black.mdc-ripple-upgraded, 8168 .woocommerce a.added_to_cart.black.mdc-ripple-upgraded { 8169 --mdc-ripple-fg-opacity: 0.32; 8170 } 8171 8172 .woocommerce input[type=submit].black.outline, 8173 .woocommerce input[type=button].black.outline, 8174 .woocommerce .button.black.outline, 8175 .woocommerce a.button.black.outline, 8176 .woocommerce button.button.black.outline, 8177 .woocommerce input.button.black.outline, 8178 .woocommerce #respond input#submit.black.outline, 8179 .woocommerce a.added_to_cart.black.outline { 8180 background-color: transparent; 8181 border-style: solid; 8182 } 8183 8184 .woocommerce input[type=submit].black.outline:not(:disabled), 8185 .woocommerce input[type=button].black.outline:not(:disabled), 8186 .woocommerce .button.black.outline:not(:disabled), 8187 .woocommerce a.button.black.outline:not(:disabled), 8188 .woocommerce button.button.black.outline:not(:disabled), 8189 .woocommerce input.button.black.outline:not(:disabled), 8190 .woocommerce #respond input#submit.black.outline:not(:disabled), 8191 .woocommerce a.added_to_cart.black.outline:not(:disabled) { 8192 color: #000; 8193 } 8194 8195 .woocommerce input[type=submit].black.outline:disabled, 8196 .woocommerce input[type=button].black.outline:disabled, 8197 .woocommerce .button.black.outline:disabled, 8198 .woocommerce a.button.black.outline:disabled, 8199 .woocommerce button.button.black.outline:disabled, 8200 .woocommerce input.button.black.outline:disabled, 8201 .woocommerce #respond input#submit.black.outline:disabled, 8202 .woocommerce a.added_to_cart.black.outline:disabled { 8203 border-color: rgba(0, 0, 0, 0.37); 8204 } 8205 8206 .woocommerce input[type=submit].black.outline:not(:disabled), 8207 .woocommerce input[type=button].black.outline:not(:disabled), 8208 .woocommerce .button.black.outline:not(:disabled), 8209 .woocommerce a.button.black.outline:not(:disabled), 8210 .woocommerce button.button.black.outline:not(:disabled), 8211 .woocommerce input.button.black.outline:not(:disabled), 8212 .woocommerce #respond input#submit.black.outline:not(:disabled), 8213 .woocommerce a.added_to_cart.black.outline:not(:disabled) { 8214 border-color: #000; 8215 } 8216 8217 .woocommerce input[type=submit].black.link, 8218 .woocommerce input[type=button].black.link, 8219 .woocommerce .button.black.link, 8220 .woocommerce a.button.black.link, 8221 .woocommerce button.button.black.link, 8222 .woocommerce input.button.black.link, 8223 .woocommerce #respond input#submit.black.link, 8224 .woocommerce a.added_to_cart.black.link { 8225 background-color: transparent; 8226 padding: 0 8px; 8227 } 8228 8229 .woocommerce input[type=submit].black.link:not(:disabled), 8230 .woocommerce input[type=button].black.link:not(:disabled), 8231 .woocommerce .button.black.link:not(:disabled), 8232 .woocommerce a.button.black.link:not(:disabled), 8233 .woocommerce button.button.black.link:not(:disabled), 8234 .woocommerce input.button.black.link:not(:disabled), 8235 .woocommerce #respond input#submit.black.link:not(:disabled), 8236 .woocommerce a.added_to_cart.black.link:not(:disabled) { 8237 color: #000; 8238 } 8239 8240 .woocommerce input[type=submit].black.link::before, 8241 .woocommerce input[type=submit].black.link::after, 8242 .woocommerce input[type=button].black.link::before, 8243 .woocommerce input[type=button].black.link::after, 8244 .woocommerce .button.black.link::before, 8245 .woocommerce .button.black.link::after, 8246 .woocommerce a.button.black.link::before, 8247 .woocommerce a.button.black.link::after, 8248 .woocommerce button.button.black.link::before, 8249 .woocommerce button.button.black.link::after, 8250 .woocommerce input.button.black.link::before, 8251 .woocommerce input.button.black.link::after, 8252 .woocommerce #respond input#submit.black.link::before, 8253 .woocommerce #respond input#submit.black.link::after, 8254 .woocommerce a.added_to_cart.black.link::before, 8255 .woocommerce a.added_to_cart.black.link::after { 8256 background-color: rgba(0, 0, 0, 0.8); 8257 } 8258 8259 .woocommerce input[type=submit].black.link:hover::before, 8260 .woocommerce input[type=button].black.link:hover::before, 8261 .woocommerce .button.black.link:hover::before, 8262 .woocommerce a.button.black.link:hover::before, 8263 .woocommerce button.button.black.link:hover::before, 8264 .woocommerce input.button.black.link:hover::before, 8265 .woocommerce #respond input#submit.black.link:hover::before, 8266 .woocommerce a.added_to_cart.black.link:hover::before { 8267 opacity: 0.04; 8268 } 8269 8270 .woocommerce input[type=submit].black.link:not(.mdc-ripple-upgraded):focus::before, 8271 .woocommerce input[type=submit].black.link.mdc-ripple-upgraded--background-focused::before, 8272 .woocommerce input[type=button].black.link:not(.mdc-ripple-upgraded):focus::before, 8273 .woocommerce input[type=button].black.link.mdc-ripple-upgraded--background-focused::before, 8274 .woocommerce .button.black.link:not(.mdc-ripple-upgraded):focus::before, 8275 .woocommerce .button.black.link.mdc-ripple-upgraded--background-focused::before, 8276 .woocommerce a.button.black.link:not(.mdc-ripple-upgraded):focus::before, 8277 .woocommerce a.button.black.link.mdc-ripple-upgraded--background-focused::before, 8278 .woocommerce button.button.black.link:not(.mdc-ripple-upgraded):focus::before, 8279 .woocommerce button.button.black.link.mdc-ripple-upgraded--background-focused::before, 8280 .woocommerce input.button.black.link:not(.mdc-ripple-upgraded):focus::before, 8281 .woocommerce input.button.black.link.mdc-ripple-upgraded--background-focused::before, 8282 .woocommerce #respond input#submit.black.link:not(.mdc-ripple-upgraded):focus::before, 8283 .woocommerce #respond input#submit.black.link.mdc-ripple-upgraded--background-focused::before, 8284 .woocommerce a.added_to_cart.black.link:not(.mdc-ripple-upgraded):focus::before, 8285 .woocommerce a.added_to_cart.black.link.mdc-ripple-upgraded--background-focused::before { 8286 transition-duration: 75ms; 8287 opacity: 0.12; 8288 } 8289 8290 .woocommerce input[type=submit].black.link:not(.mdc-ripple-upgraded)::after, 8291 .woocommerce input[type=button].black.link:not(.mdc-ripple-upgraded)::after, 8292 .woocommerce .button.black.link:not(.mdc-ripple-upgraded)::after, 8293 .woocommerce a.button.black.link:not(.mdc-ripple-upgraded)::after, 8294 .woocommerce button.button.black.link:not(.mdc-ripple-upgraded)::after, 8295 .woocommerce input.button.black.link:not(.mdc-ripple-upgraded)::after, 8296 .woocommerce #respond input#submit.black.link:not(.mdc-ripple-upgraded)::after, 8297 .woocommerce a.added_to_cart.black.link:not(.mdc-ripple-upgraded)::after { 8298 transition: opacity 150ms linear; 8299 } 8300 8301 .woocommerce input[type=submit].black.link:not(.mdc-ripple-upgraded):active::after, 8302 .woocommerce input[type=button].black.link:not(.mdc-ripple-upgraded):active::after, 8303 .woocommerce .button.black.link:not(.mdc-ripple-upgraded):active::after, 8304 .woocommerce a.button.black.link:not(.mdc-ripple-upgraded):active::after, 8305 .woocommerce button.button.black.link:not(.mdc-ripple-upgraded):active::after, 8306 .woocommerce input.button.black.link:not(.mdc-ripple-upgraded):active::after, 8307 .woocommerce #respond input#submit.black.link:not(.mdc-ripple-upgraded):active::after, 8308 .woocommerce a.added_to_cart.black.link:not(.mdc-ripple-upgraded):active::after { 8309 transition-duration: 75ms; 8310 opacity: 0.16; 8311 } 8312 8313 .woocommerce input[type=submit].black.link.mdc-ripple-upgraded, 8314 .woocommerce input[type=button].black.link.mdc-ripple-upgraded, 8315 .woocommerce .button.black.link.mdc-ripple-upgraded, 8316 .woocommerce a.button.black.link.mdc-ripple-upgraded, 8317 .woocommerce button.button.black.link.mdc-ripple-upgraded, 8318 .woocommerce input.button.black.link.mdc-ripple-upgraded, 8319 .woocommerce #respond input#submit.black.link.mdc-ripple-upgraded, 8320 .woocommerce a.added_to_cart.black.link.mdc-ripple-upgraded { 8321 --mdc-ripple-fg-opacity: 0.16; 8322 } 8323 8324 .woocommerce input[type=submit].black.link:hover, 8325 .woocommerce input[type=button].black.link:hover, 8326 .woocommerce .button.black.link:hover, 8327 .woocommerce a.button.black.link:hover, 8328 .woocommerce button.button.black.link:hover, 8329 .woocommerce input.button.black.link:hover, 8330 .woocommerce #respond input#submit.black.link:hover, 8331 .woocommerce a.added_to_cart.black.link:hover { 8332 background-color: transparent; 8333 } 8334 8335 .woocommerce input[type=submit].black :disabled, 8336 .woocommerce input[type=submit].black.disabled, 8337 .woocommerce input[type=button].black :disabled, 8338 .woocommerce input[type=button].black.disabled, 8339 .woocommerce .button.black :disabled, 8340 .woocommerce .button.black.disabled, 8341 .woocommerce a.button.black :disabled, 8342 .woocommerce a.button.black.disabled, 8343 .woocommerce button.button.black :disabled, 8344 .woocommerce button.button.black.disabled, 8345 .woocommerce input.button.black :disabled, 8346 .woocommerce input.button.black.disabled, 8347 .woocommerce #respond input#submit.black :disabled, 8348 .woocommerce #respond input#submit.black.disabled, 8349 .woocommerce a.added_to_cart.black :disabled, 8350 .woocommerce a.added_to_cart.black.disabled { 8351 background-color: rgba(0, 0, 0, 0.5); 8352 border-color: rgba(0, 0, 0, 0.5); 8353 cursor: default; 8354 pointer-events: none; 8355 } 8356 8357 .woocommerce input[type=submit].color1, 8358 .woocommerce input[type=button].color1, 8359 .woocommerce .button.color1, 8360 .woocommerce a.button.color1, 8361 .woocommerce button.button.color1, 8362 .woocommerce input.button.color1, 8363 .woocommerce #respond input#submit.color1, 8364 .woocommerce a.added_to_cart.color1 { 8365 background-color: #228ae6; 8366 } 8367 8368 .woocommerce input[type=submit].color1:not(:disabled), 8369 .woocommerce input[type=button].color1:not(:disabled), 8370 .woocommerce .button.color1:not(:disabled), 8371 .woocommerce a.button.color1:not(:disabled), 8372 .woocommerce button.button.color1:not(:disabled), 8373 .woocommerce input.button.color1:not(:disabled), 8374 .woocommerce #respond input#submit.color1:not(:disabled), 8375 .woocommerce a.added_to_cart.color1:not(:disabled) { 8376 color: #ffffff; 8377 } 8378 8379 .woocommerce input[type=submit].color1:not(:disabled), 8380 .woocommerce input[type=button].color1:not(:disabled), 8381 .woocommerce .button.color1:not(:disabled), 8382 .woocommerce a.button.color1:not(:disabled), 8383 .woocommerce button.button.color1:not(:disabled), 8384 .woocommerce input.button.color1:not(:disabled), 8385 .woocommerce #respond input#submit.color1:not(:disabled), 8386 .woocommerce a.added_to_cart.color1:not(:disabled) { 8387 border-color: #228ae6; 8388 } 8389 8390 .woocommerce input[type=submit].color1::before, 8391 .woocommerce input[type=submit].color1::after, 8392 .woocommerce input[type=button].color1::before, 8393 .woocommerce input[type=button].color1::after, 8394 .woocommerce .button.color1::before, 8395 .woocommerce .button.color1::after, 8396 .woocommerce a.button.color1::before, 8397 .woocommerce a.button.color1::after, 8398 .woocommerce button.button.color1::before, 8399 .woocommerce button.button.color1::after, 8400 .woocommerce input.button.color1::before, 8401 .woocommerce input.button.color1::after, 8402 .woocommerce #respond input#submit.color1::before, 8403 .woocommerce #respond input#submit.color1::after, 8404 .woocommerce a.added_to_cart.color1::before, 8405 .woocommerce a.added_to_cart.color1::after { 8406 background-color: rgba(255, 255, 255, 0.8); 8407 } 8408 8409 .woocommerce input[type=submit].color1:hover::before, 8410 .woocommerce input[type=button].color1:hover::before, 8411 .woocommerce .button.color1:hover::before, 8412 .woocommerce a.button.color1:hover::before, 8413 .woocommerce button.button.color1:hover::before, 8414 .woocommerce input.button.color1:hover::before, 8415 .woocommerce #respond input#submit.color1:hover::before, 8416 .woocommerce a.added_to_cart.color1:hover::before { 8417 opacity: 0.08; 8418 } 8419 8420 .woocommerce input[type=submit].color1:not(.mdc-ripple-upgraded):focus::before, 8421 .woocommerce input[type=submit].color1.mdc-ripple-upgraded--background-focused::before, 8422 .woocommerce input[type=button].color1:not(.mdc-ripple-upgraded):focus::before, 8423 .woocommerce input[type=button].color1.mdc-ripple-upgraded--background-focused::before, 8424 .woocommerce .button.color1:not(.mdc-ripple-upgraded):focus::before, 8425 .woocommerce .button.color1.mdc-ripple-upgraded--background-focused::before, 8426 .woocommerce a.button.color1:not(.mdc-ripple-upgraded):focus::before, 8427 .woocommerce a.button.color1.mdc-ripple-upgraded--background-focused::before, 8428 .woocommerce button.button.color1:not(.mdc-ripple-upgraded):focus::before, 8429 .woocommerce button.button.color1.mdc-ripple-upgraded--background-focused::before, 8430 .woocommerce input.button.color1:not(.mdc-ripple-upgraded):focus::before, 8431 .woocommerce input.button.color1.mdc-ripple-upgraded--background-focused::before, 8432 .woocommerce #respond input#submit.color1:not(.mdc-ripple-upgraded):focus::before, 8433 .woocommerce #respond input#submit.color1.mdc-ripple-upgraded--background-focused::before, 8434 .woocommerce a.added_to_cart.color1:not(.mdc-ripple-upgraded):focus::before, 8435 .woocommerce a.added_to_cart.color1.mdc-ripple-upgraded--background-focused::before { 8436 transition-duration: 75ms; 8437 opacity: 0.24; 8438 } 8439 8440 .woocommerce input[type=submit].color1:not(.mdc-ripple-upgraded)::after, 8441 .woocommerce input[type=button].color1:not(.mdc-ripple-upgraded)::after, 8442 .woocommerce .button.color1:not(.mdc-ripple-upgraded)::after, 8443 .woocommerce a.button.color1:not(.mdc-ripple-upgraded)::after, 8444 .woocommerce button.button.color1:not(.mdc-ripple-upgraded)::after, 8445 .woocommerce input.button.color1:not(.mdc-ripple-upgraded)::after, 8446 .woocommerce #respond input#submit.color1:not(.mdc-ripple-upgraded)::after, 8447 .woocommerce a.added_to_cart.color1:not(.mdc-ripple-upgraded)::after { 8448 transition: opacity 150ms linear; 8449 } 8450 8451 .woocommerce input[type=submit].color1:not(.mdc-ripple-upgraded):active::after, 8452 .woocommerce input[type=button].color1:not(.mdc-ripple-upgraded):active::after, 8453 .woocommerce .button.color1:not(.mdc-ripple-upgraded):active::after, 8454 .woocommerce a.button.color1:not(.mdc-ripple-upgraded):active::after, 8455 .woocommerce button.button.color1:not(.mdc-ripple-upgraded):active::after, 8456 .woocommerce input.button.color1:not(.mdc-ripple-upgraded):active::after, 8457 .woocommerce #respond input#submit.color1:not(.mdc-ripple-upgraded):active::after, 8458 .woocommerce a.added_to_cart.color1:not(.mdc-ripple-upgraded):active::after { 8459 transition-duration: 75ms; 8460 opacity: 0.32; 8461 } 8462 8463 .woocommerce input[type=submit].color1.mdc-ripple-upgraded, 8464 .woocommerce input[type=button].color1.mdc-ripple-upgraded, 8465 .woocommerce .button.color1.mdc-ripple-upgraded, 8466 .woocommerce a.button.color1.mdc-ripple-upgraded, 8467 .woocommerce button.button.color1.mdc-ripple-upgraded, 8468 .woocommerce input.button.color1.mdc-ripple-upgraded, 8469 .woocommerce #respond input#submit.color1.mdc-ripple-upgraded, 8470 .woocommerce a.added_to_cart.color1.mdc-ripple-upgraded { 8471 --mdc-ripple-fg-opacity: 0.32; 8472 } 8473 8474 .woocommerce input[type=submit].color1.outline, 8475 .woocommerce input[type=button].color1.outline, 8476 .woocommerce .button.color1.outline, 8477 .woocommerce a.button.color1.outline, 8478 .woocommerce button.button.color1.outline, 8479 .woocommerce input.button.color1.outline, 8480 .woocommerce #respond input#submit.color1.outline, 8481 .woocommerce a.added_to_cart.color1.outline { 8482 background-color: transparent; 8483 border-style: solid; 8484 } 8485 8486 .woocommerce input[type=submit].color1.outline:not(:disabled), 8487 .woocommerce input[type=button].color1.outline:not(:disabled), 8488 .woocommerce .button.color1.outline:not(:disabled), 8489 .woocommerce a.button.color1.outline:not(:disabled), 8490 .woocommerce button.button.color1.outline:not(:disabled), 8491 .woocommerce input.button.color1.outline:not(:disabled), 8492 .woocommerce #respond input#submit.color1.outline:not(:disabled), 8493 .woocommerce a.added_to_cart.color1.outline:not(:disabled) { 8494 color: #228ae6; 8495 } 8496 8497 .woocommerce input[type=submit].color1.outline:disabled, 8498 .woocommerce input[type=button].color1.outline:disabled, 8499 .woocommerce .button.color1.outline:disabled, 8500 .woocommerce a.button.color1.outline:disabled, 8501 .woocommerce button.button.color1.outline:disabled, 8502 .woocommerce input.button.color1.outline:disabled, 8503 .woocommerce #respond input#submit.color1.outline:disabled, 8504 .woocommerce a.added_to_cart.color1.outline:disabled { 8505 border-color: rgba(0, 0, 0, 0.37); 8506 } 8507 8508 .woocommerce input[type=submit].color1.outline:not(:disabled), 8509 .woocommerce input[type=button].color1.outline:not(:disabled), 8510 .woocommerce .button.color1.outline:not(:disabled), 8511 .woocommerce a.button.color1.outline:not(:disabled), 8512 .woocommerce button.button.color1.outline:not(:disabled), 8513 .woocommerce input.button.color1.outline:not(:disabled), 8514 .woocommerce #respond input#submit.color1.outline:not(:disabled), 8515 .woocommerce a.added_to_cart.color1.outline:not(:disabled) { 8516 border-color: #228ae6; 8517 } 8518 8519 .woocommerce input[type=submit].color1.link, 8520 .woocommerce input[type=button].color1.link, 8521 .woocommerce .button.color1.link, 8522 .woocommerce a.button.color1.link, 8523 .woocommerce button.button.color1.link, 8524 .woocommerce input.button.color1.link, 8525 .woocommerce #respond input#submit.color1.link, 8526 .woocommerce a.added_to_cart.color1.link { 8527 background-color: transparent; 8528 padding: 0 8px; 8529 } 8530 8531 .woocommerce input[type=submit].color1.link:not(:disabled), 8532 .woocommerce input[type=button].color1.link:not(:disabled), 8533 .woocommerce .button.color1.link:not(:disabled), 8534 .woocommerce a.button.color1.link:not(:disabled), 8535 .woocommerce button.button.color1.link:not(:disabled), 8536 .woocommerce input.button.color1.link:not(:disabled), 8537 .woocommerce #respond input#submit.color1.link:not(:disabled), 8538 .woocommerce a.added_to_cart.color1.link:not(:disabled) { 8539 color: #228ae6; 8540 } 8541 8542 .woocommerce input[type=submit].color1.link::before, 8543 .woocommerce input[type=submit].color1.link::after, 8544 .woocommerce input[type=button].color1.link::before, 8545 .woocommerce input[type=button].color1.link::after, 8546 .woocommerce .button.color1.link::before, 8547 .woocommerce .button.color1.link::after, 8548 .woocommerce a.button.color1.link::before, 8549 .woocommerce a.button.color1.link::after, 8550 .woocommerce button.button.color1.link::before, 8551 .woocommerce button.button.color1.link::after, 8552 .woocommerce input.button.color1.link::before, 8553 .woocommerce input.button.color1.link::after, 8554 .woocommerce #respond input#submit.color1.link::before, 8555 .woocommerce #respond input#submit.color1.link::after, 8556 .woocommerce a.added_to_cart.color1.link::before, 8557 .woocommerce a.added_to_cart.color1.link::after { 8558 background-color: rgba(34, 138, 230, 0.8); 8559 } 8560 8561 .woocommerce input[type=submit].color1.link:hover::before, 8562 .woocommerce input[type=button].color1.link:hover::before, 8563 .woocommerce .button.color1.link:hover::before, 8564 .woocommerce a.button.color1.link:hover::before, 8565 .woocommerce button.button.color1.link:hover::before, 8566 .woocommerce input.button.color1.link:hover::before, 8567 .woocommerce #respond input#submit.color1.link:hover::before, 8568 .woocommerce a.added_to_cart.color1.link:hover::before { 8569 opacity: 0.04; 8570 } 8571 8572 .woocommerce input[type=submit].color1.link:not(.mdc-ripple-upgraded):focus::before, 8573 .woocommerce input[type=submit].color1.link.mdc-ripple-upgraded--background-focused::before, 8574 .woocommerce input[type=button].color1.link:not(.mdc-ripple-upgraded):focus::before, 8575 .woocommerce input[type=button].color1.link.mdc-ripple-upgraded--background-focused::before, 8576 .woocommerce .button.color1.link:not(.mdc-ripple-upgraded):focus::before, 8577 .woocommerce .button.color1.link.mdc-ripple-upgraded--background-focused::before, 8578 .woocommerce a.button.color1.link:not(.mdc-ripple-upgraded):focus::before, 8579 .woocommerce a.button.color1.link.mdc-ripple-upgraded--background-focused::before, 8580 .woocommerce button.button.color1.link:not(.mdc-ripple-upgraded):focus::before, 8581 .woocommerce button.button.color1.link.mdc-ripple-upgraded--background-focused::before, 8582 .woocommerce input.button.color1.link:not(.mdc-ripple-upgraded):focus::before, 8583 .woocommerce input.button.color1.link.mdc-ripple-upgraded--background-focused::before, 8584 .woocommerce #respond input#submit.color1.link:not(.mdc-ripple-upgraded):focus::before, 8585 .woocommerce #respond input#submit.color1.link.mdc-ripple-upgraded--background-focused::before, 8586 .woocommerce a.added_to_cart.color1.link:not(.mdc-ripple-upgraded):focus::before, 8587 .woocommerce a.added_to_cart.color1.link.mdc-ripple-upgraded--background-focused::before { 8588 transition-duration: 75ms; 8589 opacity: 0.12; 8590 } 8591 8592 .woocommerce input[type=submit].color1.link:not(.mdc-ripple-upgraded)::after, 8593 .woocommerce input[type=button].color1.link:not(.mdc-ripple-upgraded)::after, 8594 .woocommerce .button.color1.link:not(.mdc-ripple-upgraded)::after, 8595 .woocommerce a.button.color1.link:not(.mdc-ripple-upgraded)::after, 8596 .woocommerce button.button.color1.link:not(.mdc-ripple-upgraded)::after, 8597 .woocommerce input.button.color1.link:not(.mdc-ripple-upgraded)::after, 8598 .woocommerce #respond input#submit.color1.link:not(.mdc-ripple-upgraded)::after, 8599 .woocommerce a.added_to_cart.color1.link:not(.mdc-ripple-upgraded)::after { 8600 transition: opacity 150ms linear; 8601 } 8602 8603 .woocommerce input[type=submit].color1.link:not(.mdc-ripple-upgraded):active::after, 8604 .woocommerce input[type=button].color1.link:not(.mdc-ripple-upgraded):active::after, 8605 .woocommerce .button.color1.link:not(.mdc-ripple-upgraded):active::after, 8606 .woocommerce a.button.color1.link:not(.mdc-ripple-upgraded):active::after, 8607 .woocommerce button.button.color1.link:not(.mdc-ripple-upgraded):active::after, 8608 .woocommerce input.button.color1.link:not(.mdc-ripple-upgraded):active::after, 8609 .woocommerce #respond input#submit.color1.link:not(.mdc-ripple-upgraded):active::after, 8610 .woocommerce a.added_to_cart.color1.link:not(.mdc-ripple-upgraded):active::after { 8611 transition-duration: 75ms; 8612 opacity: 0.16; 8613 } 8614 8615 .woocommerce input[type=submit].color1.link.mdc-ripple-upgraded, 8616 .woocommerce input[type=button].color1.link.mdc-ripple-upgraded, 8617 .woocommerce .button.color1.link.mdc-ripple-upgraded, 8618 .woocommerce a.button.color1.link.mdc-ripple-upgraded, 8619 .woocommerce button.button.color1.link.mdc-ripple-upgraded, 8620 .woocommerce input.button.color1.link.mdc-ripple-upgraded, 8621 .woocommerce #respond input#submit.color1.link.mdc-ripple-upgraded, 8622 .woocommerce a.added_to_cart.color1.link.mdc-ripple-upgraded { 8623 --mdc-ripple-fg-opacity: 0.16; 8624 } 8625 8626 .woocommerce input[type=submit].color1.link:hover, 8627 .woocommerce input[type=button].color1.link:hover, 8628 .woocommerce .button.color1.link:hover, 8629 .woocommerce a.button.color1.link:hover, 8630 .woocommerce button.button.color1.link:hover, 8631 .woocommerce input.button.color1.link:hover, 8632 .woocommerce #respond input#submit.color1.link:hover, 8633 .woocommerce a.added_to_cart.color1.link:hover { 8634 background-color: transparent; 8635 } 8636 8637 .woocommerce input[type=submit].color1 :disabled, 8638 .woocommerce input[type=submit].color1.disabled, 8639 .woocommerce input[type=button].color1 :disabled, 8640 .woocommerce input[type=button].color1.disabled, 8641 .woocommerce .button.color1 :disabled, 8642 .woocommerce .button.color1.disabled, 8643 .woocommerce a.button.color1 :disabled, 8644 .woocommerce a.button.color1.disabled, 8645 .woocommerce button.button.color1 :disabled, 8646 .woocommerce button.button.color1.disabled, 8647 .woocommerce input.button.color1 :disabled, 8648 .woocommerce input.button.color1.disabled, 8649 .woocommerce #respond input#submit.color1 :disabled, 8650 .woocommerce #respond input#submit.color1.disabled, 8651 .woocommerce a.added_to_cart.color1 :disabled, 8652 .woocommerce a.added_to_cart.color1.disabled { 8653 background-color: rgba(34, 138, 230, 0.5); 8654 border-color: rgba(34, 138, 230, 0.5); 8655 cursor: default; 8656 pointer-events: none; 8657 } 8658 8659 .woocommerce input[type=submit].color2, 8660 .woocommerce input[type=button].color2, 8661 .woocommerce .button.color2, 8662 .woocommerce a.button.color2, 8663 .woocommerce button.button.color2, 8664 .woocommerce input.button.color2, 8665 .woocommerce #respond input#submit.color2, 8666 .woocommerce a.added_to_cart.color2 { 8667 background-color: #fa5252; 8668 } 8669 8670 .woocommerce input[type=submit].color2:not(:disabled), 8671 .woocommerce input[type=button].color2:not(:disabled), 8672 .woocommerce .button.color2:not(:disabled), 8673 .woocommerce a.button.color2:not(:disabled), 8674 .woocommerce button.button.color2:not(:disabled), 8675 .woocommerce input.button.color2:not(:disabled), 8676 .woocommerce #respond input#submit.color2:not(:disabled), 8677 .woocommerce a.added_to_cart.color2:not(:disabled) { 8678 color: #ffffff; 8679 } 8680 8681 .woocommerce input[type=submit].color2:not(:disabled), 8682 .woocommerce input[type=button].color2:not(:disabled), 8683 .woocommerce .button.color2:not(:disabled), 8684 .woocommerce a.button.color2:not(:disabled), 8685 .woocommerce button.button.color2:not(:disabled), 8686 .woocommerce input.button.color2:not(:disabled), 8687 .woocommerce #respond input#submit.color2:not(:disabled), 8688 .woocommerce a.added_to_cart.color2:not(:disabled) { 8689 border-color: #fa5252; 8690 } 8691 8692 .woocommerce input[type=submit].color2::before, 8693 .woocommerce input[type=submit].color2::after, 8694 .woocommerce input[type=button].color2::before, 8695 .woocommerce input[type=button].color2::after, 8696 .woocommerce .button.color2::before, 8697 .woocommerce .button.color2::after, 8698 .woocommerce a.button.color2::before, 8699 .woocommerce a.button.color2::after, 8700 .woocommerce button.button.color2::before, 8701 .woocommerce button.button.color2::after, 8702 .woocommerce input.button.color2::before, 8703 .woocommerce input.button.color2::after, 8704 .woocommerce #respond input#submit.color2::before, 8705 .woocommerce #respond input#submit.color2::after, 8706 .woocommerce a.added_to_cart.color2::before, 8707 .woocommerce a.added_to_cart.color2::after { 8708 background-color: rgba(255, 255, 255, 0.8); 8709 } 8710 8711 .woocommerce input[type=submit].color2:hover::before, 8712 .woocommerce input[type=button].color2:hover::before, 8713 .woocommerce .button.color2:hover::before, 8714 .woocommerce a.button.color2:hover::before, 8715 .woocommerce button.button.color2:hover::before, 8716 .woocommerce input.button.color2:hover::before, 8717 .woocommerce #respond input#submit.color2:hover::before, 8718 .woocommerce a.added_to_cart.color2:hover::before { 8719 opacity: 0.08; 8720 } 8721 8722 .woocommerce input[type=submit].color2:not(.mdc-ripple-upgraded):focus::before, 8723 .woocommerce input[type=submit].color2.mdc-ripple-upgraded--background-focused::before, 8724 .woocommerce input[type=button].color2:not(.mdc-ripple-upgraded):focus::before, 8725 .woocommerce input[type=button].color2.mdc-ripple-upgraded--background-focused::before, 8726 .woocommerce .button.color2:not(.mdc-ripple-upgraded):focus::before, 8727 .woocommerce .button.color2.mdc-ripple-upgraded--background-focused::before, 8728 .woocommerce a.button.color2:not(.mdc-ripple-upgraded):focus::before, 8729 .woocommerce a.button.color2.mdc-ripple-upgraded--background-focused::before, 8730 .woocommerce button.button.color2:not(.mdc-ripple-upgraded):focus::before, 8731 .woocommerce button.button.color2.mdc-ripple-upgraded--background-focused::before, 8732 .woocommerce input.button.color2:not(.mdc-ripple-upgraded):focus::before, 8733 .woocommerce input.button.color2.mdc-ripple-upgraded--background-focused::before, 8734 .woocommerce #respond input#submit.color2:not(.mdc-ripple-upgraded):focus::before, 8735 .woocommerce #respond input#submit.color2.mdc-ripple-upgraded--background-focused::before, 8736 .woocommerce a.added_to_cart.color2:not(.mdc-ripple-upgraded):focus::before, 8737 .woocommerce a.added_to_cart.color2.mdc-ripple-upgraded--background-focused::before { 8738 transition-duration: 75ms; 8739 opacity: 0.24; 8740 } 8741 8742 .woocommerce input[type=submit].color2:not(.mdc-ripple-upgraded)::after, 8743 .woocommerce input[type=button].color2:not(.mdc-ripple-upgraded)::after, 8744 .woocommerce .button.color2:not(.mdc-ripple-upgraded)::after, 8745 .woocommerce a.button.color2:not(.mdc-ripple-upgraded)::after, 8746 .woocommerce button.button.color2:not(.mdc-ripple-upgraded)::after, 8747 .woocommerce input.button.color2:not(.mdc-ripple-upgraded)::after, 8748 .woocommerce #respond input#submit.color2:not(.mdc-ripple-upgraded)::after, 8749 .woocommerce a.added_to_cart.color2:not(.mdc-ripple-upgraded)::after { 8750 transition: opacity 150ms linear; 8751 } 8752 8753 .woocommerce input[type=submit].color2:not(.mdc-ripple-upgraded):active::after, 8754 .woocommerce input[type=button].color2:not(.mdc-ripple-upgraded):active::after, 8755 .woocommerce .button.color2:not(.mdc-ripple-upgraded):active::after, 8756 .woocommerce a.button.color2:not(.mdc-ripple-upgraded):active::after, 8757 .woocommerce button.button.color2:not(.mdc-ripple-upgraded):active::after, 8758 .woocommerce input.button.color2:not(.mdc-ripple-upgraded):active::after, 8759 .woocommerce #respond input#submit.color2:not(.mdc-ripple-upgraded):active::after, 8760 .woocommerce a.added_to_cart.color2:not(.mdc-ripple-upgraded):active::after { 8761 transition-duration: 75ms; 8762 opacity: 0.32; 8763 } 8764 8765 .woocommerce input[type=submit].color2.mdc-ripple-upgraded, 8766 .woocommerce input[type=button].color2.mdc-ripple-upgraded, 8767 .woocommerce .button.color2.mdc-ripple-upgraded, 8768 .woocommerce a.button.color2.mdc-ripple-upgraded, 8769 .woocommerce button.button.color2.mdc-ripple-upgraded, 8770 .woocommerce input.button.color2.mdc-ripple-upgraded, 8771 .woocommerce #respond input#submit.color2.mdc-ripple-upgraded, 8772 .woocommerce a.added_to_cart.color2.mdc-ripple-upgraded { 8773 --mdc-ripple-fg-opacity: 0.32; 8774 } 8775 8776 .woocommerce input[type=submit].color2.outline, 8777 .woocommerce input[type=button].color2.outline, 8778 .woocommerce .button.color2.outline, 8779 .woocommerce a.button.color2.outline, 8780 .woocommerce button.button.color2.outline, 8781 .woocommerce input.button.color2.outline, 8782 .woocommerce #respond input#submit.color2.outline, 8783 .woocommerce a.added_to_cart.color2.outline { 8784 background-color: transparent; 8785 border-style: solid; 8786 } 8787 8788 .woocommerce input[type=submit].color2.outline:not(:disabled), 8789 .woocommerce input[type=button].color2.outline:not(:disabled), 8790 .woocommerce .button.color2.outline:not(:disabled), 8791 .woocommerce a.button.color2.outline:not(:disabled), 8792 .woocommerce button.button.color2.outline:not(:disabled), 8793 .woocommerce input.button.color2.outline:not(:disabled), 8794 .woocommerce #respond input#submit.color2.outline:not(:disabled), 8795 .woocommerce a.added_to_cart.color2.outline:not(:disabled) { 8796 color: #fa5252; 8797 } 8798 8799 .woocommerce input[type=submit].color2.outline:disabled, 8800 .woocommerce input[type=button].color2.outline:disabled, 8801 .woocommerce .button.color2.outline:disabled, 8802 .woocommerce a.button.color2.outline:disabled, 8803 .woocommerce button.button.color2.outline:disabled, 8804 .woocommerce input.button.color2.outline:disabled, 8805 .woocommerce #respond input#submit.color2.outline:disabled, 8806 .woocommerce a.added_to_cart.color2.outline:disabled { 8807 border-color: rgba(0, 0, 0, 0.37); 8808 } 8809 8810 .woocommerce input[type=submit].color2.outline:not(:disabled), 8811 .woocommerce input[type=button].color2.outline:not(:disabled), 8812 .woocommerce .button.color2.outline:not(:disabled), 8813 .woocommerce a.button.color2.outline:not(:disabled), 8814 .woocommerce button.button.color2.outline:not(:disabled), 8815 .woocommerce input.button.color2.outline:not(:disabled), 8816 .woocommerce #respond input#submit.color2.outline:not(:disabled), 8817 .woocommerce a.added_to_cart.color2.outline:not(:disabled) { 8818 border-color: #fa5252; 8819 } 8820 8821 .woocommerce input[type=submit].color2.link, 8822 .woocommerce input[type=button].color2.link, 8823 .woocommerce .button.color2.link, 8824 .woocommerce a.button.color2.link, 8825 .woocommerce button.button.color2.link, 8826 .woocommerce input.button.color2.link, 8827 .woocommerce #respond input#submit.color2.link, 8828 .woocommerce a.added_to_cart.color2.link { 8829 background-color: transparent; 8830 padding: 0 8px; 8831 } 8832 8833 .woocommerce input[type=submit].color2.link:not(:disabled), 8834 .woocommerce input[type=button].color2.link:not(:disabled), 8835 .woocommerce .button.color2.link:not(:disabled), 8836 .woocommerce a.button.color2.link:not(:disabled), 8837 .woocommerce button.button.color2.link:not(:disabled), 8838 .woocommerce input.button.color2.link:not(:disabled), 8839 .woocommerce #respond input#submit.color2.link:not(:disabled), 8840 .woocommerce a.added_to_cart.color2.link:not(:disabled) { 8841 color: #fa5252; 8842 } 8843 8844 .woocommerce input[type=submit].color2.link::before, 8845 .woocommerce input[type=submit].color2.link::after, 8846 .woocommerce input[type=button].color2.link::before, 8847 .woocommerce input[type=button].color2.link::after, 8848 .woocommerce .button.color2.link::before, 8849 .woocommerce .button.color2.link::after, 8850 .woocommerce a.button.color2.link::before, 8851 .woocommerce a.button.color2.link::after, 8852 .woocommerce button.button.color2.link::before, 8853 .woocommerce button.button.color2.link::after, 8854 .woocommerce input.button.color2.link::before, 8855 .woocommerce input.button.color2.link::after, 8856 .woocommerce #respond input#submit.color2.link::before, 8857 .woocommerce #respond input#submit.color2.link::after, 8858 .woocommerce a.added_to_cart.color2.link::before, 8859 .woocommerce a.added_to_cart.color2.link::after { 8860 background-color: rgba(250, 82, 82, 0.8); 8861 } 8862 8863 .woocommerce input[type=submit].color2.link:hover::before, 8864 .woocommerce input[type=button].color2.link:hover::before, 8865 .woocommerce .button.color2.link:hover::before, 8866 .woocommerce a.button.color2.link:hover::before, 8867 .woocommerce button.button.color2.link:hover::before, 8868 .woocommerce input.button.color2.link:hover::before, 8869 .woocommerce #respond input#submit.color2.link:hover::before, 8870 .woocommerce a.added_to_cart.color2.link:hover::before { 8871 opacity: 0.04; 8872 } 8873 8874 .woocommerce input[type=submit].color2.link:not(.mdc-ripple-upgraded):focus::before, 8875 .woocommerce input[type=submit].color2.link.mdc-ripple-upgraded--background-focused::before, 8876 .woocommerce input[type=button].color2.link:not(.mdc-ripple-upgraded):focus::before, 8877 .woocommerce input[type=button].color2.link.mdc-ripple-upgraded--background-focused::before, 8878 .woocommerce .button.color2.link:not(.mdc-ripple-upgraded):focus::before, 8879 .woocommerce .button.color2.link.mdc-ripple-upgraded--background-focused::before, 8880 .woocommerce a.button.color2.link:not(.mdc-ripple-upgraded):focus::before, 8881 .woocommerce a.button.color2.link.mdc-ripple-upgraded--background-focused::before, 8882 .woocommerce button.button.color2.link:not(.mdc-ripple-upgraded):focus::before, 8883 .woocommerce button.button.color2.link.mdc-ripple-upgraded--background-focused::before, 8884 .woocommerce input.button.color2.link:not(.mdc-ripple-upgraded):focus::before, 8885 .woocommerce input.button.color2.link.mdc-ripple-upgraded--background-focused::before, 8886 .woocommerce #respond input#submit.color2.link:not(.mdc-ripple-upgraded):focus::before, 8887 .woocommerce #respond input#submit.color2.link.mdc-ripple-upgraded--background-focused::before, 8888 .woocommerce a.added_to_cart.color2.link:not(.mdc-ripple-upgraded):focus::before, 8889 .woocommerce a.added_to_cart.color2.link.mdc-ripple-upgraded--background-focused::before { 8890 transition-duration: 75ms; 8891 opacity: 0.12; 8892 } 8893 8894 .woocommerce input[type=submit].color2.link:not(.mdc-ripple-upgraded)::after, 8895 .woocommerce input[type=button].color2.link:not(.mdc-ripple-upgraded)::after, 8896 .woocommerce .button.color2.link:not(.mdc-ripple-upgraded)::after, 8897 .woocommerce a.button.color2.link:not(.mdc-ripple-upgraded)::after, 8898 .woocommerce button.button.color2.link:not(.mdc-ripple-upgraded)::after, 8899 .woocommerce input.button.color2.link:not(.mdc-ripple-upgraded)::after, 8900 .woocommerce #respond input#submit.color2.link:not(.mdc-ripple-upgraded)::after, 8901 .woocommerce a.added_to_cart.color2.link:not(.mdc-ripple-upgraded)::after { 8902 transition: opacity 150ms linear; 8903 } 8904 8905 .woocommerce input[type=submit].color2.link:not(.mdc-ripple-upgraded):active::after, 8906 .woocommerce input[type=button].color2.link:not(.mdc-ripple-upgraded):active::after, 8907 .woocommerce .button.color2.link:not(.mdc-ripple-upgraded):active::after, 8908 .woocommerce a.button.color2.link:not(.mdc-ripple-upgraded):active::after, 8909 .woocommerce button.button.color2.link:not(.mdc-ripple-upgraded):active::after, 8910 .woocommerce input.button.color2.link:not(.mdc-ripple-upgraded):active::after, 8911 .woocommerce #respond input#submit.color2.link:not(.mdc-ripple-upgraded):active::after, 8912 .woocommerce a.added_to_cart.color2.link:not(.mdc-ripple-upgraded):active::after { 8913 transition-duration: 75ms; 8914 opacity: 0.16; 8915 } 8916 8917 .woocommerce input[type=submit].color2.link.mdc-ripple-upgraded, 8918 .woocommerce input[type=button].color2.link.mdc-ripple-upgraded, 8919 .woocommerce .button.color2.link.mdc-ripple-upgraded, 8920 .woocommerce a.button.color2.link.mdc-ripple-upgraded, 8921 .woocommerce button.button.color2.link.mdc-ripple-upgraded, 8922 .woocommerce input.button.color2.link.mdc-ripple-upgraded, 8923 .woocommerce #respond input#submit.color2.link.mdc-ripple-upgraded, 8924 .woocommerce a.added_to_cart.color2.link.mdc-ripple-upgraded { 8925 --mdc-ripple-fg-opacity: 0.16; 8926 } 8927 8928 .woocommerce input[type=submit].color2.link:hover, 8929 .woocommerce input[type=button].color2.link:hover, 8930 .woocommerce .button.color2.link:hover, 8931 .woocommerce a.button.color2.link:hover, 8932 .woocommerce button.button.color2.link:hover, 8933 .woocommerce input.button.color2.link:hover, 8934 .woocommerce #respond input#submit.color2.link:hover, 8935 .woocommerce a.added_to_cart.color2.link:hover { 8936 background-color: transparent; 8937 } 8938 8939 .woocommerce input[type=submit].color2 :disabled, 8940 .woocommerce input[type=submit].color2.disabled, 8941 .woocommerce input[type=button].color2 :disabled, 8942 .woocommerce input[type=button].color2.disabled, 8943 .woocommerce .button.color2 :disabled, 8944 .woocommerce .button.color2.disabled, 8945 .woocommerce a.button.color2 :disabled, 8946 .woocommerce a.button.color2.disabled, 8947 .woocommerce button.button.color2 :disabled, 8948 .woocommerce button.button.color2.disabled, 8949 .woocommerce input.button.color2 :disabled, 8950 .woocommerce input.button.color2.disabled, 8951 .woocommerce #respond input#submit.color2 :disabled, 8952 .woocommerce #respond input#submit.color2.disabled, 8953 .woocommerce a.added_to_cart.color2 :disabled, 8954 .woocommerce a.added_to_cart.color2.disabled { 8955 background-color: rgba(250, 82, 82, 0.5); 8956 border-color: rgba(250, 82, 82, 0.5); 8957 cursor: default; 8958 pointer-events: none; 8959 } 8960 8961 .woocommerce input[type=submit].color3, 8962 .woocommerce input[type=button].color3, 8963 .woocommerce .button.color3, 8964 .woocommerce a.button.color3, 8965 .woocommerce button.button.color3, 8966 .woocommerce input.button.color3, 8967 .woocommerce #respond input#submit.color3, 8968 .woocommerce a.added_to_cart.color3 { 8969 background-color: #82c91e; 8970 } 8971 8972 .woocommerce input[type=submit].color3:not(:disabled), 8973 .woocommerce input[type=button].color3:not(:disabled), 8974 .woocommerce .button.color3:not(:disabled), 8975 .woocommerce a.button.color3:not(:disabled), 8976 .woocommerce button.button.color3:not(:disabled), 8977 .woocommerce input.button.color3:not(:disabled), 8978 .woocommerce #respond input#submit.color3:not(:disabled), 8979 .woocommerce a.added_to_cart.color3:not(:disabled) { 8980 color: #ffffff; 8981 } 8982 8983 .woocommerce input[type=submit].color3:not(:disabled), 8984 .woocommerce input[type=button].color3:not(:disabled), 8985 .woocommerce .button.color3:not(:disabled), 8986 .woocommerce a.button.color3:not(:disabled), 8987 .woocommerce button.button.color3:not(:disabled), 8988 .woocommerce input.button.color3:not(:disabled), 8989 .woocommerce #respond input#submit.color3:not(:disabled), 8990 .woocommerce a.added_to_cart.color3:not(:disabled) { 8991 border-color: #82c91e; 8992 } 8993 8994 .woocommerce input[type=submit].color3::before, 8995 .woocommerce input[type=submit].color3::after, 8996 .woocommerce input[type=button].color3::before, 8997 .woocommerce input[type=button].color3::after, 8998 .woocommerce .button.color3::before, 8999 .woocommerce .button.color3::after, 9000 .woocommerce a.button.color3::before, 9001 .woocommerce a.button.color3::after, 9002 .woocommerce button.button.color3::before, 9003 .woocommerce button.button.color3::after, 9004 .woocommerce input.button.color3::before, 9005 .woocommerce input.button.color3::after, 9006 .woocommerce #respond input#submit.color3::before, 9007 .woocommerce #respond input#submit.color3::after, 9008 .woocommerce a.added_to_cart.color3::before, 9009 .woocommerce a.added_to_cart.color3::after { 9010 background-color: rgba(255, 255, 255, 0.8); 9011 } 9012 9013 .woocommerce input[type=submit].color3:hover::before, 9014 .woocommerce input[type=button].color3:hover::before, 9015 .woocommerce .button.color3:hover::before, 9016 .woocommerce a.button.color3:hover::before, 9017 .woocommerce button.button.color3:hover::before, 9018 .woocommerce input.button.color3:hover::before, 9019 .woocommerce #respond input#submit.color3:hover::before, 9020 .woocommerce a.added_to_cart.color3:hover::before { 9021 opacity: 0.08; 9022 } 9023 9024 .woocommerce input[type=submit].color3:not(.mdc-ripple-upgraded):focus::before, 9025 .woocommerce input[type=submit].color3.mdc-ripple-upgraded--background-focused::before, 9026 .woocommerce input[type=button].color3:not(.mdc-ripple-upgraded):focus::before, 9027 .woocommerce input[type=button].color3.mdc-ripple-upgraded--background-focused::before, 9028 .woocommerce .button.color3:not(.mdc-ripple-upgraded):focus::before, 9029 .woocommerce .button.color3.mdc-ripple-upgraded--background-focused::before, 9030 .woocommerce a.button.color3:not(.mdc-ripple-upgraded):focus::before, 9031 .woocommerce a.button.color3.mdc-ripple-upgraded--background-focused::before, 9032 .woocommerce button.button.color3:not(.mdc-ripple-upgraded):focus::before, 9033 .woocommerce button.button.color3.mdc-ripple-upgraded--background-focused::before, 9034 .woocommerce input.button.color3:not(.mdc-ripple-upgraded):focus::before, 9035 .woocommerce input.button.color3.mdc-ripple-upgraded--background-focused::before, 9036 .woocommerce #respond input#submit.color3:not(.mdc-ripple-upgraded):focus::before, 9037 .woocommerce #respond input#submit.color3.mdc-ripple-upgraded--background-focused::before, 9038 .woocommerce a.added_to_cart.color3:not(.mdc-ripple-upgraded):focus::before, 9039 .woocommerce a.added_to_cart.color3.mdc-ripple-upgraded--background-focused::before { 9040 transition-duration: 75ms; 9041 opacity: 0.24; 9042 } 9043 9044 .woocommerce input[type=submit].color3:not(.mdc-ripple-upgraded)::after, 9045 .woocommerce input[type=button].color3:not(.mdc-ripple-upgraded)::after, 9046 .woocommerce .button.color3:not(.mdc-ripple-upgraded)::after, 9047 .woocommerce a.button.color3:not(.mdc-ripple-upgraded)::after, 9048 .woocommerce button.button.color3:not(.mdc-ripple-upgraded)::after, 9049 .woocommerce input.button.color3:not(.mdc-ripple-upgraded)::after, 9050 .woocommerce #respond input#submit.color3:not(.mdc-ripple-upgraded)::after, 9051 .woocommerce a.added_to_cart.color3:not(.mdc-ripple-upgraded)::after { 9052 transition: opacity 150ms linear; 9053 } 9054 9055 .woocommerce input[type=submit].color3:not(.mdc-ripple-upgraded):active::after, 9056 .woocommerce input[type=button].color3:not(.mdc-ripple-upgraded):active::after, 9057 .woocommerce .button.color3:not(.mdc-ripple-upgraded):active::after, 9058 .woocommerce a.button.color3:not(.mdc-ripple-upgraded):active::after, 9059 .woocommerce button.button.color3:not(.mdc-ripple-upgraded):active::after, 9060 .woocommerce input.button.color3:not(.mdc-ripple-upgraded):active::after, 9061 .woocommerce #respond input#submit.color3:not(.mdc-ripple-upgraded):active::after, 9062 .woocommerce a.added_to_cart.color3:not(.mdc-ripple-upgraded):active::after { 9063 transition-duration: 75ms; 9064 opacity: 0.32; 9065 } 9066 9067 .woocommerce input[type=submit].color3.mdc-ripple-upgraded, 9068 .woocommerce input[type=button].color3.mdc-ripple-upgraded, 9069 .woocommerce .button.color3.mdc-ripple-upgraded, 9070 .woocommerce a.button.color3.mdc-ripple-upgraded, 9071 .woocommerce button.button.color3.mdc-ripple-upgraded, 9072 .woocommerce input.button.color3.mdc-ripple-upgraded, 9073 .woocommerce #respond input#submit.color3.mdc-ripple-upgraded, 9074 .woocommerce a.added_to_cart.color3.mdc-ripple-upgraded { 9075 --mdc-ripple-fg-opacity: 0.32; 9076 } 9077 9078 .woocommerce input[type=submit].color3.outline, 9079 .woocommerce input[type=button].color3.outline, 9080 .woocommerce .button.color3.outline, 9081 .woocommerce a.button.color3.outline, 9082 .woocommerce button.button.color3.outline, 9083 .woocommerce input.button.color3.outline, 9084 .woocommerce #respond input#submit.color3.outline, 9085 .woocommerce a.added_to_cart.color3.outline { 9086 background-color: transparent; 9087 border-style: solid; 9088 } 9089 9090 .woocommerce input[type=submit].color3.outline:not(:disabled), 9091 .woocommerce input[type=button].color3.outline:not(:disabled), 9092 .woocommerce .button.color3.outline:not(:disabled), 9093 .woocommerce a.button.color3.outline:not(:disabled), 9094 .woocommerce button.button.color3.outline:not(:disabled), 9095 .woocommerce input.button.color3.outline:not(:disabled), 9096 .woocommerce #respond input#submit.color3.outline:not(:disabled), 9097 .woocommerce a.added_to_cart.color3.outline:not(:disabled) { 9098 color: #82c91e; 9099 } 9100 9101 .woocommerce input[type=submit].color3.outline:disabled, 9102 .woocommerce input[type=button].color3.outline:disabled, 9103 .woocommerce .button.color3.outline:disabled, 9104 .woocommerce a.button.color3.outline:disabled, 9105 .woocommerce button.button.color3.outline:disabled, 9106 .woocommerce input.button.color3.outline:disabled, 9107 .woocommerce #respond input#submit.color3.outline:disabled, 9108 .woocommerce a.added_to_cart.color3.outline:disabled { 9109 border-color: rgba(0, 0, 0, 0.37); 9110 } 9111 9112 .woocommerce input[type=submit].color3.outline:not(:disabled), 9113 .woocommerce input[type=button].color3.outline:not(:disabled), 9114 .woocommerce .button.color3.outline:not(:disabled), 9115 .woocommerce a.button.color3.outline:not(:disabled), 9116 .woocommerce button.button.color3.outline:not(:disabled), 9117 .woocommerce input.button.color3.outline:not(:disabled), 9118 .woocommerce #respond input#submit.color3.outline:not(:disabled), 9119 .woocommerce a.added_to_cart.color3.outline:not(:disabled) { 9120 border-color: #82c91e; 9121 } 9122 9123 .woocommerce input[type=submit].color3.link, 9124 .woocommerce input[type=button].color3.link, 9125 .woocommerce .button.color3.link, 9126 .woocommerce a.button.color3.link, 9127 .woocommerce button.button.color3.link, 9128 .woocommerce input.button.color3.link, 9129 .woocommerce #respond input#submit.color3.link, 9130 .woocommerce a.added_to_cart.color3.link { 9131 background-color: transparent; 9132 padding: 0 8px; 9133 } 9134 9135 .woocommerce input[type=submit].color3.link:not(:disabled), 9136 .woocommerce input[type=button].color3.link:not(:disabled), 9137 .woocommerce .button.color3.link:not(:disabled), 9138 .woocommerce a.button.color3.link:not(:disabled), 9139 .woocommerce button.button.color3.link:not(:disabled), 9140 .woocommerce input.button.color3.link:not(:disabled), 9141 .woocommerce #respond input#submit.color3.link:not(:disabled), 9142 .woocommerce a.added_to_cart.color3.link:not(:disabled) { 9143 color: #82c91e; 9144 } 9145 9146 .woocommerce input[type=submit].color3.link::before, 9147 .woocommerce input[type=submit].color3.link::after, 9148 .woocommerce input[type=button].color3.link::before, 9149 .woocommerce input[type=button].color3.link::after, 9150 .woocommerce .button.color3.link::before, 9151 .woocommerce .button.color3.link::after, 9152 .woocommerce a.button.color3.link::before, 9153 .woocommerce a.button.color3.link::after, 9154 .woocommerce button.button.color3.link::before, 9155 .woocommerce button.button.color3.link::after, 9156 .woocommerce input.button.color3.link::before, 9157 .woocommerce input.button.color3.link::after, 9158 .woocommerce #respond input#submit.color3.link::before, 9159 .woocommerce #respond input#submit.color3.link::after, 9160 .woocommerce a.added_to_cart.color3.link::before, 9161 .woocommerce a.added_to_cart.color3.link::after { 9162 background-color: rgba(130, 201, 30, 0.8); 9163 } 9164 9165 .woocommerce input[type=submit].color3.link:hover::before, 9166 .woocommerce input[type=button].color3.link:hover::before, 9167 .woocommerce .button.color3.link:hover::before, 9168 .woocommerce a.button.color3.link:hover::before, 9169 .woocommerce button.button.color3.link:hover::before, 9170 .woocommerce input.button.color3.link:hover::before, 9171 .woocommerce #respond input#submit.color3.link:hover::before, 9172 .woocommerce a.added_to_cart.color3.link:hover::before { 9173 opacity: 0.08; 9174 } 9175 9176 .woocommerce input[type=submit].color3.link:not(.mdc-ripple-upgraded):focus::before, 9177 .woocommerce input[type=submit].color3.link.mdc-ripple-upgraded--background-focused::before, 9178 .woocommerce input[type=button].color3.link:not(.mdc-ripple-upgraded):focus::before, 9179 .woocommerce input[type=button].color3.link.mdc-ripple-upgraded--background-focused::before, 9180 .woocommerce .button.color3.link:not(.mdc-ripple-upgraded):focus::before, 9181 .woocommerce .button.color3.link.mdc-ripple-upgraded--background-focused::before, 9182 .woocommerce a.button.color3.link:not(.mdc-ripple-upgraded):focus::before, 9183 .woocommerce a.button.color3.link.mdc-ripple-upgraded--background-focused::before, 9184 .woocommerce button.button.color3.link:not(.mdc-ripple-upgraded):focus::before, 9185 .woocommerce button.button.color3.link.mdc-ripple-upgraded--background-focused::before, 9186 .woocommerce input.button.color3.link:not(.mdc-ripple-upgraded):focus::before, 9187 .woocommerce input.button.color3.link.mdc-ripple-upgraded--background-focused::before, 9188 .woocommerce #respond input#submit.color3.link:not(.mdc-ripple-upgraded):focus::before, 9189 .woocommerce #respond input#submit.color3.link.mdc-ripple-upgraded--background-focused::before, 9190 .woocommerce a.added_to_cart.color3.link:not(.mdc-ripple-upgraded):focus::before, 9191 .woocommerce a.added_to_cart.color3.link.mdc-ripple-upgraded--background-focused::before { 9192 transition-duration: 75ms; 9193 opacity: 0.24; 9194 } 9195 9196 .woocommerce input[type=submit].color3.link:not(.mdc-ripple-upgraded)::after, 9197 .woocommerce input[type=button].color3.link:not(.mdc-ripple-upgraded)::after, 9198 .woocommerce .button.color3.link:not(.mdc-ripple-upgraded)::after, 9199 .woocommerce a.button.color3.link:not(.mdc-ripple-upgraded)::after, 9200 .woocommerce button.button.color3.link:not(.mdc-ripple-upgraded)::after, 9201 .woocommerce input.button.color3.link:not(.mdc-ripple-upgraded)::after, 9202 .woocommerce #respond input#submit.color3.link:not(.mdc-ripple-upgraded)::after, 9203 .woocommerce a.added_to_cart.color3.link:not(.mdc-ripple-upgraded)::after { 9204 transition: opacity 150ms linear; 9205 } 9206 9207 .woocommerce input[type=submit].color3.link:not(.mdc-ripple-upgraded):active::after, 9208 .woocommerce input[type=button].color3.link:not(.mdc-ripple-upgraded):active::after, 9209 .woocommerce .button.color3.link:not(.mdc-ripple-upgraded):active::after, 9210 .woocommerce a.button.color3.link:not(.mdc-ripple-upgraded):active::after, 9211 .woocommerce button.button.color3.link:not(.mdc-ripple-upgraded):active::after, 9212 .woocommerce input.button.color3.link:not(.mdc-ripple-upgraded):active::after, 9213 .woocommerce #respond input#submit.color3.link:not(.mdc-ripple-upgraded):active::after, 9214 .woocommerce a.added_to_cart.color3.link:not(.mdc-ripple-upgraded):active::after { 9215 transition-duration: 75ms; 9216 opacity: 0.32; 9217 } 9218 9219 .woocommerce input[type=submit].color3.link.mdc-ripple-upgraded, 9220 .woocommerce input[type=button].color3.link.mdc-ripple-upgraded, 9221 .woocommerce .button.color3.link.mdc-ripple-upgraded, 9222 .woocommerce a.button.color3.link.mdc-ripple-upgraded, 9223 .woocommerce button.button.color3.link.mdc-ripple-upgraded, 9224 .woocommerce input.button.color3.link.mdc-ripple-upgraded, 9225 .woocommerce #respond input#submit.color3.link.mdc-ripple-upgraded, 9226 .woocommerce a.added_to_cart.color3.link.mdc-ripple-upgraded { 9227 --mdc-ripple-fg-opacity: 0.32; 9228 } 9229 9230 .woocommerce input[type=submit].color3.link:hover, 9231 .woocommerce input[type=button].color3.link:hover, 9232 .woocommerce .button.color3.link:hover, 9233 .woocommerce a.button.color3.link:hover, 9234 .woocommerce button.button.color3.link:hover, 9235 .woocommerce input.button.color3.link:hover, 9236 .woocommerce #respond input#submit.color3.link:hover, 9237 .woocommerce a.added_to_cart.color3.link:hover { 9238 background-color: transparent; 9239 } 9240 9241 .woocommerce input[type=submit].color3 :disabled, 9242 .woocommerce input[type=submit].color3.disabled, 9243 .woocommerce input[type=button].color3 :disabled, 9244 .woocommerce input[type=button].color3.disabled, 9245 .woocommerce .button.color3 :disabled, 9246 .woocommerce .button.color3.disabled, 9247 .woocommerce a.button.color3 :disabled, 9248 .woocommerce a.button.color3.disabled, 9249 .woocommerce button.button.color3 :disabled, 9250 .woocommerce button.button.color3.disabled, 9251 .woocommerce input.button.color3 :disabled, 9252 .woocommerce input.button.color3.disabled, 9253 .woocommerce #respond input#submit.color3 :disabled, 9254 .woocommerce #respond input#submit.color3.disabled, 9255 .woocommerce a.added_to_cart.color3 :disabled, 9256 .woocommerce a.added_to_cart.color3.disabled { 9257 background-color: rgba(130, 201, 30, 0.5); 9258 border-color: rgba(130, 201, 30, 0.5); 9259 cursor: default; 9260 pointer-events: none; 9261 } 9262 9263 .woocommerce input[type=submit].color4, 9264 .woocommerce input[type=button].color4, 9265 .woocommerce .button.color4, 9266 .woocommerce a.button.color4, 9267 .woocommerce button.button.color4, 9268 .woocommerce input.button.color4, 9269 .woocommerce #respond input#submit.color4, 9270 .woocommerce a.added_to_cart.color4 { 9271 background-color: #fab005; 9272 } 9273 9274 .woocommerce input[type=submit].color4:not(:disabled), 9275 .woocommerce input[type=button].color4:not(:disabled), 9276 .woocommerce .button.color4:not(:disabled), 9277 .woocommerce a.button.color4:not(:disabled), 9278 .woocommerce button.button.color4:not(:disabled), 9279 .woocommerce input.button.color4:not(:disabled), 9280 .woocommerce #respond input#submit.color4:not(:disabled), 9281 .woocommerce a.added_to_cart.color4:not(:disabled) { 9282 color: #ffffff; 9283 } 9284 9285 .woocommerce input[type=submit].color4:not(:disabled), 9286 .woocommerce input[type=button].color4:not(:disabled), 9287 .woocommerce .button.color4:not(:disabled), 9288 .woocommerce a.button.color4:not(:disabled), 9289 .woocommerce button.button.color4:not(:disabled), 9290 .woocommerce input.button.color4:not(:disabled), 9291 .woocommerce #respond input#submit.color4:not(:disabled), 9292 .woocommerce a.added_to_cart.color4:not(:disabled) { 9293 border-color: #fab005; 9294 } 9295 9296 .woocommerce input[type=submit].color4::before, 9297 .woocommerce input[type=submit].color4::after, 9298 .woocommerce input[type=button].color4::before, 9299 .woocommerce input[type=button].color4::after, 9300 .woocommerce .button.color4::before, 9301 .woocommerce .button.color4::after, 9302 .woocommerce a.button.color4::before, 9303 .woocommerce a.button.color4::after, 9304 .woocommerce button.button.color4::before, 9305 .woocommerce button.button.color4::after, 9306 .woocommerce input.button.color4::before, 9307 .woocommerce input.button.color4::after, 9308 .woocommerce #respond input#submit.color4::before, 9309 .woocommerce #respond input#submit.color4::after, 9310 .woocommerce a.added_to_cart.color4::before, 9311 .woocommerce a.added_to_cart.color4::after { 9312 background-color: rgba(255, 255, 255, 0.8); 9313 } 9314 9315 .woocommerce input[type=submit].color4:hover::before, 9316 .woocommerce input[type=button].color4:hover::before, 9317 .woocommerce .button.color4:hover::before, 9318 .woocommerce a.button.color4:hover::before, 9319 .woocommerce button.button.color4:hover::before, 9320 .woocommerce input.button.color4:hover::before, 9321 .woocommerce #respond input#submit.color4:hover::before, 9322 .woocommerce a.added_to_cart.color4:hover::before { 9323 opacity: 0.08; 9324 } 9325 9326 .woocommerce input[type=submit].color4:not(.mdc-ripple-upgraded):focus::before, 9327 .woocommerce input[type=submit].color4.mdc-ripple-upgraded--background-focused::before, 9328 .woocommerce input[type=button].color4:not(.mdc-ripple-upgraded):focus::before, 9329 .woocommerce input[type=button].color4.mdc-ripple-upgraded--background-focused::before, 9330 .woocommerce .button.color4:not(.mdc-ripple-upgraded):focus::before, 9331 .woocommerce .button.color4.mdc-ripple-upgraded--background-focused::before, 9332 .woocommerce a.button.color4:not(.mdc-ripple-upgraded):focus::before, 9333 .woocommerce a.button.color4.mdc-ripple-upgraded--background-focused::before, 9334 .woocommerce button.button.color4:not(.mdc-ripple-upgraded):focus::before, 9335 .woocommerce button.button.color4.mdc-ripple-upgraded--background-focused::before, 9336 .woocommerce input.button.color4:not(.mdc-ripple-upgraded):focus::before, 9337 .woocommerce input.button.color4.mdc-ripple-upgraded--background-focused::before, 9338 .woocommerce #respond input#submit.color4:not(.mdc-ripple-upgraded):focus::before, 9339 .woocommerce #respond input#submit.color4.mdc-ripple-upgraded--background-focused::before, 9340 .woocommerce a.added_to_cart.color4:not(.mdc-ripple-upgraded):focus::before, 9341 .woocommerce a.added_to_cart.color4.mdc-ripple-upgraded--background-focused::before { 9342 transition-duration: 75ms; 9343 opacity: 0.24; 9344 } 9345 9346 .woocommerce input[type=submit].color4:not(.mdc-ripple-upgraded)::after, 9347 .woocommerce input[type=button].color4:not(.mdc-ripple-upgraded)::after, 9348 .woocommerce .button.color4:not(.mdc-ripple-upgraded)::after, 9349 .woocommerce a.button.color4:not(.mdc-ripple-upgraded)::after, 9350 .woocommerce button.button.color4:not(.mdc-ripple-upgraded)::after, 9351 .woocommerce input.button.color4:not(.mdc-ripple-upgraded)::after, 9352 .woocommerce #respond input#submit.color4:not(.mdc-ripple-upgraded)::after, 9353 .woocommerce a.added_to_cart.color4:not(.mdc-ripple-upgraded)::after { 9354 transition: opacity 150ms linear; 9355 } 9356 9357 .woocommerce input[type=submit].color4:not(.mdc-ripple-upgraded):active::after, 9358 .woocommerce input[type=button].color4:not(.mdc-ripple-upgraded):active::after, 9359 .woocommerce .button.color4:not(.mdc-ripple-upgraded):active::after, 9360 .woocommerce a.button.color4:not(.mdc-ripple-upgraded):active::after, 9361 .woocommerce button.button.color4:not(.mdc-ripple-upgraded):active::after, 9362 .woocommerce input.button.color4:not(.mdc-ripple-upgraded):active::after, 9363 .woocommerce #respond input#submit.color4:not(.mdc-ripple-upgraded):active::after, 9364 .woocommerce a.added_to_cart.color4:not(.mdc-ripple-upgraded):active::after { 9365 transition-duration: 75ms; 9366 opacity: 0.32; 9367 } 9368 9369 .woocommerce input[type=submit].color4.mdc-ripple-upgraded, 9370 .woocommerce input[type=button].color4.mdc-ripple-upgraded, 9371 .woocommerce .button.color4.mdc-ripple-upgraded, 9372 .woocommerce a.button.color4.mdc-ripple-upgraded, 9373 .woocommerce button.button.color4.mdc-ripple-upgraded, 9374 .woocommerce input.button.color4.mdc-ripple-upgraded, 9375 .woocommerce #respond input#submit.color4.mdc-ripple-upgraded, 9376 .woocommerce a.added_to_cart.color4.mdc-ripple-upgraded { 9377 --mdc-ripple-fg-opacity: 0.32; 9378 } 9379 9380 .woocommerce input[type=submit].color4.outline, 9381 .woocommerce input[type=button].color4.outline, 9382 .woocommerce .button.color4.outline, 9383 .woocommerce a.button.color4.outline, 9384 .woocommerce button.button.color4.outline, 9385 .woocommerce input.button.color4.outline, 9386 .woocommerce #respond input#submit.color4.outline, 9387 .woocommerce a.added_to_cart.color4.outline { 9388 background-color: transparent; 9389 border-style: solid; 9390 } 9391 9392 .woocommerce input[type=submit].color4.outline:not(:disabled), 9393 .woocommerce input[type=button].color4.outline:not(:disabled), 9394 .woocommerce .button.color4.outline:not(:disabled), 9395 .woocommerce a.button.color4.outline:not(:disabled), 9396 .woocommerce button.button.color4.outline:not(:disabled), 9397 .woocommerce input.button.color4.outline:not(:disabled), 9398 .woocommerce #respond input#submit.color4.outline:not(:disabled), 9399 .woocommerce a.added_to_cart.color4.outline:not(:disabled) { 9400 color: #fab005; 9401 } 9402 9403 .woocommerce input[type=submit].color4.outline:disabled, 9404 .woocommerce input[type=button].color4.outline:disabled, 9405 .woocommerce .button.color4.outline:disabled, 9406 .woocommerce a.button.color4.outline:disabled, 9407 .woocommerce button.button.color4.outline:disabled, 9408 .woocommerce input.button.color4.outline:disabled, 9409 .woocommerce #respond input#submit.color4.outline:disabled, 9410 .woocommerce a.added_to_cart.color4.outline:disabled { 9411 border-color: rgba(0, 0, 0, 0.37); 9412 } 9413 9414 .woocommerce input[type=submit].color4.outline:not(:disabled), 9415 .woocommerce input[type=button].color4.outline:not(:disabled), 9416 .woocommerce .button.color4.outline:not(:disabled), 9417 .woocommerce a.button.color4.outline:not(:disabled), 9418 .woocommerce button.button.color4.outline:not(:disabled), 9419 .woocommerce input.button.color4.outline:not(:disabled), 9420 .woocommerce #respond input#submit.color4.outline:not(:disabled), 9421 .woocommerce a.added_to_cart.color4.outline:not(:disabled) { 9422 border-color: #fab005; 9423 } 9424 9425 .woocommerce input[type=submit].color4.link, 9426 .woocommerce input[type=button].color4.link, 9427 .woocommerce .button.color4.link, 9428 .woocommerce a.button.color4.link, 9429 .woocommerce button.button.color4.link, 9430 .woocommerce input.button.color4.link, 9431 .woocommerce #respond input#submit.color4.link, 9432 .woocommerce a.added_to_cart.color4.link { 9433 background-color: transparent; 9434 padding: 0 8px; 9435 } 9436 9437 .woocommerce input[type=submit].color4.link:not(:disabled), 9438 .woocommerce input[type=button].color4.link:not(:disabled), 9439 .woocommerce .button.color4.link:not(:disabled), 9440 .woocommerce a.button.color4.link:not(:disabled), 9441 .woocommerce button.button.color4.link:not(:disabled), 9442 .woocommerce input.button.color4.link:not(:disabled), 9443 .woocommerce #respond input#submit.color4.link:not(:disabled), 9444 .woocommerce a.added_to_cart.color4.link:not(:disabled) { 9445 color: #fab005; 9446 } 9447 9448 .woocommerce input[type=submit].color4.link::before, 9449 .woocommerce input[type=submit].color4.link::after, 9450 .woocommerce input[type=button].color4.link::before, 9451 .woocommerce input[type=button].color4.link::after, 9452 .woocommerce .button.color4.link::before, 9453 .woocommerce .button.color4.link::after, 9454 .woocommerce a.button.color4.link::before, 9455 .woocommerce a.button.color4.link::after, 9456 .woocommerce button.button.color4.link::before, 9457 .woocommerce button.button.color4.link::after, 9458 .woocommerce input.button.color4.link::before, 9459 .woocommerce input.button.color4.link::after, 9460 .woocommerce #respond input#submit.color4.link::before, 9461 .woocommerce #respond input#submit.color4.link::after, 9462 .woocommerce a.added_to_cart.color4.link::before, 9463 .woocommerce a.added_to_cart.color4.link::after { 9464 background-color: rgba(250, 176, 5, 0.8); 9465 } 9466 9467 .woocommerce input[type=submit].color4.link:hover::before, 9468 .woocommerce input[type=button].color4.link:hover::before, 9469 .woocommerce .button.color4.link:hover::before, 9470 .woocommerce a.button.color4.link:hover::before, 9471 .woocommerce button.button.color4.link:hover::before, 9472 .woocommerce input.button.color4.link:hover::before, 9473 .woocommerce #respond input#submit.color4.link:hover::before, 9474 .woocommerce a.added_to_cart.color4.link:hover::before { 9475 opacity: 0.08; 9476 } 9477 9478 .woocommerce input[type=submit].color4.link:not(.mdc-ripple-upgraded):focus::before, 9479 .woocommerce input[type=submit].color4.link.mdc-ripple-upgraded--background-focused::before, 9480 .woocommerce input[type=button].color4.link:not(.mdc-ripple-upgraded):focus::before, 9481 .woocommerce input[type=button].color4.link.mdc-ripple-upgraded--background-focused::before, 9482 .woocommerce .button.color4.link:not(.mdc-ripple-upgraded):focus::before, 9483 .woocommerce .button.color4.link.mdc-ripple-upgraded--background-focused::before, 9484 .woocommerce a.button.color4.link:not(.mdc-ripple-upgraded):focus::before, 9485 .woocommerce a.button.color4.link.mdc-ripple-upgraded--background-focused::before, 9486 .woocommerce button.button.color4.link:not(.mdc-ripple-upgraded):focus::before, 9487 .woocommerce button.button.color4.link.mdc-ripple-upgraded--background-focused::before, 9488 .woocommerce input.button.color4.link:not(.mdc-ripple-upgraded):focus::before, 9489 .woocommerce input.button.color4.link.mdc-ripple-upgraded--background-focused::before, 9490 .woocommerce #respond input#submit.color4.link:not(.mdc-ripple-upgraded):focus::before, 9491 .woocommerce #respond input#submit.color4.link.mdc-ripple-upgraded--background-focused::before, 9492 .woocommerce a.added_to_cart.color4.link:not(.mdc-ripple-upgraded):focus::before, 9493 .woocommerce a.added_to_cart.color4.link.mdc-ripple-upgraded--background-focused::before { 9494 transition-duration: 75ms; 9495 opacity: 0.24; 9496 } 9497 9498 .woocommerce input[type=submit].color4.link:not(.mdc-ripple-upgraded)::after, 9499 .woocommerce input[type=button].color4.link:not(.mdc-ripple-upgraded)::after, 9500 .woocommerce .button.color4.link:not(.mdc-ripple-upgraded)::after, 9501 .woocommerce a.button.color4.link:not(.mdc-ripple-upgraded)::after, 9502 .woocommerce button.button.color4.link:not(.mdc-ripple-upgraded)::after, 9503 .woocommerce input.button.color4.link:not(.mdc-ripple-upgraded)::after, 9504 .woocommerce #respond input#submit.color4.link:not(.mdc-ripple-upgraded)::after, 9505 .woocommerce a.added_to_cart.color4.link:not(.mdc-ripple-upgraded)::after { 9506 transition: opacity 150ms linear; 9507 } 9508 9509 .woocommerce input[type=submit].color4.link:not(.mdc-ripple-upgraded):active::after, 9510 .woocommerce input[type=button].color4.link:not(.mdc-ripple-upgraded):active::after, 9511 .woocommerce .button.color4.link:not(.mdc-ripple-upgraded):active::after, 9512 .woocommerce a.button.color4.link:not(.mdc-ripple-upgraded):active::after, 9513 .woocommerce button.button.color4.link:not(.mdc-ripple-upgraded):active::after, 9514 .woocommerce input.button.color4.link:not(.mdc-ripple-upgraded):active::after, 9515 .woocommerce #respond input#submit.color4.link:not(.mdc-ripple-upgraded):active::after, 9516 .woocommerce a.added_to_cart.color4.link:not(.mdc-ripple-upgraded):active::after { 9517 transition-duration: 75ms; 9518 opacity: 0.32; 9519 } 9520 9521 .woocommerce input[type=submit].color4.link.mdc-ripple-upgraded, 9522 .woocommerce input[type=button].color4.link.mdc-ripple-upgraded, 9523 .woocommerce .button.color4.link.mdc-ripple-upgraded, 9524 .woocommerce a.button.color4.link.mdc-ripple-upgraded, 9525 .woocommerce button.button.color4.link.mdc-ripple-upgraded, 9526 .woocommerce input.button.color4.link.mdc-ripple-upgraded, 9527 .woocommerce #respond input#submit.color4.link.mdc-ripple-upgraded, 9528 .woocommerce a.added_to_cart.color4.link.mdc-ripple-upgraded { 9529 --mdc-ripple-fg-opacity: 0.32; 9530 } 9531 9532 .woocommerce input[type=submit].color4.link:hover, 9533 .woocommerce input[type=button].color4.link:hover, 9534 .woocommerce .button.color4.link:hover, 9535 .woocommerce a.button.color4.link:hover, 9536 .woocommerce button.button.color4.link:hover, 9537 .woocommerce input.button.color4.link:hover, 9538 .woocommerce #respond input#submit.color4.link:hover, 9539 .woocommerce a.added_to_cart.color4.link:hover { 9540 background-color: transparent; 9541 } 9542 9543 .woocommerce input[type=submit].color4 :disabled, 9544 .woocommerce input[type=submit].color4.disabled, 9545 .woocommerce input[type=button].color4 :disabled, 9546 .woocommerce input[type=button].color4.disabled, 9547 .woocommerce .button.color4 :disabled, 9548 .woocommerce .button.color4.disabled, 9549 .woocommerce a.button.color4 :disabled, 9550 .woocommerce a.button.color4.disabled, 9551 .woocommerce button.button.color4 :disabled, 9552 .woocommerce button.button.color4.disabled, 9553 .woocommerce input.button.color4 :disabled, 9554 .woocommerce input.button.color4.disabled, 9555 .woocommerce #respond input#submit.color4 :disabled, 9556 .woocommerce #respond input#submit.color4.disabled, 9557 .woocommerce a.added_to_cart.color4 :disabled, 9558 .woocommerce a.added_to_cart.color4.disabled { 9559 background-color: rgba(250, 176, 5, 0.5); 9560 border-color: rgba(250, 176, 5, 0.5); 9561 cursor: default; 9562 pointer-events: none; 9563 } 9564 9565 .woocommerce input[type=submit].color5, 9566 .woocommerce input[type=button].color5, 9567 .woocommerce .button.color5, 9568 .woocommerce a.button.color5, 9569 .woocommerce button.button.color5, 9570 .woocommerce input.button.color5, 9571 .woocommerce #respond input#submit.color5, 9572 .woocommerce a.added_to_cart.color5 { 9573 background-color: #7950f2; 9574 } 9575 9576 .woocommerce input[type=submit].color5:not(:disabled), 9577 .woocommerce input[type=button].color5:not(:disabled), 9578 .woocommerce .button.color5:not(:disabled), 9579 .woocommerce a.button.color5:not(:disabled), 9580 .woocommerce button.button.color5:not(:disabled), 9581 .woocommerce input.button.color5:not(:disabled), 9582 .woocommerce #respond input#submit.color5:not(:disabled), 9583 .woocommerce a.added_to_cart.color5:not(:disabled) { 9584 color: #ffffff; 9585 } 9586 9587 .woocommerce input[type=submit].color5:not(:disabled), 9588 .woocommerce input[type=button].color5:not(:disabled), 9589 .woocommerce .button.color5:not(:disabled), 9590 .woocommerce a.button.color5:not(:disabled), 9591 .woocommerce button.button.color5:not(:disabled), 9592 .woocommerce input.button.color5:not(:disabled), 9593 .woocommerce #respond input#submit.color5:not(:disabled), 9594 .woocommerce a.added_to_cart.color5:not(:disabled) { 9595 border-color: #7950f2; 9596 } 9597 9598 .woocommerce input[type=submit].color5::before, 9599 .woocommerce input[type=submit].color5::after, 9600 .woocommerce input[type=button].color5::before, 9601 .woocommerce input[type=button].color5::after, 9602 .woocommerce .button.color5::before, 9603 .woocommerce .button.color5::after, 9604 .woocommerce a.button.color5::before, 9605 .woocommerce a.button.color5::after, 9606 .woocommerce button.button.color5::before, 9607 .woocommerce button.button.color5::after, 9608 .woocommerce input.button.color5::before, 9609 .woocommerce input.button.color5::after, 9610 .woocommerce #respond input#submit.color5::before, 9611 .woocommerce #respond input#submit.color5::after, 9612 .woocommerce a.added_to_cart.color5::before, 9613 .woocommerce a.added_to_cart.color5::after { 9614 background-color: rgba(255, 255, 255, 0.8); 9615 } 9616 9617 .woocommerce input[type=submit].color5:hover::before, 9618 .woocommerce input[type=button].color5:hover::before, 9619 .woocommerce .button.color5:hover::before, 9620 .woocommerce a.button.color5:hover::before, 9621 .woocommerce button.button.color5:hover::before, 9622 .woocommerce input.button.color5:hover::before, 9623 .woocommerce #respond input#submit.color5:hover::before, 9624 .woocommerce a.added_to_cart.color5:hover::before { 9625 opacity: 0.08; 9626 } 9627 9628 .woocommerce input[type=submit].color5:not(.mdc-ripple-upgraded):focus::before, 9629 .woocommerce input[type=submit].color5.mdc-ripple-upgraded--background-focused::before, 9630 .woocommerce input[type=button].color5:not(.mdc-ripple-upgraded):focus::before, 9631 .woocommerce input[type=button].color5.mdc-ripple-upgraded--background-focused::before, 9632 .woocommerce .button.color5:not(.mdc-ripple-upgraded):focus::before, 9633 .woocommerce .button.color5.mdc-ripple-upgraded--background-focused::before, 9634 .woocommerce a.button.color5:not(.mdc-ripple-upgraded):focus::before, 9635 .woocommerce a.button.color5.mdc-ripple-upgraded--background-focused::before, 9636 .woocommerce button.button.color5:not(.mdc-ripple-upgraded):focus::before, 9637 .woocommerce button.button.color5.mdc-ripple-upgraded--background-focused::before, 9638 .woocommerce input.button.color5:not(.mdc-ripple-upgraded):focus::before, 9639 .woocommerce input.button.color5.mdc-ripple-upgraded--background-focused::before, 9640 .woocommerce #respond input#submit.color5:not(.mdc-ripple-upgraded):focus::before, 9641 .woocommerce #respond input#submit.color5.mdc-ripple-upgraded--background-focused::before, 9642 .woocommerce a.added_to_cart.color5:not(.mdc-ripple-upgraded):focus::before, 9643 .woocommerce a.added_to_cart.color5.mdc-ripple-upgraded--background-focused::before { 9644 transition-duration: 75ms; 9645 opacity: 0.24; 9646 } 9647 9648 .woocommerce input[type=submit].color5:not(.mdc-ripple-upgraded)::after, 9649 .woocommerce input[type=button].color5:not(.mdc-ripple-upgraded)::after, 9650 .woocommerce .button.color5:not(.mdc-ripple-upgraded)::after, 9651 .woocommerce a.button.color5:not(.mdc-ripple-upgraded)::after, 9652 .woocommerce button.button.color5:not(.mdc-ripple-upgraded)::after, 9653 .woocommerce input.button.color5:not(.mdc-ripple-upgraded)::after, 9654 .woocommerce #respond input#submit.color5:not(.mdc-ripple-upgraded)::after, 9655 .woocommerce a.added_to_cart.color5:not(.mdc-ripple-upgraded)::after { 9656 transition: opacity 150ms linear; 9657 } 9658 9659 .woocommerce input[type=submit].color5:not(.mdc-ripple-upgraded):active::after, 9660 .woocommerce input[type=button].color5:not(.mdc-ripple-upgraded):active::after, 9661 .woocommerce .button.color5:not(.mdc-ripple-upgraded):active::after, 9662 .woocommerce a.button.color5:not(.mdc-ripple-upgraded):active::after, 9663 .woocommerce button.button.color5:not(.mdc-ripple-upgraded):active::after, 9664 .woocommerce input.button.color5:not(.mdc-ripple-upgraded):active::after, 9665 .woocommerce #respond input#submit.color5:not(.mdc-ripple-upgraded):active::after, 9666 .woocommerce a.added_to_cart.color5:not(.mdc-ripple-upgraded):active::after { 9667 transition-duration: 75ms; 9668 opacity: 0.32; 9669 } 9670 9671 .woocommerce input[type=submit].color5.mdc-ripple-upgraded, 9672 .woocommerce input[type=button].color5.mdc-ripple-upgraded, 9673 .woocommerce .button.color5.mdc-ripple-upgraded, 9674 .woocommerce a.button.color5.mdc-ripple-upgraded, 9675 .woocommerce button.button.color5.mdc-ripple-upgraded, 9676 .woocommerce input.button.color5.mdc-ripple-upgraded, 9677 .woocommerce #respond input#submit.color5.mdc-ripple-upgraded, 9678 .woocommerce a.added_to_cart.color5.mdc-ripple-upgraded { 9679 --mdc-ripple-fg-opacity: 0.32; 9680 } 9681 9682 .woocommerce input[type=submit].color5.outline, 9683 .woocommerce input[type=button].color5.outline, 9684 .woocommerce .button.color5.outline, 9685 .woocommerce a.button.color5.outline, 9686 .woocommerce button.button.color5.outline, 9687 .woocommerce input.button.color5.outline, 9688 .woocommerce #respond input#submit.color5.outline, 9689 .woocommerce a.added_to_cart.color5.outline { 9690 background-color: transparent; 9691 border-style: solid; 9692 } 9693 9694 .woocommerce input[type=submit].color5.outline:not(:disabled), 9695 .woocommerce input[type=button].color5.outline:not(:disabled), 9696 .woocommerce .button.color5.outline:not(:disabled), 9697 .woocommerce a.button.color5.outline:not(:disabled), 9698 .woocommerce button.button.color5.outline:not(:disabled), 9699 .woocommerce input.button.color5.outline:not(:disabled), 9700 .woocommerce #respond input#submit.color5.outline:not(:disabled), 9701 .woocommerce a.added_to_cart.color5.outline:not(:disabled) { 9702 color: #7950f2; 9703 } 9704 9705 .woocommerce input[type=submit].color5.outline:disabled, 9706 .woocommerce input[type=button].color5.outline:disabled, 9707 .woocommerce .button.color5.outline:disabled, 9708 .woocommerce a.button.color5.outline:disabled, 9709 .woocommerce button.button.color5.outline:disabled, 9710 .woocommerce input.button.color5.outline:disabled, 9711 .woocommerce #respond input#submit.color5.outline:disabled, 9712 .woocommerce a.added_to_cart.color5.outline:disabled { 9713 border-color: rgba(0, 0, 0, 0.37); 9714 } 9715 9716 .woocommerce input[type=submit].color5.outline:not(:disabled), 9717 .woocommerce input[type=button].color5.outline:not(:disabled), 9718 .woocommerce .button.color5.outline:not(:disabled), 9719 .woocommerce a.button.color5.outline:not(:disabled), 9720 .woocommerce button.button.color5.outline:not(:disabled), 9721 .woocommerce input.button.color5.outline:not(:disabled), 9722 .woocommerce #respond input#submit.color5.outline:not(:disabled), 9723 .woocommerce a.added_to_cart.color5.outline:not(:disabled) { 9724 border-color: #7950f2; 9725 } 9726 9727 .woocommerce input[type=submit].color5.link, 9728 .woocommerce input[type=button].color5.link, 9729 .woocommerce .button.color5.link, 9730 .woocommerce a.button.color5.link, 9731 .woocommerce button.button.color5.link, 9732 .woocommerce input.button.color5.link, 9733 .woocommerce #respond input#submit.color5.link, 9734 .woocommerce a.added_to_cart.color5.link { 9735 background-color: transparent; 9736 padding: 0 8px; 9737 } 9738 9739 .woocommerce input[type=submit].color5.link:not(:disabled), 9740 .woocommerce input[type=button].color5.link:not(:disabled), 9741 .woocommerce .button.color5.link:not(:disabled), 9742 .woocommerce a.button.color5.link:not(:disabled), 9743 .woocommerce button.button.color5.link:not(:disabled), 9744 .woocommerce input.button.color5.link:not(:disabled), 9745 .woocommerce #respond input#submit.color5.link:not(:disabled), 9746 .woocommerce a.added_to_cart.color5.link:not(:disabled) { 9747 color: #7950f2; 9748 } 9749 9750 .woocommerce input[type=submit].color5.link::before, 9751 .woocommerce input[type=submit].color5.link::after, 9752 .woocommerce input[type=button].color5.link::before, 9753 .woocommerce input[type=button].color5.link::after, 9754 .woocommerce .button.color5.link::before, 9755 .woocommerce .button.color5.link::after, 9756 .woocommerce a.button.color5.link::before, 9757 .woocommerce a.button.color5.link::after, 9758 .woocommerce button.button.color5.link::before, 9759 .woocommerce button.button.color5.link::after, 9760 .woocommerce input.button.color5.link::before, 9761 .woocommerce input.button.color5.link::after, 9762 .woocommerce #respond input#submit.color5.link::before, 9763 .woocommerce #respond input#submit.color5.link::after, 9764 .woocommerce a.added_to_cart.color5.link::before, 9765 .woocommerce a.added_to_cart.color5.link::after { 9766 background-color: rgba(121, 80, 242, 0.8); 9767 } 9768 9769 .woocommerce input[type=submit].color5.link:hover::before, 9770 .woocommerce input[type=button].color5.link:hover::before, 9771 .woocommerce .button.color5.link:hover::before, 9772 .woocommerce a.button.color5.link:hover::before, 9773 .woocommerce button.button.color5.link:hover::before, 9774 .woocommerce input.button.color5.link:hover::before, 9775 .woocommerce #respond input#submit.color5.link:hover::before, 9776 .woocommerce a.added_to_cart.color5.link:hover::before { 9777 opacity: 0.04; 9778 } 9779 9780 .woocommerce input[type=submit].color5.link:not(.mdc-ripple-upgraded):focus::before, 9781 .woocommerce input[type=submit].color5.link.mdc-ripple-upgraded--background-focused::before, 9782 .woocommerce input[type=button].color5.link:not(.mdc-ripple-upgraded):focus::before, 9783 .woocommerce input[type=button].color5.link.mdc-ripple-upgraded--background-focused::before, 9784 .woocommerce .button.color5.link:not(.mdc-ripple-upgraded):focus::before, 9785 .woocommerce .button.color5.link.mdc-ripple-upgraded--background-focused::before, 9786 .woocommerce a.button.color5.link:not(.mdc-ripple-upgraded):focus::before, 9787 .woocommerce a.button.color5.link.mdc-ripple-upgraded--background-focused::before, 9788 .woocommerce button.button.color5.link:not(.mdc-ripple-upgraded):focus::before, 9789 .woocommerce button.button.color5.link.mdc-ripple-upgraded--background-focused::before, 9790 .woocommerce input.button.color5.link:not(.mdc-ripple-upgraded):focus::before, 9791 .woocommerce input.button.color5.link.mdc-ripple-upgraded--background-focused::before, 9792 .woocommerce #respond input#submit.color5.link:not(.mdc-ripple-upgraded):focus::before, 9793 .woocommerce #respond input#submit.color5.link.mdc-ripple-upgraded--background-focused::before, 9794 .woocommerce a.added_to_cart.color5.link:not(.mdc-ripple-upgraded):focus::before, 9795 .woocommerce a.added_to_cart.color5.link.mdc-ripple-upgraded--background-focused::before { 9796 transition-duration: 75ms; 9797 opacity: 0.12; 9798 } 9799 9800 .woocommerce input[type=submit].color5.link:not(.mdc-ripple-upgraded)::after, 9801 .woocommerce input[type=button].color5.link:not(.mdc-ripple-upgraded)::after, 9802 .woocommerce .button.color5.link:not(.mdc-ripple-upgraded)::after, 9803 .woocommerce a.button.color5.link:not(.mdc-ripple-upgraded)::after, 9804 .woocommerce button.button.color5.link:not(.mdc-ripple-upgraded)::after, 9805 .woocommerce input.button.color5.link:not(.mdc-ripple-upgraded)::after, 9806 .woocommerce #respond input#submit.color5.link:not(.mdc-ripple-upgraded)::after, 9807 .woocommerce a.added_to_cart.color5.link:not(.mdc-ripple-upgraded)::after { 9808 transition: opacity 150ms linear; 9809 } 9810 9811 .woocommerce input[type=submit].color5.link:not(.mdc-ripple-upgraded):active::after, 9812 .woocommerce input[type=button].color5.link:not(.mdc-ripple-upgraded):active::after, 9813 .woocommerce .button.color5.link:not(.mdc-ripple-upgraded):active::after, 9814 .woocommerce a.button.color5.link:not(.mdc-ripple-upgraded):active::after, 9815 .woocommerce button.button.color5.link:not(.mdc-ripple-upgraded):active::after, 9816 .woocommerce input.button.color5.link:not(.mdc-ripple-upgraded):active::after, 9817 .woocommerce #respond input#submit.color5.link:not(.mdc-ripple-upgraded):active::after, 9818 .woocommerce a.added_to_cart.color5.link:not(.mdc-ripple-upgraded):active::after { 9819 transition-duration: 75ms; 9820 opacity: 0.16; 9821 } 9822 9823 .woocommerce input[type=submit].color5.link.mdc-ripple-upgraded, 9824 .woocommerce input[type=button].color5.link.mdc-ripple-upgraded, 9825 .woocommerce .button.color5.link.mdc-ripple-upgraded, 9826 .woocommerce a.button.color5.link.mdc-ripple-upgraded, 9827 .woocommerce button.button.color5.link.mdc-ripple-upgraded, 9828 .woocommerce input.button.color5.link.mdc-ripple-upgraded, 9829 .woocommerce #respond input#submit.color5.link.mdc-ripple-upgraded, 9830 .woocommerce a.added_to_cart.color5.link.mdc-ripple-upgraded { 9831 --mdc-ripple-fg-opacity: 0.16; 9832 } 9833 9834 .woocommerce input[type=submit].color5.link:hover, 9835 .woocommerce input[type=button].color5.link:hover, 9836 .woocommerce .button.color5.link:hover, 9837 .woocommerce a.button.color5.link:hover, 9838 .woocommerce button.button.color5.link:hover, 9839 .woocommerce input.button.color5.link:hover, 9840 .woocommerce #respond input#submit.color5.link:hover, 9841 .woocommerce a.added_to_cart.color5.link:hover { 9842 background-color: transparent; 9843 } 9844 9845 .woocommerce input[type=submit].color5 :disabled, 9846 .woocommerce input[type=submit].color5.disabled, 9847 .woocommerce input[type=button].color5 :disabled, 9848 .woocommerce input[type=button].color5.disabled, 9849 .woocommerce .button.color5 :disabled, 9850 .woocommerce .button.color5.disabled, 9851 .woocommerce a.button.color5 :disabled, 9852 .woocommerce a.button.color5.disabled, 9853 .woocommerce button.button.color5 :disabled, 9854 .woocommerce button.button.color5.disabled, 9855 .woocommerce input.button.color5 :disabled, 9856 .woocommerce input.button.color5.disabled, 9857 .woocommerce #respond input#submit.color5 :disabled, 9858 .woocommerce #respond input#submit.color5.disabled, 9859 .woocommerce a.added_to_cart.color5 :disabled, 9860 .woocommerce a.added_to_cart.color5.disabled { 9861 background-color: rgba(121, 80, 242, 0.5); 9862 border-color: rgba(121, 80, 242, 0.5); 9863 cursor: default; 9864 pointer-events: none; 9865 } 9866 9867 .woocommerce input[type=submit].color6, 9868 .woocommerce input[type=button].color6, 9869 .woocommerce .button.color6, 9870 .woocommerce a.button.color6, 9871 .woocommerce button.button.color6, 9872 .woocommerce input.button.color6, 9873 .woocommerce #respond input#submit.color6, 9874 .woocommerce a.added_to_cart.color6 { 9875 background-color: #e64980; 9876 } 9877 9878 .woocommerce input[type=submit].color6:not(:disabled), 9879 .woocommerce input[type=button].color6:not(:disabled), 9880 .woocommerce .button.color6:not(:disabled), 9881 .woocommerce a.button.color6:not(:disabled), 9882 .woocommerce button.button.color6:not(:disabled), 9883 .woocommerce input.button.color6:not(:disabled), 9884 .woocommerce #respond input#submit.color6:not(:disabled), 9885 .woocommerce a.added_to_cart.color6:not(:disabled) { 9886 color: #ffffff; 9887 } 9888 9889 .woocommerce input[type=submit].color6:not(:disabled), 9890 .woocommerce input[type=button].color6:not(:disabled), 9891 .woocommerce .button.color6:not(:disabled), 9892 .woocommerce a.button.color6:not(:disabled), 9893 .woocommerce button.button.color6:not(:disabled), 9894 .woocommerce input.button.color6:not(:disabled), 9895 .woocommerce #respond input#submit.color6:not(:disabled), 9896 .woocommerce a.added_to_cart.color6:not(:disabled) { 9897 border-color: #e64980; 9898 } 9899 9900 .woocommerce input[type=submit].color6::before, 9901 .woocommerce input[type=submit].color6::after, 9902 .woocommerce input[type=button].color6::before, 9903 .woocommerce input[type=button].color6::after, 9904 .woocommerce .button.color6::before, 9905 .woocommerce .button.color6::after, 9906 .woocommerce a.button.color6::before, 9907 .woocommerce a.button.color6::after, 9908 .woocommerce button.button.color6::before, 9909 .woocommerce button.button.color6::after, 9910 .woocommerce input.button.color6::before, 9911 .woocommerce input.button.color6::after, 9912 .woocommerce #respond input#submit.color6::before, 9913 .woocommerce #respond input#submit.color6::after, 9914 .woocommerce a.added_to_cart.color6::before, 9915 .woocommerce a.added_to_cart.color6::after { 9916 background-color: rgba(255, 255, 255, 0.8); 9917 } 9918 9919 .woocommerce input[type=submit].color6:hover::before, 9920 .woocommerce input[type=button].color6:hover::before, 9921 .woocommerce .button.color6:hover::before, 9922 .woocommerce a.button.color6:hover::before, 9923 .woocommerce button.button.color6:hover::before, 9924 .woocommerce input.button.color6:hover::before, 9925 .woocommerce #respond input#submit.color6:hover::before, 9926 .woocommerce a.added_to_cart.color6:hover::before { 9927 opacity: 0.08; 9928 } 9929 9930 .woocommerce input[type=submit].color6:not(.mdc-ripple-upgraded):focus::before, 9931 .woocommerce input[type=submit].color6.mdc-ripple-upgraded--background-focused::before, 9932 .woocommerce input[type=button].color6:not(.mdc-ripple-upgraded):focus::before, 9933 .woocommerce input[type=button].color6.mdc-ripple-upgraded--background-focused::before, 9934 .woocommerce .button.color6:not(.mdc-ripple-upgraded):focus::before, 9935 .woocommerce .button.color6.mdc-ripple-upgraded--background-focused::before, 9936 .woocommerce a.button.color6:not(.mdc-ripple-upgraded):focus::before, 9937 .woocommerce a.button.color6.mdc-ripple-upgraded--background-focused::before, 9938 .woocommerce button.button.color6:not(.mdc-ripple-upgraded):focus::before, 9939 .woocommerce button.button.color6.mdc-ripple-upgraded--background-focused::before, 9940 .woocommerce input.button.color6:not(.mdc-ripple-upgraded):focus::before, 9941 .woocommerce input.button.color6.mdc-ripple-upgraded--background-focused::before, 9942 .woocommerce #respond input#submit.color6:not(.mdc-ripple-upgraded):focus::before, 9943 .woocommerce #respond input#submit.color6.mdc-ripple-upgraded--background-focused::before, 9944 .woocommerce a.added_to_cart.color6:not(.mdc-ripple-upgraded):focus::before, 9945 .woocommerce a.added_to_cart.color6.mdc-ripple-upgraded--background-focused::before { 9946 transition-duration: 75ms; 9947 opacity: 0.24; 9948 } 9949 9950 .woocommerce input[type=submit].color6:not(.mdc-ripple-upgraded)::after, 9951 .woocommerce input[type=button].color6:not(.mdc-ripple-upgraded)::after, 9952 .woocommerce .button.color6:not(.mdc-ripple-upgraded)::after, 9953 .woocommerce a.button.color6:not(.mdc-ripple-upgraded)::after, 9954 .woocommerce button.button.color6:not(.mdc-ripple-upgraded)::after, 9955 .woocommerce input.button.color6:not(.mdc-ripple-upgraded)::after, 9956 .woocommerce #respond input#submit.color6:not(.mdc-ripple-upgraded)::after, 9957 .woocommerce a.added_to_cart.color6:not(.mdc-ripple-upgraded)::after { 9958 transition: opacity 150ms linear; 9959 } 9960 9961 .woocommerce input[type=submit].color6:not(.mdc-ripple-upgraded):active::after, 9962 .woocommerce input[type=button].color6:not(.mdc-ripple-upgraded):active::after, 9963 .woocommerce .button.color6:not(.mdc-ripple-upgraded):active::after, 9964 .woocommerce a.button.color6:not(.mdc-ripple-upgraded):active::after, 9965 .woocommerce button.button.color6:not(.mdc-ripple-upgraded):active::after, 9966 .woocommerce input.button.color6:not(.mdc-ripple-upgraded):active::after, 9967 .woocommerce #respond input#submit.color6:not(.mdc-ripple-upgraded):active::after, 9968 .woocommerce a.added_to_cart.color6:not(.mdc-ripple-upgraded):active::after { 9969 transition-duration: 75ms; 9970 opacity: 0.32; 9971 } 9972 9973 .woocommerce input[type=submit].color6.mdc-ripple-upgraded, 9974 .woocommerce input[type=button].color6.mdc-ripple-upgraded, 9975 .woocommerce .button.color6.mdc-ripple-upgraded, 9976 .woocommerce a.button.color6.mdc-ripple-upgraded, 9977 .woocommerce button.button.color6.mdc-ripple-upgraded, 9978 .woocommerce input.button.color6.mdc-ripple-upgraded, 9979 .woocommerce #respond input#submit.color6.mdc-ripple-upgraded, 9980 .woocommerce a.added_to_cart.color6.mdc-ripple-upgraded { 9981 --mdc-ripple-fg-opacity: 0.32; 9982 } 9983 9984 .woocommerce input[type=submit].color6.outline, 9985 .woocommerce input[type=button].color6.outline, 9986 .woocommerce .button.color6.outline, 9987 .woocommerce a.button.color6.outline, 9988 .woocommerce button.button.color6.outline, 9989 .woocommerce input.button.color6.outline, 9990 .woocommerce #respond input#submit.color6.outline, 9991 .woocommerce a.added_to_cart.color6.outline { 9992 background-color: transparent; 9993 border-style: solid; 9994 } 9995 9996 .woocommerce input[type=submit].color6.outline:not(:disabled), 9997 .woocommerce input[type=button].color6.outline:not(:disabled), 9998 .woocommerce .button.color6.outline:not(:disabled), 9999 .woocommerce a.button.color6.outline:not(:disabled), 10000 .woocommerce button.button.color6.outline:not(:disabled), 10001 .woocommerce input.button.color6.outline:not(:disabled), 10002 .woocommerce #respond input#submit.color6.outline:not(:disabled), 10003 .woocommerce a.added_to_cart.color6.outline:not(:disabled) { 10004 color: #e64980; 10005 } 10006 10007 .woocommerce input[type=submit].color6.outline:disabled, 10008 .woocommerce input[type=button].color6.outline:disabled, 10009 .woocommerce .button.color6.outline:disabled, 10010 .woocommerce a.button.color6.outline:disabled, 10011 .woocommerce button.button.color6.outline:disabled, 10012 .woocommerce input.button.color6.outline:disabled, 10013 .woocommerce #respond input#submit.color6.outline:disabled, 10014 .woocommerce a.added_to_cart.color6.outline:disabled { 10015 border-color: rgba(0, 0, 0, 0.37); 10016 } 10017 10018 .woocommerce input[type=submit].color6.outline:not(:disabled), 10019 .woocommerce input[type=button].color6.outline:not(:disabled), 10020 .woocommerce .button.color6.outline:not(:disabled), 10021 .woocommerce a.button.color6.outline:not(:disabled), 10022 .woocommerce button.button.color6.outline:not(:disabled), 10023 .woocommerce input.button.color6.outline:not(:disabled), 10024 .woocommerce #respond input#submit.color6.outline:not(:disabled), 10025 .woocommerce a.added_to_cart.color6.outline:not(:disabled) { 10026 border-color: #e64980; 10027 } 10028 10029 .woocommerce input[type=submit].color6.link, 10030 .woocommerce input[type=button].color6.link, 10031 .woocommerce .button.color6.link, 10032 .woocommerce a.button.color6.link, 10033 .woocommerce button.button.color6.link, 10034 .woocommerce input.button.color6.link, 10035 .woocommerce #respond input#submit.color6.link, 10036 .woocommerce a.added_to_cart.color6.link { 10037 background-color: transparent; 10038 padding: 0 8px; 10039 } 10040 10041 .woocommerce input[type=submit].color6.link:not(:disabled), 10042 .woocommerce input[type=button].color6.link:not(:disabled), 10043 .woocommerce .button.color6.link:not(:disabled), 10044 .woocommerce a.button.color6.link:not(:disabled), 10045 .woocommerce button.button.color6.link:not(:disabled), 10046 .woocommerce input.button.color6.link:not(:disabled), 10047 .woocommerce #respond input#submit.color6.link:not(:disabled), 10048 .woocommerce a.added_to_cart.color6.link:not(:disabled) { 10049 color: #e64980; 10050 } 10051 10052 .woocommerce input[type=submit].color6.link::before, 10053 .woocommerce input[type=submit].color6.link::after, 10054 .woocommerce input[type=button].color6.link::before, 10055 .woocommerce input[type=button].color6.link::after, 10056 .woocommerce .button.color6.link::before, 10057 .woocommerce .button.color6.link::after, 10058 .woocommerce a.button.color6.link::before, 10059 .woocommerce a.button.color6.link::after, 10060 .woocommerce button.button.color6.link::before, 10061 .woocommerce button.button.color6.link::after, 10062 .woocommerce input.button.color6.link::before, 10063 .woocommerce input.button.color6.link::after, 10064 .woocommerce #respond input#submit.color6.link::before, 10065 .woocommerce #respond input#submit.color6.link::after, 10066 .woocommerce a.added_to_cart.color6.link::before, 10067 .woocommerce a.added_to_cart.color6.link::after { 10068 background-color: rgba(230, 73, 128, 0.8); 10069 } 10070 10071 .woocommerce input[type=submit].color6.link:hover::before, 10072 .woocommerce input[type=button].color6.link:hover::before, 10073 .woocommerce .button.color6.link:hover::before, 10074 .woocommerce a.button.color6.link:hover::before, 10075 .woocommerce button.button.color6.link:hover::before, 10076 .woocommerce input.button.color6.link:hover::before, 10077 .woocommerce #respond input#submit.color6.link:hover::before, 10078 .woocommerce a.added_to_cart.color6.link:hover::before { 10079 opacity: 0.04; 10080 } 10081 10082 .woocommerce input[type=submit].color6.link:not(.mdc-ripple-upgraded):focus::before, 10083 .woocommerce input[type=submit].color6.link.mdc-ripple-upgraded--background-focused::before, 10084 .woocommerce input[type=button].color6.link:not(.mdc-ripple-upgraded):focus::before, 10085 .woocommerce input[type=button].color6.link.mdc-ripple-upgraded--background-focused::before, 10086 .woocommerce .button.color6.link:not(.mdc-ripple-upgraded):focus::before, 10087 .woocommerce .button.color6.link.mdc-ripple-upgraded--background-focused::before, 10088 .woocommerce a.button.color6.link:not(.mdc-ripple-upgraded):focus::before, 10089 .woocommerce a.button.color6.link.mdc-ripple-upgraded--background-focused::before, 10090 .woocommerce button.button.color6.link:not(.mdc-ripple-upgraded):focus::before, 10091 .woocommerce button.button.color6.link.mdc-ripple-upgraded--background-focused::before, 10092 .woocommerce input.button.color6.link:not(.mdc-ripple-upgraded):focus::before, 10093 .woocommerce input.button.color6.link.mdc-ripple-upgraded--background-focused::before, 10094 .woocommerce #respond input#submit.color6.link:not(.mdc-ripple-upgraded):focus::before, 10095 .woocommerce #respond input#submit.color6.link.mdc-ripple-upgraded--background-focused::before, 10096 .woocommerce a.added_to_cart.color6.link:not(.mdc-ripple-upgraded):focus::before, 10097 .woocommerce a.added_to_cart.color6.link.mdc-ripple-upgraded--background-focused::before { 10098 transition-duration: 75ms; 10099 opacity: 0.12; 10100 } 10101 10102 .woocommerce input[type=submit].color6.link:not(.mdc-ripple-upgraded)::after, 10103 .woocommerce input[type=button].color6.link:not(.mdc-ripple-upgraded)::after, 10104 .woocommerce .button.color6.link:not(.mdc-ripple-upgraded)::after, 10105 .woocommerce a.button.color6.link:not(.mdc-ripple-upgraded)::after, 10106 .woocommerce button.button.color6.link:not(.mdc-ripple-upgraded)::after, 10107 .woocommerce input.button.color6.link:not(.mdc-ripple-upgraded)::after, 10108 .woocommerce #respond input#submit.color6.link:not(.mdc-ripple-upgraded)::after, 10109 .woocommerce a.added_to_cart.color6.link:not(.mdc-ripple-upgraded)::after { 10110 transition: opacity 150ms linear; 10111 } 10112 10113 .woocommerce input[type=submit].color6.link:not(.mdc-ripple-upgraded):active::after, 10114 .woocommerce input[type=button].color6.link:not(.mdc-ripple-upgraded):active::after, 10115 .woocommerce .button.color6.link:not(.mdc-ripple-upgraded):active::after, 10116 .woocommerce a.button.color6.link:not(.mdc-ripple-upgraded):active::after, 10117 .woocommerce button.button.color6.link:not(.mdc-ripple-upgraded):active::after, 10118 .woocommerce input.button.color6.link:not(.mdc-ripple-upgraded):active::after, 10119 .woocommerce #respond input#submit.color6.link:not(.mdc-ripple-upgraded):active::after, 10120 .woocommerce a.added_to_cart.color6.link:not(.mdc-ripple-upgraded):active::after { 10121 transition-duration: 75ms; 10122 opacity: 0.16; 10123 } 10124 10125 .woocommerce input[type=submit].color6.link.mdc-ripple-upgraded, 10126 .woocommerce input[type=button].color6.link.mdc-ripple-upgraded, 10127 .woocommerce .button.color6.link.mdc-ripple-upgraded, 10128 .woocommerce a.button.color6.link.mdc-ripple-upgraded, 10129 .woocommerce button.button.color6.link.mdc-ripple-upgraded, 10130 .woocommerce input.button.color6.link.mdc-ripple-upgraded, 10131 .woocommerce #respond input#submit.color6.link.mdc-ripple-upgraded, 10132 .woocommerce a.added_to_cart.color6.link.mdc-ripple-upgraded { 10133 --mdc-ripple-fg-opacity: 0.16; 10134 } 10135 10136 .woocommerce input[type=submit].color6.link:hover, 10137 .woocommerce input[type=button].color6.link:hover, 10138 .woocommerce .button.color6.link:hover, 10139 .woocommerce a.button.color6.link:hover, 10140 .woocommerce button.button.color6.link:hover, 10141 .woocommerce input.button.color6.link:hover, 10142 .woocommerce #respond input#submit.color6.link:hover, 10143 .woocommerce a.added_to_cart.color6.link:hover { 10144 background-color: transparent; 10145 } 10146 10147 .woocommerce input[type=submit].color6 :disabled, 10148 .woocommerce input[type=submit].color6.disabled, 10149 .woocommerce input[type=button].color6 :disabled, 10150 .woocommerce input[type=button].color6.disabled, 10151 .woocommerce .button.color6 :disabled, 10152 .woocommerce .button.color6.disabled, 10153 .woocommerce a.button.color6 :disabled, 10154 .woocommerce a.button.color6.disabled, 10155 .woocommerce button.button.color6 :disabled, 10156 .woocommerce button.button.color6.disabled, 10157 .woocommerce input.button.color6 :disabled, 10158 .woocommerce input.button.color6.disabled, 10159 .woocommerce #respond input#submit.color6 :disabled, 10160 .woocommerce #respond input#submit.color6.disabled, 10161 .woocommerce a.added_to_cart.color6 :disabled, 10162 .woocommerce a.added_to_cart.color6.disabled { 10163 background-color: rgba(230, 73, 128, 0.5); 10164 border-color: rgba(230, 73, 128, 0.5); 10165 cursor: default; 10166 pointer-events: none; 10167 } 10168 10169 .woocommerce input[type=submit].white-text, 10170 .woocommerce input[type=button].white-text, 10171 .woocommerce .button.white-text, 10172 .woocommerce a.button.white-text, 10173 .woocommerce button.button.white-text, 10174 .woocommerce input.button.white-text, 10175 .woocommerce #respond input#submit.white-text, 10176 .woocommerce a.added_to_cart.white-text { 10177 color: #ffffff !important; 10178 } 10179 10180 .woocommerce input[type=submit].dark-text, 10181 .woocommerce input[type=button].dark-text, 10182 .woocommerce .button.dark-text, 10183 .woocommerce a.button.dark-text, 10184 .woocommerce button.button.dark-text, 10185 .woocommerce input.button.dark-text, 10186 .woocommerce #respond input#submit.dark-text, 10187 .woocommerce a.added_to_cart.dark-text { 10188 color: #2b2d42 !important; 10189 } 10190 10191 .woocommerce input[type=submit][disabled], 10192 .woocommerce input[type=button][disabled], 10193 .woocommerce .button[disabled], 10194 .woocommerce a.button[disabled], 10195 .woocommerce button.button[disabled], 10196 .woocommerce input.button[disabled], 10197 .woocommerce #respond input#submit[disabled], 10198 .woocommerce a.added_to_cart[disabled] { 10199 color: #eeeeee !important; 10200 } 10201 10202 .woocommerce input[type=submit], 10203 .woocommerce input[type=button], 10204 .woocommerce .button, 10205 .woocommerce a.button, 10206 .woocommerce button.button, 10207 .woocommerce input.button, 10208 .woocommerce #respond input#submit { 10209 background-color: #228ae6; 10210 } 10211 10212 .woocommerce input[type=submit].alt, 10213 .woocommerce input[type=button].alt, 10214 .woocommerce .button.alt, 10215 .woocommerce a.button.alt, 10216 .woocommerce button.button.alt, 10217 .woocommerce input.button.alt, 10218 .woocommerce a.added_to_cart, 10219 .woocommerce #respond input#submit.alt { 10220 background-color: #fa5252; 10221 } 10222 10223 .woocommerce #review_form #respond input[type=submit], 10224 .woocommerce .woocommerce-cart-form .shop_table button[type=submit], 10225 .woocommerce .button.wc-backward, 10226 .woocommerce .woocommerce-form-login button[type=submit], 10227 .woocommerce .lost_reset_password button[type=submit], 10228 .woocommerce .woocommerce-form-coupon button[type=submit], 10229 .woocommerce .woocommerce-checkout-review-order button[type=submit], 10230 .woocommerce .woocommerce-address-fields button[type=submit], 10231 .woocommerce .edit-account button[type=submit] { 10232 padding: 0.6rem 1.5rem; 10233 font-size: 1rem; 10234 text-transform: uppercase; 10235 } 10236 10237 .woocommerce .woocommerce-orders-table .woocommerce-button.view { 10238 box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); 10239 margin: 3px 0px; 10240 } 10241 10242 .woocommerce .woocommerce-Message--info .woocommerce-Button { 10243 margin-bottom: 0px; 10244 } 10245 10246 .woocommerce #payment button#place_order { 10247 float: left; 10248 } 10249 10250 .woocommerce .single_add_to_cart_button, 10251 .woocommerce .add_to_cart_button, 10252 .woocommerce .added_to_cart, 10253 .woocommerce .product_type_external { 10254 min-height: 0px; 10255 height: auto; 10256 font-size: 0.65rem; 10257 } 10258 10259 .woocommerce .single_add_to_cart_button.wc-forward, 10260 .woocommerce .add_to_cart_button.wc-forward, 10261 .woocommerce .added_to_cart.wc-forward, 10262 .woocommerce .product_type_external.wc-forward { 10263 position: absolute; 10264 bottom: 0; 10265 left: 50%; 10266 -webkit-transform: translate(-50%, calc(50% + 0.5rem)); 10267 transform: translate(-50%, calc(50% + 0.5rem)); 10268 } 10269 10270 .woocommerce .single_add_to_cart_button.wc-forward:before, 10271 .woocommerce .add_to_cart_button.wc-forward:before, 10272 .woocommerce .added_to_cart.wc-forward:before, 10273 .woocommerce .product_type_external.wc-forward:before { 10274 display: inline-block; 10275 font: normal normal normal 14px/1 FontAwesome; 10276 font-size: inherit; 10277 text-rendering: auto; 10278 -webkit-font-smoothing: antialiased; 10279 -moz-osx-font-smoothing: grayscale; 10280 content: "\F07A"; 10281 margin-right: 0.5em; 10282 } 10283 10284 .woocommerce .ope-woo-card-footer { 10285 display: flex; 10286 justify-content: center; 10287 } 10288 10289 .woocommerce .ope-woo-card-footer .single_add_to_cart_button, 10290 .woocommerce .ope-woo-card-footer .add_to_cart_button, 10291 .woocommerce .ope-woo-card-footer .added_to_cart, 10292 .woocommerce .ope-woo-card-footer .product_type_external { 10293 box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); 10294 } 10295 10296 .woocommerce ul.products li.product .star-rating { 10297 font-size: 1.25rem; 10298 } 10299 10300 .woocommerce ul.products li.product .star-rating:before { 10301 color: #1670bf; 10302 } 10303 10304 .woocommerce ul.products li.product .star-rating span:before { 10305 color: #50a2eb; 10306 } 10307 10308 .woocommerce ul.products li.product p.stars a { 10309 color: #228ae6; 10310 } 10311 10312 .woocommerce span.onsale { 10313 background-color: #50a2eb; 10314 border-radius: 4px; 10315 } 10316 10317 .woocommerce .price { 10318 font-size: 2rem; 10319 font-weight: 100; 10320 color: #228ae6; 10321 } 10322 10323 .woocommerce .price del, 10324 .woocommerce .price ins { 10325 display: inline-block; 10326 font-weight: 400; 10327 } 10328 10329 .woocommerce .price del { 10330 font-size: 0.6em; 10331 color: #50a2eb; 10332 } 10333 10334 .woocommerce .price ins { 10335 text-decoration: none; 10336 } 10337 10338 @media (max-width: 767px) { 10339 .woocommerce .price { 10340 margin-bottom: 0.9em; 10341 } 10342 } 10343 10344 .woocommerce .cart_totals { 10345 padding: 24px 40px; 10346 background-color: #ffffff; 10347 box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08); 10348 border-radius: 8px; 10349 box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); 10350 } 10351 10352 .woocommerce .cart_totals .shop_table tr > td { 10353 vertical-align: middle; 10354 } 10355 10356 .woocommerce .cart_totals .shop_table tr > td .woocommerce-shipping-calculator { 10357 margin-bottom: 0px; 10358 } 10359 10360 .woocommerce .cart_totals .shop_table tr > td .woocommerce-shipping-calculator .shipping-calculator-form { 10361 margin-top: 1rem; 10362 } 10363 10364 .woocommerce .cart_totals .shop_table tr > td .woocommerce-shipping-calculator > p, 10365 .woocommerce .cart_totals .shop_table tr > td .woocommerce-shipping-calculator .shipping-calculator-form > p:last-of-type { 10366 margin-bottom: 0px; 10367 } 10368 10369 .woocommerce .woocommerce-cart-form { 10370 margin-bottom: 2.5rem; 10371 } 10372 10373 .woocommerce .woocommerce-cart-form a { 10374 color: #228ae6; 10375 } 10376 10377 .woocommerce .woocommerce-cart-form a:hover, 10378 .woocommerce .woocommerce-cart-form a:focus { 10379 color: #50a2eb; 10380 } 10381 10382 .woocommerce .woocommerce-cart-form table.cart img { 10383 width: 80px; 10384 } 10385 10386 .woocommerce .woocommerce-cart-form .shop_table { 10387 padding: 24px 40px; 10388 background-color: #ffffff; 10389 box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08); 10390 border-radius: 8px; 10391 box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); 10392 padding: 0px; 10393 overflow: hidden; 10394 /* Safari Fix */ 10395 -webkit-border-radius: 8px; 10396 -moz-border-radius: 8px; 10397 -webkit-background-clip: padding-box; 10398 -moz-background-clip: padding; 10399 background-clip: padding-box; 10400 } 10401 10402 .woocommerce .woocommerce-cart-form .shop_table thead { 10403 background-color: #f8f8f8; 10404 } 10405 10406 .woocommerce .woocommerce-cart-form .shop_table tr:last-child td { 10407 background-color: #f8f8f8; 10408 padding: 1rem 0.75rem; 10409 } 10410 10411 .woocommerce .woocommerce-cart-form .shop_table tr:last-child td .coupon { 10412 display: flex; 10413 } 10414 10415 .woocommerce .woocommerce-cart-form .shop_table tr:last-child td .coupon input#coupon_code { 10416 background: #ffffff; 10417 line-height: 2rem; 10418 padding: 5px 12px; 10419 flex-grow: 1; 10420 margin-right: 15px; 10421 } 10422 10423 .woocommerce .woocommerce-cart-form .shop_table tr td a { 10424 display: grid; 10425 } 10426 10427 .woocommerce .woocommerce-cart-form .shop_table tr td a.remove { 10428 margin: auto; 10429 } 10430 10431 @media (max-width: 1023px) { 10432 .woocommerce .woocommerce-cart-form .shop_table tr td a.remove { 10433 margin-right: 0; 10434 } 10435 } 10436 10437 @media (max-width: 1023px) { 10438 .woocommerce .woocommerce-cart-form .shop_table tr.cart_item { 10439 border-bottom: 1.25rem solid rgba(0, 0, 0, 0.1); 10440 } 10441 10442 .woocommerce .woocommerce-cart-form .shop_table tr.cart_item:nth-last-child(2) { 10443 border-bottom: none; 10444 } 10445 } 10446 10447 .woocommerce .woocommerce-cart-form .quantity .qty { 10448 width: 4em; 10449 padding-left: 0.875rem; 10450 } 10451 10452 .woocommerce .woocommerce-cart-form .coupon input[type=submit] { 10453 float: right; 10454 flex-grow: 1; 10455 } 10456 10457 .woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button { 10458 text-transform: uppercase; 10459 } 10460 10461 .woocommerce p.cart-empty { 10462 text-align: center; 10463 font-size: 24px; 10464 } 10465 10466 .woocommerce p.cart-empty + p.return-to-shop { 10467 text-align: center; 10468 } 10469 10470 .woocommerce .button[name=update_cart] { 10471 margin-bottom: 0px; 10472 } 10473 10474 .woocommerce .button[name=apply_coupon], 10475 .woocommerce .button.checkout-button.alt { 10476 margin-bottom: 0px; 10477 } 10478 10479 .woocommerce a.button.checkout-button { 10480 background-color: #fa5252; 10481 border-color: #fa5252; 10482 } 10483 10484 .woocommerce a.button.checkout-button:hover { 10485 background-color: #f92020; 10486 border-color: #f92020; 10487 } 10488 10489 .woocommerce nav.woocommerce-breadcrumb { 10490 margin-top: 1em; 10491 } 10492 10493 .woocommerce ul.products { 10494 box-sizing: border-box; 10495 display: -moz-flex; 10496 display: flex; 10497 -moz-flex: 0 1 auto; 10498 flex: 0 1 auto; 10499 -moz-flex-direction: row; 10500 flex-direction: row; 10501 flex-wrap: wrap; 10502 margin-right: -15px; 10503 margin-left: -15px; 10504 align-content: start; 10505 margin-bottom: 3rem; 10506 } 10507 10508 .woocommerce ul.products mark { 10509 background: transparent; 10510 } 10511 10512 .woocommerce ul.products li.product { 10513 margin: 0px; 10514 margin-bottom: 2rem; 10515 text-align: center; 10516 } 10517 10518 .woocommerce ul.products li.product:not(.in-page-section) { 10519 box-sizing: border-box; 10520 -moz-flex-grow: 0; 10521 flex-grow: 0; 10522 flex-shrink: 0; 10523 padding-right: 15px; 10524 padding-left: 15px; 10525 flex-basis: 100%; 10526 max-width: 100%; 10527 } 10528 10529 .woocommerce ul.products li.product.in-page-section { 10530 box-sizing: border-box; 10531 -moz-flex-grow: 0; 10532 flex-grow: 0; 10533 flex-shrink: 0; 10534 padding-right: 15px; 10535 padding-left: 15px; 10536 flex-grow: 1; 10537 } 10538 10539 .woocommerce ul.products li.product span.onsale { 10540 left: 10px; 10541 top: 15px; 10542 right: auto; 10543 min-width: 3.2rem; 10544 line-height: 1.6; 10545 min-height: 1.6em; 10546 font-size: 10px; 10547 font-weight: 500; 10548 text-transform: uppercase; 10549 } 10550 10551 .woocommerce ul.products li.product .ope-woo-card-content-section { 10552 margin: 0.5em auto; 10553 } 10554 10555 .woocommerce ul.products li.product .ope-woo-card-content-section.ope-woo-card-content-description { 10556 font-size: 0.875rem; 10557 padding: 0 1rem; 10558 } 10559 10560 .woocommerce ul.products li.product .ope-woo-card-item { 10561 padding: 24px 40px; 10562 background-color: #ffffff; 10563 box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08); 10564 border-radius: 8px; 10565 box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); 10566 padding: 0; 10567 position: relative; 10568 padding-bottom: 1rem; 10569 width: 100%; 10570 height: 100%; 10571 } 10572 10573 .woocommerce ul.products li.product .ope-woo-card-item .ope-woo-card-content > a { 10574 display: inline-block; 10575 width: 100%; 10576 } 10577 10578 .woocommerce ul.products li.product .ope-woo-card-item .ope-woo-card-item-inner { 10579 padding: 0 1rem 1rem 1rem; 10580 } 10581 10582 .woocommerce ul.products li.product .ope-woo-card-item .ope-woo-card-content-rating { 10583 margin: 0; 10584 } 10585 10586 .woocommerce ul.products li.product .ope-woo-card-item .ope-woo-card-content-rating .star-rating { 10587 margin: 0.4em auto; 10588 } 10589 10590 .woocommerce ul.products li.product .ope-woo-card-item.bordered, 10591 .woocommerce ul.products li.product .ope-woo-card-item.card[class*=bottom-border-] { 10592 box-shadow: none; 10593 border: 1px solid #e0e1e1; 10594 } 10595 10596 .woocommerce ul.products li.product .ope-woo-card-item.bordered.y-move, 10597 .woocommerce ul.products li.product .ope-woo-card-item.y-move.card[class*=bottom-border-] { 10598 transition: all 0.2s; 10599 } 10600 10601 .woocommerce ul.products li.product .ope-woo-card-item.bordered.y-move:hover, 10602 .woocommerce ul.products li.product .ope-woo-card-item.y-move.card[class*=bottom-border-]:hover { 10603 -webkit-transform: translateY(-2px); 10604 transform: translateY(-2px); 10605 box-shadow: 0 10px 20px rgba(189, 189, 189, 0.19), 0 6px 6px rgba(189, 189, 189, 0.23); 10606 } 10607 10608 .woocommerce ul.products li.product .ope-woo-card-item[class*=bottom-border-] { 10609 border-bottom-width: 3px; 10610 } 10611 10612 @media screen and (min-width: 768px) and (max-width: 890px) { 10613 .woocommerce ul.products li.product.col-sm-2 .ope-woo-card-item .ope-woo-card-content-rating .star-rating { 10614 font-size: 1rem; 10615 } 10616 10617 .woocommerce ul.products li.product.col-sm-2 .ope-woo-card-item .ope-woo-card-content-rating .star-rating > span { 10618 font-size: 1rem; 10619 } 10620 } 10621 10622 .woocommerce ul.products li.product .ope-woo-card-item.card.bottom-border-color1 { 10623 border-bottom-color: #228ae6; 10624 } 10625 10626 .woocommerce ul.products li.product .ope-woo-card-item.card.bottom-border-color2 { 10627 border-bottom-color: #fa5252; 10628 } 10629 10630 .woocommerce ul.products li.product .ope-woo-card-item.card.bottom-border-color3 { 10631 border-bottom-color: #82c91e; 10632 } 10633 10634 .woocommerce ul.products li.product .ope-woo-card-item.card.bottom-border-color4 { 10635 border-bottom-color: #fab005; 10636 } 10637 10638 .woocommerce ul.products li.product .ope-woo-card-item.card.bottom-border-color5 { 10639 border-bottom-color: #7950f2; 10640 } 10641 10642 .woocommerce ul.products li.product .ope-woo-card-item.card.bottom-border-color6 { 10643 border-bottom-color: #e64980; 10644 } 10645 10646 .woocommerce ul.products li.product .ope-woo-card-item.card.bottom-border-color-black { 10647 border-bottom-color: #000000; 10648 } 10649 10650 .woocommerce ul.products li.product .ope-woo-card-item.card.bottom-border-color-white { 10651 border-bottom-color: #ffffff; 10652 } 10653 10654 .woocommerce ul.products li.product .woocommerce-loop-product__link h3 { 10655 color: #54617A; 10656 font-size: 1.25rem; 10657 font-weight: 400; 10658 line-height: 1.8rem; 10659 padding: 0; 10660 } 10661 10662 .woocommerce ul.products li.product .woocommerce-loop-product__link h3:hover { 10663 color: #50a2eb; 10664 } 10665 10666 .woocommerce ul.products li.product .ope-woo-card-content-categories a { 10667 color: #fa5252; 10668 } 10669 10670 .woocommerce ul.products li.product .ope-woo-card-content-categories a:hover, 10671 .woocommerce ul.products li.product .ope-woo-card-content-categories a:focus { 10672 color: #fdb5b5; 10673 } 10674 10675 .woocommerce ul.products li.product .price { 10676 font-size: 2rem; 10677 font-weight: 100; 10678 color: #228ae6; 10679 } 10680 10681 .woocommerce ul.products li.product .price del, 10682 .woocommerce ul.products li.product .price ins { 10683 display: inline-block; 10684 font-weight: 400; 10685 } 10686 10687 .woocommerce ul.products li.product .price del { 10688 font-size: 0.6em; 10689 color: #50a2eb; 10690 } 10691 10692 .woocommerce ul.products li.product .price ins { 10693 text-decoration: none; 10694 } 10695 10696 @media (max-width: 767px) { 10697 .woocommerce ul.products li.product .price { 10698 margin-bottom: 0.9em; 10699 } 10700 } 10701 10702 .woocommerce ul.products li.product .price { 10703 font-size: 1.5rem; 10704 font-weight: 400; 10705 margin-bottom: 0px; 10706 } 10707 10708 .woocommerce ul.products li.product a div { 10709 color: #8D99AE; 10710 } 10711 10712 .woocommerce div.product { 10713 background-color: #ffffff; 10714 border: 1px solid #e0e1e1; 10715 box-shadow: none; 10716 padding: 3rem; 10717 margin-bottom: 3rem; 10718 } 10719 10720 @media (max-width: 768px) { 10721 .woocommerce div.product { 10722 padding: 1rem; 10723 } 10724 } 10725 10726 .woocommerce div.product div.images .flex-control-thumbs { 10727 margin-left: -6px; 10728 margin-right: -6px; 10729 } 10730 10731 .woocommerce div.product div.images .flex-control-thumbs li { 10732 padding-left: 6px; 10733 padding-right: 6px; 10734 margin-top: 10px; 10735 } 10736 10737 .woocommerce div.product .ope-woo-product-images { 10738 display: block; 10739 margin-left: -1rem; 10740 margin-right: -1rem; 10741 } 10742 10743 .woocommerce div.product .ope-woo-product-images .woocommerce-product-gallery__image { 10744 display: block; 10745 width: 25%; 10746 float: left; 10747 padding: 1rem; 10748 } 10749 10750 .woocommerce div.product .product_meta { 10751 display: block; 10752 float: none; 10753 clear: both; 10754 } 10755 10756 .woocommerce div.product .summary .price { 10757 font-size: 2rem; 10758 font-weight: 100; 10759 color: #228ae6; 10760 } 10761 10762 .woocommerce div.product .summary .price del, 10763 .woocommerce div.product .summary .price ins { 10764 display: inline-block; 10765 font-weight: 400; 10766 } 10767 10768 .woocommerce div.product .summary .price del { 10769 font-size: 0.6em; 10770 color: #50a2eb; 10771 } 10772 10773 .woocommerce div.product .summary .price ins { 10774 text-decoration: none; 10775 } 10776 10777 @media (max-width: 767px) { 10778 .woocommerce div.product .summary .price { 10779 margin-bottom: 0.9em; 10780 } 10781 } 10782 10783 .woocommerce div.product .product_title { 10784 text-transform: none; 10785 } 10786 10787 .woocommerce div.product .woocommerce-variation-price { 10788 margin-bottom: 1rem; 10789 } 10790 10791 .woocommerce div.product .woocommerce-product-details__short-description { 10792 text-align: justify; 10793 } 10794 10795 .woocommerce div.product .woocommerce-product-rating { 10796 display: flex; 10797 justify-content: flex-start; 10798 } 10799 10800 @media (max-width: 767px) { 10801 .woocommerce div.product .woocommerce-product-rating { 10802 justify-content: center; 10803 } 10804 } 10805 10806 @media (max-width: 767px) { 10807 .woocommerce div.product .woocommerce-product-rating .star-rating { 10808 margin-right: 10px; 10809 } 10810 } 10811 10812 .woocommerce div.product form.cart { 10813 display: flex; 10814 align-items: center; 10815 } 10816 10817 @media (max-width: 767px) { 10818 .woocommerce div.product form.cart { 10819 margin-bottom: 2em; 10820 justify-content: center; 10821 } 10822 } 10823 10824 .woocommerce div.product form.cart .quantity { 10825 margin-right: 1.25rem !important; 10826 } 10827 10828 @media (min-width: 768px) { 10829 .woocommerce div.product form.cart .quantity { 10830 float: none; 10831 margin-left: 0; 10832 margin-right: auto; 10833 } 10834 } 10835 10836 .woocommerce div.product form.cart .quantity .qty { 10837 text-align: center; 10838 line-height: 2rem; 10839 padding: 0; 10840 -moz-appearance: textfield; 10841 } 10842 10843 .woocommerce div.product form.cart .quantity .qty::-webkit-inner-spin-button, 10844 .woocommerce div.product form.cart .quantity .qty::-webkit-inner-spin-button { 10845 display: none; 10846 } 10847 10848 .woocommerce div.product form.cart button.single_add_to_cart_button { 10849 padding: 0.7rem 3rem; 10850 font-size: 1rem; 10851 text-transform: uppercase; 10852 margin-bottom: 0; 10853 } 10854 10855 @media (min-width: 768px) { 10856 .woocommerce div.product form.cart button.single_add_to_cart_button { 10857 margin-right: 0; 10858 margin-left: auto; 10859 } 10860 } 10861 10862 .woocommerce div.product form.cart .variations { 10863 margin-bottom: 2rem; 10864 } 10865 10866 .woocommerce div.product form.cart .variations td { 10867 padding: 0px; 10868 line-height: 42px; 10869 } 10870 10871 .woocommerce div.product form.cart .variations label { 10872 text-transform: capitalize; 10873 } 10874 10875 .woocommerce div.product span.onsale { 10876 left: auto; 10877 top: 4rem; 10878 right: 3rem; 10879 min-width: 3.2rem; 10880 line-height: 1.6; 10881 min-height: 1.6em; 10882 font-size: 10px; 10883 font-weight: 500; 10884 text-transform: uppercase; 10885 } 10886 10887 @media (max-width: 768px) { 10888 .woocommerce div.product span.onsale { 10889 top: 2rem; 10890 right: 1rem; 10891 } 10892 } 10893 10894 .woocommerce div.product img.zoomImg { 10895 cursor: pointer; 10896 } 10897 10898 .woocommerce div.product .woocommerce-tabs #reply-title { 10899 font-size: 1.5rem; 10900 line-height: 2.5rem; 10901 margin-bottom: 16px; 10902 display: inline-block; 10903 } 10904 10905 .woocommerce div.product .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text { 10906 background-color: #ffffff; 10907 } 10908 10909 .woocommerce div.product .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text p.meta { 10910 font-size: 16px; 10911 } 10912 10913 .woocommerce div.product .woocommerce-tabs #reviews #comment { 10914 height: 130px; 10915 } 10916 10917 .woocommerce div.product .woocommerce-tabs #reviews p.stars { 10918 font-size: 2rem; 10919 line-height: 1; 10920 } 10921 10922 .woocommerce div.product .woocommerce-tabs #review_form { 10923 padding: 24px 40px; 10924 background-color: #ffffff; 10925 box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08); 10926 border-radius: 8px; 10927 box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); 10928 background-color: #f8f8f8; 10929 padding: 3rem; 10930 margin-top: 1rem; 10931 } 10932 10933 .woocommerce div.product .woocommerce-tabs #review_form #respond form { 10934 margin-bottom: 0; 10935 display: block; 10936 } 10937 10938 .woocommerce div.product .woocommerce-tabs #review_form #respond form p.form-submit, 10939 .woocommerce div.product .woocommerce-tabs #review_form #respond form p.form-submit > input { 10940 margin-bottom: 0 !important; 10941 } 10942 10943 .woocommerce div.product .woocommerce-tabs #review_form #respond form .mdc-text-field--textarea { 10944 background: #ffffff; 10945 font-size: 1em; 10946 border: none; 10947 } 10948 10949 .woocommerce div.product .woocommerce-tabs #review_form #respond form .comment-form-author .mdc-text-field, 10950 .woocommerce div.product .woocommerce-tabs #review_form #respond form .comment-form-email .mdc-text-field { 10951 width: 100%; 10952 text-align: left; 10953 } 10954 10955 .woocommerce div.product .woocommerce-tabs #review_form .comment-reply-title { 10956 color: #54617A; 10957 } 10958 10959 @media (max-width: 768px) { 10960 .woocommerce div.product .woocommerce-tabs #review_form { 10961 padding: 2rem 1rem; 10962 } 10963 10964 .woocommerce div.product .woocommerce-tabs #review_form .stars a { 10965 font-size: 1.2rem; 10966 } 10967 } 10968 10969 .woocommerce div.product .woocommerce-tabs ul.tabs li { 10970 background-color: transparent; 10971 margin: 0px; 10972 } 10973 10974 .woocommerce div.product .woocommerce-tabs ul.tabs li:before, 10975 .woocommerce div.product .woocommerce-tabs ul.tabs li:after { 10976 visibility: hidden; 10977 } 10978 10979 .woocommerce div.product ul.products { 10980 margin-bottom: 0; 10981 } 10982 10983 .woocommerce .comment-form-rating { 10984 display: -moz-flex; 10985 display: flex; 10986 justify-content: space-between; 10987 border-radius: 4px; 10988 background-color: #ffffff; 10989 padding: 1em; 10990 align-items: center; 10991 } 10992 10993 .woocommerce .comment-form-rating label { 10994 margin: 0 !important; 10995 } 10996 10997 .woocommerce .comment-form-rating:before, 10998 .woocommerce .comment-form-rating:after { 10999 display: none; 11000 } 11001 11002 .woocommerce .comment-form .comment-notes { 11003 font-style: italic; 11004 padding-bottom: 1rem; 11005 } 11006 11007 .woocommerce .comment-form .required { 11008 display: none; 11009 } 11010 11011 .woocommerce .comment-form input[type=submit] { 11012 margin-bottom: 1rem; 11013 } 11014 11015 .woocommerce .related .products li.product { 11016 flex-basis: 100%; 11017 max-width: 100%; 11018 } 11019 11020 .woocommerce .upsells .products li.product { 11021 flex-basis: 100%; 11022 max-width: 100%; 11023 } 11024 11025 .woocommerce .cart-collaterals .cross-sells .products li.product { 11026 flex-basis: 100%; 11027 max-width: 100%; 11028 } 11029 11030 @media (min-width: 768px) { 11031 .woocommerce .product span#reply-title { 11032 font-size: 0.75rem; 11033 font-weight: 400; 11034 } 11035 11036 .woocommerce .product #review_form #respond .form-submit input#submit { 11037 float: right; 11038 } 11039 11040 .woocommerce nav.woocommerce-breadcrumb { 11041 text-align: left; 11042 } 11043 11044 .woocommerce ul.products li.product:not(.in-page-section) { 11045 flex-basis: 50%; 11046 max-width: 50%; 11047 } 11048 11049 .woocommerce .related .products li.product { 11050 flex-basis: 50%; 11051 max-width: 50%; 11052 } 11053 11054 .woocommerce .upsells .products li.product { 11055 flex-basis: 50%; 11056 max-width: 50%; 11057 } 11058 11059 .woocommerce .cart-collaterals .cross-sells .products li.product { 11060 flex-basis: 50%; 11061 max-width: 50%; 11062 } 11063 } 11064 11065 @media (min-width: 1024px) { 11066 .woocommerce ul.products li.product:not(.in-page-section) { 11067 flex-basis: 33.3333333333%; 11068 max-width: 33.3333333333%; 11069 } 11070 11071 .woocommerce .related .products li.product { 11072 flex-basis: 25%; 11073 max-width: 25%; 11074 } 11075 11076 .woocommerce .upsells .products li.product { 11077 flex-basis: 25%; 11078 max-width: 25%; 11079 } 11080 11081 .woocommerce .cart-collaterals .cross-sells .products li.product { 11082 flex-basis: 50%; 11083 max-width: 50%; 11084 } 11085 } 11086 11087 .woocommerce nav.woocommerce-pagination { 11088 margin-bottom: 2rem; 11089 } 11090 11091 .woocommerce nav.woocommerce-pagination .nav-links .prev-navigation, 11092 .woocommerce nav.woocommerce-pagination .nav-links .next-navigation, 11093 .woocommerce nav.woocommerce-pagination .nav-links .prev-navigation a, 11094 .woocommerce nav.woocommerce-pagination .nav-links .next-navigation a { 11095 height: 4rem; 11096 width: 4rem; 11097 } 11098 11099 .woocommerce nav.woocommerce-pagination .nav-links .prev-navigation { 11100 margin-left: -1px; 11101 } 11102 11103 .woocommerce nav.woocommerce-pagination .nav-links .numbers-navigation .page-numbers { 11104 padding: 0; 11105 width: 4rem; 11106 height: 4rem; 11107 line-height: 4rem; 11108 } 11109 11110 .woocommerce .woocommerce-result-count { 11111 line-height: 43px; 11112 } 11113 11114 .woocommerce .woocommerce-ordering { 11115 margin-bottom: 2em; 11116 } 11117 11118 @media (max-width: 767px) { 11119 .woocommerce .woocommerce-result-count { 11120 float: none; 11121 display: block; 11122 text-align: center; 11123 margin-top: 2rem; 11124 } 11125 11126 .woocommerce form.woocommerce-ordering { 11127 display: inline-block; 11128 float: none; 11129 margin: auto; 11130 margin-bottom: 2rem; 11131 } 11132 } 11133 11134 .woocommerce .woocommerce-notice { 11135 padding: 0.5rem 1rem; 11136 } 11137 11138 .woocommerce.single .woocommerce-message { 11139 padding-top: 0.75rem; 11140 padding-bottom: 0.75rem; 11141 } 11142 11143 @media (max-width: 767px) { 11144 .woocommerce.single .woocommerce-message { 11145 padding-left: 3rem; 11146 padding-right: 1rem; 11147 } 11148 } 11149 11150 .woocommerce.single .woocommerce-message .button { 11151 min-width: 93px; 11152 } 11153 11154 .woocommerce .woocommerce-message * { 11155 display: inline-block !important; 11156 } 11157 11158 .woocommerce .woocommerce-message * > a:not(.button) { 11159 display: inline; 11160 padding: 0px; 11161 line-height: initial; 11162 } 11163 11164 .woocommerce .woocommerce-message::before { 11165 top: 50%; 11166 -webkit-transform: translateY(-50%); 11167 transform: translateY(-50%); 11168 } 11169 11170 @media (max-width: 767px) { 11171 .woocommerce .woocommerce-message::before { 11172 left: 1rem; 11173 } 11174 } 11175 11176 .woocommerce tfoot th, 11177 .woocommerce tfoot td { 11178 color: #8D99AE; 11179 } 11180 11181 .woocommerce-customer-details .woocommerce-columns--addresses > div { 11182 margin-top: 2rem; 11183 } 11184 11185 .woocommerce-thank-you-wrapper { 11186 padding: 24px 40px; 11187 background-color: #ffffff; 11188 box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08); 11189 border-radius: 8px; 11190 box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); 11191 } 11192 11193 @media (min-width: 1024px) { 11194 .woocommerce-order-details, 11195 .woocommerce-customer-details { 11196 width: 50%; 11197 float: left; 11198 padding: 1rem; 11199 } 11200 } 11201 11202 @media (min-width: 768px) { 11203 [data-content-shortcode] ul.products { 11204 -moz-justify-content: center; 11205 justify-content: center; 11206 } 11207 } 11208 11209 body.materialis-maintainable-product.full-width-product.woocommerce #page .page-content { 11210 padding-top: 0; 11211 padding-bottom: 0; 11212 } 11213 11214 body.materialis-maintainable-product.full-width-product.woocommerce #page div.product { 11215 padding: 0; 11216 margin: 0; 11217 border: none; 11218 } 11219 11220 11221 /*# sourceMappingURL=woocommerce.css.map*/