style.css (453346B)
1 @charset "UTF-8"; 2 3 /* 4 Theme Name: Materialis 5 Theme URI: https://extendthemes.com/go/materialis-home/ 6 Author: Extend Themes 7 Author URI: https://extendthemes.com/ 8 Description: Materialis is an incredibly flexible, multipurpose WordPress theme that can help you create an amazing website easier than ever, by drag and drop. It uses beautiful material design and it comes with a predesigned home page. It also has lots of customization options (video background, slideshow background, header content types, gradient overlays, etc) that will help you create a beautiful, unique website in no time. Materialis is responsive so it works on mobile devices out of the box. 9 Version: 1.1.16 10 License: GNU General Public License version 3 11 License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later) 12 Tags: entertainment, food-and-drink, portfolio, one-column, two-columns, right-sidebar, grid-layout, custom-header, custom-menu, custom-logo, full-width-template, theme-options, translation-ready, featured-images, threaded-comments 13 Text Domain: materialis 14 15 Tested up to: 5.8 16 Requires PHP: 5.6 17 18 This theme, like WordPress, is licensed under the GPL. 19 20 */ 21 22 /* 23 DEVELOPMENT ONLY STUFF - remove on production 24 */ 25 26 /* 27 INIT 28 */ 29 30 /** 31 * The css property used for elevation. In most cases this should not be changed. It is exposed 32 * as a variable for abstraction / easy use when needing to reference the property directly, for 33 * example in a `will-change` rule. 34 */ 35 36 /** 37 * The default duration value for elevation transitions. 38 */ 39 40 /** 41 * The default easing value for elevation transitions. 42 */ 43 44 /** 45 * Applies the correct CSS rules to an element to give it the elevation specified by $z-value. 46 * The $z-value must be between 0 and 24. 47 * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use 48 * $opacity-boost. 49 */ 50 51 /** 52 * Returns a string that can be used as the value for a `transition` property for elevation. 53 * Calling this function directly is useful in situations where a component needs to transition 54 * more than one property. 55 * 56 * ```scss 57 * .foo { 58 * transition: mdc-elevation-transition-value(), opacity 100ms ease; 59 * will-change: $mdc-elevation-property, opacity; 60 * } 61 * ``` 62 */ 63 64 .mdc-line-ripple { 65 position: absolute; 66 bottom: 0; 67 left: 0; 68 width: 100%; 69 height: 2px; 70 -webkit-transform: scaleX(0); 71 transform: scaleX(0); 72 transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1); 73 transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); 74 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); 75 opacity: 0; 76 z-index: 2; 77 } 78 79 .mdc-line-ripple--active { 80 -webkit-transform: scaleX(1); 81 transform: scaleX(1); 82 opacity: 1; 83 } 84 85 .mdc-line-ripple--deactivating { 86 opacity: 0; 87 } 88 89 @-webkit-keyframes mdc-ripple-fg-radius-in { 90 from { 91 -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 92 animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 93 -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); 94 transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); 95 } 96 97 to { 98 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 99 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 100 } 101 } 102 103 @keyframes mdc-ripple-fg-radius-in { 104 from { 105 -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 106 animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 107 -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); 108 transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); 109 } 110 111 to { 112 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 113 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 114 } 115 } 116 117 @-webkit-keyframes mdc-ripple-fg-opacity-in { 118 from { 119 -webkit-animation-timing-function: linear; 120 animation-timing-function: linear; 121 opacity: 0; 122 } 123 124 to { 125 opacity: var(--mdc-ripple-fg-opacity, 0); 126 } 127 } 128 129 @keyframes mdc-ripple-fg-opacity-in { 130 from { 131 -webkit-animation-timing-function: linear; 132 animation-timing-function: linear; 133 opacity: 0; 134 } 135 136 to { 137 opacity: var(--mdc-ripple-fg-opacity, 0); 138 } 139 } 140 141 @-webkit-keyframes mdc-ripple-fg-opacity-out { 142 from { 143 -webkit-animation-timing-function: linear; 144 animation-timing-function: linear; 145 opacity: var(--mdc-ripple-fg-opacity, 0); 146 } 147 148 to { 149 opacity: 0; 150 } 151 } 152 153 @keyframes mdc-ripple-fg-opacity-out { 154 from { 155 -webkit-animation-timing-function: linear; 156 animation-timing-function: linear; 157 opacity: var(--mdc-ripple-fg-opacity, 0); 158 } 159 160 to { 161 opacity: 0; 162 } 163 } 164 165 .mdc-ripple-surface--test-edge-var-bug { 166 --mdc-ripple-surface-test-edge-var: 1px solid #000; 167 visibility: hidden; 168 } 169 170 .mdc-ripple-surface--test-edge-var-bug::before { 171 border: var(--mdc-ripple-surface-test-edge-var); 172 } 173 174 /** 175 * The css property used for elevation. In most cases this should not be changed. It is exposed 176 * as a variable for abstraction / easy use when needing to reference the property directly, for 177 * example in a `will-change` rule. 178 */ 179 180 /** 181 * The default duration value for elevation transitions. 182 */ 183 184 /** 185 * The default easing value for elevation transitions. 186 */ 187 188 /** 189 * Applies the correct CSS rules to an element to give it the elevation specified by $z-value. 190 * The $z-value must be between 0 and 24. 191 * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use 192 * $opacity-boost. 193 */ 194 195 /** 196 * Returns a string that can be used as the value for a `transition` property for elevation. 197 * Calling this function directly is useful in situations where a component needs to transition 198 * more than one property. 199 * 200 * ```scss 201 * .foo { 202 * transition: mdc-elevation-transition-value(), opacity 100ms ease; 203 * will-change: $mdc-elevation-property, opacity; 204 * } 205 * ``` 206 */ 207 208 .mdc-form-field { 209 font-family: Roboto, sans-serif; 210 -moz-osx-font-smoothing: grayscale; 211 -webkit-font-smoothing: antialiased; 212 font-size: 0.875rem; 213 line-height: 1.25rem; 214 font-weight: 400; 215 letter-spacing: 0.0178571429em; 216 text-decoration: inherit; 217 text-transform: inherit; 218 color: rgba(0, 0, 0, 0.87); 219 /* @alternate */ 220 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); 221 display: inline-flex; 222 align-items: center; 223 vertical-align: middle; 224 } 225 226 .mdc-form-field > label { 227 order: 0; 228 margin-right: auto; 229 padding-left: 4px; 230 } 231 232 [dir=rtl] .mdc-form-field > label, 233 .mdc-form-field[dir=rtl] > label { 234 margin-left: auto; 235 padding-right: 4px; 236 } 237 238 .mdc-form-field--align-end > label { 239 order: -1; 240 margin-left: auto; 241 padding-right: 4px; 242 } 243 244 [dir=rtl] .mdc-form-field--align-end > label, 245 .mdc-form-field--align-end[dir=rtl] > label { 246 margin-right: auto; 247 padding-left: 4px; 248 } 249 250 .mdc-text-field-helper-text { 251 font-family: Roboto, sans-serif; 252 -moz-osx-font-smoothing: grayscale; 253 -webkit-font-smoothing: antialiased; 254 font-size: 0.75rem; 255 line-height: 1.25rem; 256 font-weight: 400; 257 letter-spacing: 0.0333333333em; 258 text-decoration: inherit; 259 text-transform: inherit; 260 margin: 0; 261 transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); 262 opacity: 0; 263 will-change: opacity; 264 } 265 266 .mdc-text-field + .mdc-text-field-helper-text { 267 margin-bottom: 8px; 268 } 269 270 .mdc-text-field-helper-text--persistent { 271 transition: none; 272 opacity: 1; 273 will-change: initial; 274 } 275 276 .mdc-text-field--with-leading-icon .mdc-text-field__icon, 277 .mdc-text-field--with-trailing-icon .mdc-text-field__icon { 278 position: absolute; 279 bottom: 16px; 280 cursor: pointer; 281 } 282 283 .mdc-text-field__icon:not([tabindex]), 284 .mdc-text-field__icon[tabindex="-1"] { 285 cursor: default; 286 pointer-events: none; 287 } 288 289 @-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path { 290 0%, 50% { 291 stroke-dashoffset: 29.7833385; 292 } 293 294 50% { 295 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 296 animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 297 } 298 299 100% { 300 stroke-dashoffset: 0; 301 } 302 } 303 304 @keyframes mdc-checkbox-unchecked-checked-checkmark-path { 305 0%, 50% { 306 stroke-dashoffset: 29.7833385; 307 } 308 309 50% { 310 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 311 animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 312 } 313 314 100% { 315 stroke-dashoffset: 0; 316 } 317 } 318 319 @-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { 320 0%, 68.2% { 321 -webkit-transform: scaleX(0); 322 transform: scaleX(0); 323 } 324 325 68.2% { 326 -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1); 327 animation-timing-function: cubic-bezier(0, 0, 0, 1); 328 } 329 330 100% { 331 -webkit-transform: scaleX(1); 332 transform: scaleX(1); 333 } 334 } 335 336 @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { 337 0%, 68.2% { 338 -webkit-transform: scaleX(0); 339 transform: scaleX(0); 340 } 341 342 68.2% { 343 -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1); 344 animation-timing-function: cubic-bezier(0, 0, 0, 1); 345 } 346 347 100% { 348 -webkit-transform: scaleX(1); 349 transform: scaleX(1); 350 } 351 } 352 353 @-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path { 354 from { 355 -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1); 356 animation-timing-function: cubic-bezier(0.4, 0, 1, 1); 357 opacity: 1; 358 stroke-dashoffset: 0; 359 } 360 361 to { 362 opacity: 0; 363 stroke-dashoffset: -29.7833385; 364 } 365 } 366 367 @keyframes mdc-checkbox-checked-unchecked-checkmark-path { 368 from { 369 -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1); 370 animation-timing-function: cubic-bezier(0.4, 0, 1, 1); 371 opacity: 1; 372 stroke-dashoffset: 0; 373 } 374 375 to { 376 opacity: 0; 377 stroke-dashoffset: -29.7833385; 378 } 379 } 380 381 @-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark { 382 from { 383 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 384 animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 385 -webkit-transform: rotate(0deg); 386 transform: rotate(0deg); 387 opacity: 1; 388 } 389 390 to { 391 -webkit-transform: rotate(45deg); 392 transform: rotate(45deg); 393 opacity: 0; 394 } 395 } 396 397 @keyframes mdc-checkbox-checked-indeterminate-checkmark { 398 from { 399 -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 400 animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 401 -webkit-transform: rotate(0deg); 402 transform: rotate(0deg); 403 opacity: 1; 404 } 405 406 to { 407 -webkit-transform: rotate(45deg); 408 transform: rotate(45deg); 409 opacity: 0; 410 } 411 } 412 413 @-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark { 414 from { 415 -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 416 animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 417 -webkit-transform: rotate(45deg); 418 transform: rotate(45deg); 419 opacity: 0; 420 } 421 422 to { 423 -webkit-transform: rotate(360deg); 424 transform: rotate(360deg); 425 opacity: 1; 426 } 427 } 428 429 @keyframes mdc-checkbox-indeterminate-checked-checkmark { 430 from { 431 -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 432 animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 433 -webkit-transform: rotate(45deg); 434 transform: rotate(45deg); 435 opacity: 0; 436 } 437 438 to { 439 -webkit-transform: rotate(360deg); 440 transform: rotate(360deg); 441 opacity: 1; 442 } 443 } 444 445 @-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark { 446 from { 447 -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function; 448 animation-timing-function: mdc-animation-deceleration-curve-timing-function; 449 -webkit-transform: rotate(-45deg); 450 transform: rotate(-45deg); 451 opacity: 0; 452 } 453 454 to { 455 -webkit-transform: rotate(0deg); 456 transform: rotate(0deg); 457 opacity: 1; 458 } 459 } 460 461 @keyframes mdc-checkbox-checked-indeterminate-mixedmark { 462 from { 463 -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function; 464 animation-timing-function: mdc-animation-deceleration-curve-timing-function; 465 -webkit-transform: rotate(-45deg); 466 transform: rotate(-45deg); 467 opacity: 0; 468 } 469 470 to { 471 -webkit-transform: rotate(0deg); 472 transform: rotate(0deg); 473 opacity: 1; 474 } 475 } 476 477 @-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark { 478 from { 479 -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 480 animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 481 -webkit-transform: rotate(0deg); 482 transform: rotate(0deg); 483 opacity: 1; 484 } 485 486 to { 487 -webkit-transform: rotate(315deg); 488 transform: rotate(315deg); 489 opacity: 0; 490 } 491 } 492 493 @keyframes mdc-checkbox-indeterminate-checked-mixedmark { 494 from { 495 -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 496 animation-timing-function: cubic-bezier(0.14, 0, 0, 1); 497 -webkit-transform: rotate(0deg); 498 transform: rotate(0deg); 499 opacity: 1; 500 } 501 502 to { 503 -webkit-transform: rotate(315deg); 504 transform: rotate(315deg); 505 opacity: 0; 506 } 507 } 508 509 @-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { 510 0% { 511 -webkit-animation-timing-function: linear; 512 animation-timing-function: linear; 513 -webkit-transform: scaleX(1); 514 transform: scaleX(1); 515 opacity: 1; 516 } 517 518 32.8%, 100% { 519 -webkit-transform: scaleX(0); 520 transform: scaleX(0); 521 opacity: 0; 522 } 523 } 524 525 @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { 526 0% { 527 -webkit-animation-timing-function: linear; 528 animation-timing-function: linear; 529 -webkit-transform: scaleX(1); 530 transform: scaleX(1); 531 opacity: 1; 532 } 533 534 32.8%, 100% { 535 -webkit-transform: scaleX(0); 536 transform: scaleX(0); 537 opacity: 0; 538 } 539 } 540 541 .mdc-checkbox { 542 display: inline-block; 543 position: relative; 544 flex: 0 0 18px; 545 box-sizing: content-box; 546 width: 18px; 547 height: 18px; 548 padding: 11px; 549 line-height: 0; 550 white-space: nowrap; 551 cursor: pointer; 552 vertical-align: bottom; 553 --mdc-ripple-fg-size: 0; 554 --mdc-ripple-left: 0; 555 --mdc-ripple-top: 0; 556 --mdc-ripple-fg-scale: 1; 557 --mdc-ripple-fg-translate-end: 0; 558 --mdc-ripple-fg-translate-start: 0; 559 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 560 will-change: transform, opacity; 561 } 562 563 .mdc-checkbox::before, 564 .mdc-checkbox::after { 565 position: absolute; 566 border-radius: 50%; 567 opacity: 0; 568 pointer-events: none; 569 content: ""; 570 } 571 572 .mdc-checkbox::before { 573 transition: opacity 15ms linear; 574 z-index: 1; 575 } 576 577 .mdc-checkbox.mdc-ripple-upgraded::before { 578 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); 579 transform: scale(var(--mdc-ripple-fg-scale, 1)); 580 } 581 582 .mdc-checkbox.mdc-ripple-upgraded::after { 583 top: 0; 584 /* @noflip */ 585 left: 0; 586 -webkit-transform: scale(0); 587 transform: scale(0); 588 -webkit-transform-origin: center center; 589 transform-origin: center center; 590 } 591 592 .mdc-checkbox.mdc-ripple-upgraded--unbounded::after { 593 top: var(--mdc-ripple-top, 0); 594 /* @noflip */ 595 left: var(--mdc-ripple-left, 0); 596 } 597 598 .mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after { 599 -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 600 animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 601 } 602 603 .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after { 604 -webkit-animation: 150ms mdc-ripple-fg-opacity-out; 605 animation: 150ms mdc-ripple-fg-opacity-out; 606 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 607 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 608 } 609 610 .mdc-checkbox::before, 611 .mdc-checkbox::after { 612 background-color: #018786; 613 } 614 615 @supports not (-ms-ime-align: auto) { 616 .mdc-checkbox::before, 617 .mdc-checkbox::after { 618 /* @alternate */ 619 background-color: var(--mdc-theme-secondary, #018786); 620 } 621 } 622 623 .mdc-checkbox:hover::before { 624 opacity: 0.04; 625 } 626 627 .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, 628 .mdc-checkbox.mdc-ripple-upgraded--background-focused::before { 629 transition-duration: 75ms; 630 opacity: 0.12; 631 } 632 633 .mdc-checkbox:not(.mdc-ripple-upgraded)::after { 634 transition: opacity 150ms linear; 635 } 636 637 .mdc-checkbox:not(.mdc-ripple-upgraded):active::after { 638 transition-duration: 75ms; 639 opacity: 0.16; 640 } 641 642 .mdc-checkbox.mdc-ripple-upgraded { 643 --mdc-ripple-fg-opacity: 0.16; 644 } 645 646 .mdc-checkbox::before, 647 .mdc-checkbox::after { 648 top: calc(50% - 50%); 649 /* @noflip */ 650 left: calc(50% - 50%); 651 width: 100%; 652 height: 100%; 653 } 654 655 .mdc-checkbox.mdc-ripple-upgraded::before, 656 .mdc-checkbox.mdc-ripple-upgraded::after { 657 top: var(--mdc-ripple-top, calc(50% - 50%)); 658 /* @noflip */ 659 left: var(--mdc-ripple-left, calc(50% - 50%)); 660 width: var(--mdc-ripple-fg-size, 100%); 661 height: var(--mdc-ripple-fg-size, 100%); 662 } 663 664 .mdc-checkbox.mdc-ripple-upgraded::after { 665 width: var(--mdc-ripple-fg-size, 100%); 666 height: var(--mdc-ripple-fg-size, 100%); 667 } 668 669 .mdc-checkbox__checkmark { 670 color: #fff; 671 } 672 673 .mdc-checkbox__mixedmark { 674 border-color: #fff; 675 } 676 677 .mdc-checkbox__background::before { 678 background-color: #018786; 679 } 680 681 @supports not (-ms-ime-align: auto) { 682 .mdc-checkbox__background::before { 683 /* @alternate */ 684 background-color: var(--mdc-theme-secondary, #018786); 685 } 686 } 687 688 .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { 689 border-color: rgba(0, 0, 0, 0.54); 690 background-color: transparent; 691 } 692 693 .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, 694 .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { 695 border-color: #018786; 696 /* @alternate */ 697 border-color: var(--mdc-theme-secondary, #018786); 698 background-color: #018786; 699 /* @alternate */ 700 background-color: var(--mdc-theme-secondary, #018786); 701 } 702 703 @-webkit-keyframes mdc-checkbox-fade-in-background-0 { 704 0% { 705 border-color: rgba(0, 0, 0, 0.54); 706 background-color: transparent; 707 } 708 709 50% { 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 719 @keyframes mdc-checkbox-fade-in-background-0 { 720 0% { 721 border-color: rgba(0, 0, 0, 0.54); 722 background-color: transparent; 723 } 724 725 50% { 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 735 @-webkit-keyframes mdc-checkbox-fade-out-background-0 { 736 0%, 80% { 737 border-color: #018786; 738 /* @alternate */ 739 border-color: var(--mdc-theme-secondary, #018786); 740 background-color: #018786; 741 /* @alternate */ 742 background-color: var(--mdc-theme-secondary, #018786); 743 } 744 745 100% { 746 border-color: rgba(0, 0, 0, 0.54); 747 background-color: transparent; 748 } 749 } 750 751 @keyframes mdc-checkbox-fade-out-background-0 { 752 0%, 80% { 753 border-color: #018786; 754 /* @alternate */ 755 border-color: var(--mdc-theme-secondary, #018786); 756 background-color: #018786; 757 /* @alternate */ 758 background-color: var(--mdc-theme-secondary, #018786); 759 } 760 761 100% { 762 border-color: rgba(0, 0, 0, 0.54); 763 background-color: transparent; 764 } 765 } 766 767 .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, 768 .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { 769 -webkit-animation-name: mdc-checkbox-fade-in-background-0; 770 animation-name: mdc-checkbox-fade-in-background-0; 771 } 772 773 .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, 774 .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { 775 -webkit-animation-name: mdc-checkbox-fade-out-background-0; 776 animation-name: mdc-checkbox-fade-out-background-0; 777 } 778 779 .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { 780 border-color: rgba(0, 0, 0, 0.26); 781 } 782 783 .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background, 784 .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background { 785 border-color: transparent; 786 background-color: rgba(0, 0, 0, 0.26); 787 } 788 789 @media screen and (-ms-high-contrast: active) { 790 .mdc-checkbox__mixedmark { 791 margin: 0 1px; 792 } 793 } 794 795 .mdc-checkbox--disabled { 796 cursor: default; 797 pointer-events: none; 798 } 799 800 .mdc-checkbox__background { 801 /* @noflip */ 802 left: 11px; 803 /* @noflip */ 804 right: initial; 805 display: inline-flex; 806 position: absolute; 807 top: 11px; 808 bottom: 0; 809 align-items: center; 810 justify-content: center; 811 box-sizing: border-box; 812 width: 45%; 813 height: 45%; 814 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); 815 border: 2px solid currentColor; 816 border-radius: 2px; 817 background-color: transparent; 818 pointer-events: none; 819 will-change: background-color, border-color; 820 } 821 822 .mdc-checkbox[dir=rtl] .mdc-checkbox__background, 823 [dir=rtl] .mdc-checkbox .mdc-checkbox__background { 824 /* @noflip */ 825 left: initial; 826 /* @noflip */ 827 right: 11px; 828 } 829 830 .mdc-checkbox__checkmark { 831 position: absolute; 832 top: 0; 833 right: 0; 834 bottom: 0; 835 left: 0; 836 width: 100%; 837 transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 838 opacity: 0; 839 } 840 841 .mdc-checkbox--upgraded .mdc-checkbox__checkmark { 842 opacity: 1; 843 } 844 845 .mdc-checkbox__checkmark-path { 846 transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 847 stroke: currentColor; 848 stroke-width: 3.12px; 849 stroke-dashoffset: 29.7833385; 850 stroke-dasharray: 29.7833385; 851 } 852 853 .mdc-checkbox__mixedmark { 854 width: 100%; 855 height: 0; 856 -webkit-transform: scaleX(0) rotate(0deg); 857 transform: scaleX(0) rotate(0deg); 858 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 859 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 860 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); 861 border-width: 1px; 862 border-style: solid; 863 opacity: 0; 864 } 865 866 .mdc-checkbox--upgraded .mdc-checkbox__background, 867 .mdc-checkbox--upgraded .mdc-checkbox__checkmark, 868 .mdc-checkbox--upgraded .mdc-checkbox__checkmark-path, 869 .mdc-checkbox--upgraded .mdc-checkbox__mixedmark { 870 transition: none !important; 871 } 872 873 .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, 874 .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, 875 .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, 876 .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background { 877 -webkit-animation-duration: 180ms; 878 animation-duration: 180ms; 879 -webkit-animation-timing-function: linear; 880 animation-timing-function: linear; 881 } 882 883 .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path { 884 -webkit-animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path; 885 animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path; 886 transition: none; 887 } 888 889 .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark { 890 -webkit-animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark; 891 animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark; 892 transition: none; 893 } 894 895 .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path { 896 -webkit-animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path; 897 animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path; 898 transition: none; 899 } 900 901 .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark { 902 -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark; 903 animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark; 904 transition: none; 905 } 906 907 .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark { 908 -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark; 909 animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark; 910 transition: none; 911 } 912 913 .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark { 914 -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark; 915 animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark; 916 transition: none; 917 } 918 919 .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark { 920 -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark; 921 animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark; 922 transition: none; 923 } 924 925 .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark { 926 -webkit-animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark; 927 animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark; 928 transition: none; 929 } 930 931 .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, 932 .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background { 933 transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); 934 } 935 936 .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path, 937 .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path { 938 stroke-dashoffset: 0; 939 } 940 941 .mdc-checkbox__background::before { 942 position: absolute; 943 top: 0; 944 right: 0; 945 bottom: 0; 946 left: 0; 947 width: 100%; 948 height: 100%; 949 -webkit-transform: scale(0, 0); 950 transform: scale(0, 0); 951 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 952 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 953 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); 954 border-radius: 50%; 955 opacity: 0; 956 pointer-events: none; 957 content: ""; 958 will-change: opacity, transform; 959 } 960 961 .mdc-ripple-upgraded--unbounded .mdc-checkbox__background::before { 962 content: none; 963 } 964 965 .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before { 966 -webkit-transform: scale(2.75, 2.75); 967 transform: scale(2.75, 2.75); 968 transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); 969 transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); 970 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); 971 opacity: 0.26; 972 } 973 974 .mdc-checkbox__native-control { 975 position: absolute; 976 top: 0; 977 left: 0; 978 width: 100%; 979 height: 100%; 980 margin: 0; 981 padding: 0; 982 opacity: 0; 983 cursor: inherit; 984 } 985 986 .mdc-checkbox__native-control:disabled { 987 cursor: default; 988 pointer-events: none; 989 } 990 991 .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark { 992 transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); 993 transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); 994 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); 995 opacity: 1; 996 } 997 998 .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { 999 -webkit-transform: scaleX(1) rotate(-45deg); 1000 transform: scaleX(1) rotate(-45deg); 1001 } 1002 1003 .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark { 1004 -webkit-transform: rotate(45deg); 1005 transform: rotate(45deg); 1006 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 1007 transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); 1008 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); 1009 opacity: 0; 1010 } 1011 1012 .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { 1013 -webkit-transform: scaleX(1) rotate(0deg); 1014 transform: scaleX(1) rotate(0deg); 1015 opacity: 1; 1016 } 1017 1018 .color1 { 1019 color: #228ae6; 1020 } 1021 1022 .color2 { 1023 color: #fa5252; 1024 } 1025 1026 .color3 { 1027 color: #82c91e; 1028 } 1029 1030 .color4 { 1031 color: #fab005; 1032 } 1033 1034 .color5 { 1035 color: #7950f2; 1036 } 1037 1038 .color6 { 1039 color: #e64980; 1040 } 1041 1042 .color-white { 1043 color: #ffffff; 1044 } 1045 1046 .color-black { 1047 color: #4a4a4a; 1048 } 1049 1050 .color-gray { 1051 color: #bdbdbd; 1052 } 1053 1054 .bg-color1 { 1055 background-color: #228ae6; 1056 } 1057 1058 .bg-color2 { 1059 background-color: #fa5252; 1060 } 1061 1062 .bg-color3 { 1063 background-color: #82c91e; 1064 } 1065 1066 .bg-color4 { 1067 background-color: #fab005; 1068 } 1069 1070 .bg-color5 { 1071 background-color: #7950f2; 1072 } 1073 1074 .bg-color6 { 1075 background-color: #e64980; 1076 } 1077 1078 .bg-color-white { 1079 background-color: #ffffff; 1080 } 1081 1082 .bg-color-black { 1083 background-color: #4a4a4a; 1084 } 1085 1086 .bg-color-gray { 1087 background-color: #bdbdbd; 1088 } 1089 1090 .border-color1 { 1091 border-color: #228ae6; 1092 } 1093 1094 .border-top-color1 { 1095 border-top-color: #228ae6; 1096 } 1097 1098 .border-color2 { 1099 border-color: #fa5252; 1100 } 1101 1102 .border-top-color2 { 1103 border-top-color: #fa5252; 1104 } 1105 1106 .border-color3 { 1107 border-color: #82c91e; 1108 } 1109 1110 .border-top-color3 { 1111 border-top-color: #82c91e; 1112 } 1113 1114 .border-color4 { 1115 border-color: #fab005; 1116 } 1117 1118 .border-top-color4 { 1119 border-top-color: #fab005; 1120 } 1121 1122 .border-color5 { 1123 border-color: #7950f2; 1124 } 1125 1126 .border-top-color5 { 1127 border-top-color: #7950f2; 1128 } 1129 1130 .border-color6 { 1131 border-color: #e64980; 1132 } 1133 1134 .border-top-color6 { 1135 border-top-color: #e64980; 1136 } 1137 1138 .border-color-white { 1139 border-color: #ffffff; 1140 } 1141 1142 .border-top-color-white { 1143 border-top-color: #ffffff; 1144 } 1145 1146 .border-color-black { 1147 border-color: #4a4a4a; 1148 } 1149 1150 .border-top-color-black { 1151 border-top-color: #4a4a4a; 1152 } 1153 1154 .border-color-gray { 1155 border-color: #bdbdbd; 1156 } 1157 1158 .border-top-color-gray { 1159 border-top-color: #bdbdbd; 1160 } 1161 1162 .bg-color-white { 1163 background-color: #ffffff; 1164 } 1165 1166 .bg-color-black { 1167 background-color: #000000; 1168 } 1169 1170 .circle-counter.color-white .circle-bar { 1171 stroke: #ffffff; 1172 } 1173 1174 .circle-counter.color-black .circle-bar { 1175 stroke: #000000; 1176 } 1177 1178 .y-move { 1179 transition: all 0.2s; 1180 } 1181 1182 .y-move:hover { 1183 -webkit-transform: translateY(-2px); 1184 transform: translateY(-2px); 1185 box-shadow: 0 10px 20px rgba(189, 189, 189, 0.19), 0 6px 6px rgba(189, 189, 189, 0.23); 1186 } 1187 1188 /* 1189 RESET 1190 */ 1191 1192 * { 1193 margin: 0; 1194 padding: 0; 1195 outline: 0; 1196 -webkit-overflow-scrolling: touch; 1197 box-sizing: border-box; 1198 } 1199 1200 div:before, 1201 ul:before, 1202 article:before, 1203 aside:before, 1204 details:before, 1205 figcaption:before, 1206 figure:before, 1207 footer:before, 1208 header:before, 1209 hgroup:before, 1210 menu:before, 1211 nav:before, 1212 section:before, 1213 div:after, 1214 ul:after, 1215 article:after, 1216 aside:after, 1217 details:after, 1218 figcaption:after, 1219 figure:after, 1220 footer:after, 1221 header:after, 1222 hgroup:after, 1223 menu:after, 1224 nav:after, 1225 section:after { 1226 content: ""; 1227 display: table; 1228 width: 0; 1229 } 1230 1231 div:after, 1232 ul:after, 1233 article:after, 1234 aside:after, 1235 details:after, 1236 figcaption:after, 1237 figure:after, 1238 footer:after, 1239 header:after, 1240 hgroup:after, 1241 menu:after, 1242 nav:after, 1243 section:after { 1244 clear: both; 1245 } 1246 1247 img, 1248 video, 1249 audio { 1250 max-width: 100%; 1251 } 1252 1253 img, 1254 video { 1255 height: auto; 1256 } 1257 1258 svg { 1259 max-height: 100%; 1260 } 1261 1262 iframe { 1263 border: none; 1264 max-width: 100%; 1265 } 1266 1267 ::-moz-focus-inner { 1268 border: 0; 1269 padding: 0; 1270 } 1271 1272 input[type=radio], 1273 input[type=checkbox] { 1274 vertical-align: middle; 1275 position: relative; 1276 bottom: 0.15rem; 1277 font-size: 115%; 1278 margin-right: 3px; 1279 } 1280 1281 input[type=search] { 1282 -webkit-appearance: textfield; 1283 } 1284 1285 input[type=search]::-webkit-search-decoration, 1286 input[type=search]::-webkit-search-cancel-button { 1287 -webkit-appearance: none; 1288 } 1289 1290 body { 1291 text-align: center; 1292 } 1293 1294 @media (min-width: 768px) { 1295 body { 1296 text-align: left; 1297 } 1298 } 1299 1300 /* 1301 COLORS 1302 */ 1303 1304 .black { 1305 color: #4a4a4a; 1306 } 1307 1308 .inverted { 1309 color: #fff; 1310 } 1311 1312 .error { 1313 color: #d60808; 1314 } 1315 1316 .success, 1317 .subscribe-form [class*=success] { 1318 color: #35beb1; 1319 } 1320 1321 .warning { 1322 color: #f7ba45; 1323 } 1324 1325 .focus { 1326 color: #1c86f2; 1327 } 1328 1329 .aluminum { 1330 color: #f8f8f8; 1331 } 1332 1333 .silver { 1334 color: #e0e1e1; 1335 } 1336 1337 .lightgray { 1338 color: #f1f1f1; 1339 } 1340 1341 .gray { 1342 color: #bdbdbd; 1343 } 1344 1345 .midgray { 1346 color: #676b72; 1347 } 1348 1349 .darkgray { 1350 color: #2b2d42; 1351 } 1352 1353 .bg-black { 1354 background-color: #4a4a4a; 1355 } 1356 1357 .bg-inverted { 1358 background-color: #fff; 1359 } 1360 1361 .bg-error { 1362 background-color: #d60808; 1363 } 1364 1365 .bg-success { 1366 background-color: #35beb1; 1367 } 1368 1369 .bg-warning { 1370 background-color: #f7ba45; 1371 } 1372 1373 .bg-focus { 1374 background-color: #1c86f2; 1375 } 1376 1377 .bg-aluminum { 1378 background-color: #f8f8f8; 1379 } 1380 1381 .bg-silver { 1382 background-color: #e0e1e1; 1383 } 1384 1385 .bg-lightgray { 1386 background-color: #f1f1f1; 1387 } 1388 1389 .bg-gray { 1390 background-color: #bdbdbd; 1391 } 1392 1393 .bg-midgray { 1394 background-color: #676b72; 1395 } 1396 1397 .bg-darkgray { 1398 background-color: #2b2d42; 1399 } 1400 1401 .bg-highlight { 1402 background-color: #edf2ff; 1403 } 1404 1405 img.color1, 1406 i.mdi.color1 { 1407 color: #228ae6; 1408 } 1409 1410 img.icon.bordered.color1, 1411 img.icon.color1.card[class*=bottom-border-], 1412 i.mdi.icon.bordered.color1, 1413 i.mdi.icon.color1.card[class*=bottom-border-] { 1414 border-color: #228ae6; 1415 } 1416 1417 img.icon.reverse.color1, 1418 i.mdi.icon.reverse.color1 { 1419 background-color: #228ae6; 1420 } 1421 1422 .button.color1 { 1423 background-color: #228ae6; 1424 } 1425 1426 .button.color1:hover { 1427 background-color: #50a2eb; 1428 } 1429 1430 a.color1:not(.button) { 1431 color: #228ae6; 1432 } 1433 1434 a.color1:not(.button):hover { 1435 color: #50a2eb; 1436 } 1437 1438 hr.small-line.color1 { 1439 background-color: #228ae6; 1440 } 1441 1442 .circle-counter.color1 .circle-bar { 1443 stroke: #228ae6; 1444 } 1445 1446 img.color2, 1447 i.mdi.color2 { 1448 color: #fa5252; 1449 } 1450 1451 img.icon.bordered.color2, 1452 img.icon.color2.card[class*=bottom-border-], 1453 i.mdi.icon.bordered.color2, 1454 i.mdi.icon.color2.card[class*=bottom-border-] { 1455 border-color: #fa5252; 1456 } 1457 1458 img.icon.reverse.color2, 1459 i.mdi.icon.reverse.color2 { 1460 background-color: #fa5252; 1461 } 1462 1463 .button.color2 { 1464 background-color: #fa5252; 1465 } 1466 1467 .button.color2:hover { 1468 background-color: #fb8484; 1469 } 1470 1471 a.color2:not(.button) { 1472 color: #fa5252; 1473 } 1474 1475 a.color2:not(.button):hover { 1476 color: #fb8484; 1477 } 1478 1479 hr.small-line.color2 { 1480 background-color: #fa5252; 1481 } 1482 1483 .circle-counter.color2 .circle-bar { 1484 stroke: #fa5252; 1485 } 1486 1487 img.color3, 1488 i.mdi.color3 { 1489 color: #82c91e; 1490 } 1491 1492 img.icon.bordered.color3, 1493 img.icon.color3.card[class*=bottom-border-], 1494 i.mdi.icon.bordered.color3, 1495 i.mdi.icon.color3.card[class*=bottom-border-] { 1496 border-color: #82c91e; 1497 } 1498 1499 img.icon.reverse.color3, 1500 i.mdi.icon.reverse.color3 { 1501 background-color: #82c91e; 1502 } 1503 1504 .button.color3 { 1505 background-color: #82c91e; 1506 } 1507 1508 .button.color3:hover { 1509 background-color: #9be139; 1510 } 1511 1512 a.color3:not(.button) { 1513 color: #82c91e; 1514 } 1515 1516 a.color3:not(.button):hover { 1517 color: #9be139; 1518 } 1519 1520 hr.small-line.color3 { 1521 background-color: #82c91e; 1522 } 1523 1524 .circle-counter.color3 .circle-bar { 1525 stroke: #82c91e; 1526 } 1527 1528 img.color4, 1529 i.mdi.color4 { 1530 color: #fab005; 1531 } 1532 1533 img.icon.bordered.color4, 1534 img.icon.color4.card[class*=bottom-border-], 1535 i.mdi.icon.bordered.color4, 1536 i.mdi.icon.color4.card[class*=bottom-border-] { 1537 border-color: #fab005; 1538 } 1539 1540 img.icon.reverse.color4, 1541 i.mdi.icon.reverse.color4 { 1542 background-color: #fab005; 1543 } 1544 1545 .button.color4 { 1546 background-color: #fab005; 1547 } 1548 1549 .button.color4:hover { 1550 background-color: #fbc037; 1551 } 1552 1553 a.color4:not(.button) { 1554 color: #fab005; 1555 } 1556 1557 a.color4:not(.button):hover { 1558 color: #fbc037; 1559 } 1560 1561 hr.small-line.color4 { 1562 background-color: #fab005; 1563 } 1564 1565 .circle-counter.color4 .circle-bar { 1566 stroke: #fab005; 1567 } 1568 1569 img.color5, 1570 i.mdi.color5 { 1571 color: #7950f2; 1572 } 1573 1574 img.icon.bordered.color5, 1575 img.icon.color5.card[class*=bottom-border-], 1576 i.mdi.icon.bordered.color5, 1577 i.mdi.icon.color5.card[class*=bottom-border-] { 1578 border-color: #7950f2; 1579 } 1580 1581 img.icon.reverse.color5, 1582 i.mdi.icon.reverse.color5 { 1583 background-color: #7950f2; 1584 } 1585 1586 .button.color5 { 1587 background-color: #7950f2; 1588 } 1589 1590 .button.color5:hover { 1591 background-color: #9d7ff6; 1592 } 1593 1594 a.color5:not(.button) { 1595 color: #7950f2; 1596 } 1597 1598 a.color5:not(.button):hover { 1599 color: #9d7ff6; 1600 } 1601 1602 hr.small-line.color5 { 1603 background-color: #7950f2; 1604 } 1605 1606 .circle-counter.color5 .circle-bar { 1607 stroke: #7950f2; 1608 } 1609 1610 img.color6, 1611 i.mdi.color6 { 1612 color: #e64980; 1613 } 1614 1615 img.icon.bordered.color6, 1616 img.icon.color6.card[class*=bottom-border-], 1617 i.mdi.icon.bordered.color6, 1618 i.mdi.icon.color6.card[class*=bottom-border-] { 1619 border-color: #e64980; 1620 } 1621 1622 img.icon.reverse.color6, 1623 i.mdi.icon.reverse.color6 { 1624 background-color: #e64980; 1625 } 1626 1627 .button.color6 { 1628 background-color: #e64980; 1629 } 1630 1631 .button.color6:hover { 1632 background-color: #ec769f; 1633 } 1634 1635 a.color6:not(.button) { 1636 color: #e64980; 1637 } 1638 1639 a.color6:not(.button):hover { 1640 color: #ec769f; 1641 } 1642 1643 hr.small-line.color6 { 1644 background-color: #e64980; 1645 } 1646 1647 .circle-counter.color6 .circle-bar { 1648 stroke: #e64980; 1649 } 1650 1651 img.color-white, 1652 i.mdi.color-white { 1653 color: #ffffff; 1654 } 1655 1656 img.icon.bordered.color-white, 1657 img.icon.color-white.card[class*=bottom-border-], 1658 i.mdi.icon.bordered.color-white, 1659 i.mdi.icon.color-white.card[class*=bottom-border-] { 1660 border-color: #ffffff; 1661 } 1662 1663 img.icon.reverse.color-white, 1664 i.mdi.icon.reverse.color-white { 1665 background-color: #ffffff; 1666 } 1667 1668 .button.color-white { 1669 background-color: #ffffff; 1670 } 1671 1672 .button.color-white:hover { 1673 background-color: white; 1674 } 1675 1676 a.color-white:not(.button) { 1677 color: #ffffff; 1678 } 1679 1680 a.color-white:not(.button):hover { 1681 color: white; 1682 } 1683 1684 hr.small-line.color-white { 1685 background-color: #ffffff; 1686 } 1687 1688 .circle-counter.color-white .circle-bar { 1689 stroke: #ffffff; 1690 } 1691 1692 img.color-black, 1693 i.mdi.color-black { 1694 color: #4a4a4a; 1695 } 1696 1697 img.icon.bordered.color-black, 1698 img.icon.color-black.card[class*=bottom-border-], 1699 i.mdi.icon.bordered.color-black, 1700 i.mdi.icon.color-black.card[class*=bottom-border-] { 1701 border-color: #4a4a4a; 1702 } 1703 1704 img.icon.reverse.color-black, 1705 i.mdi.icon.reverse.color-black { 1706 background-color: #4a4a4a; 1707 } 1708 1709 .button.color-black { 1710 background-color: #4a4a4a; 1711 } 1712 1713 .button.color-black:hover { 1714 background-color: #646464; 1715 } 1716 1717 a.color-black:not(.button) { 1718 color: #4a4a4a; 1719 } 1720 1721 a.color-black:not(.button):hover { 1722 color: #646464; 1723 } 1724 1725 hr.small-line.color-black { 1726 background-color: #4a4a4a; 1727 } 1728 1729 .circle-counter.color-black .circle-bar { 1730 stroke: #4a4a4a; 1731 } 1732 1733 img.color-gray, 1734 i.mdi.color-gray { 1735 color: #bdbdbd; 1736 } 1737 1738 img.icon.bordered.color-gray, 1739 img.icon.color-gray.card[class*=bottom-border-], 1740 i.mdi.icon.bordered.color-gray, 1741 i.mdi.icon.color-gray.card[class*=bottom-border-] { 1742 border-color: #bdbdbd; 1743 } 1744 1745 img.icon.reverse.color-gray, 1746 i.mdi.icon.reverse.color-gray { 1747 background-color: #bdbdbd; 1748 } 1749 1750 .button.color-gray { 1751 background-color: #bdbdbd; 1752 } 1753 1754 .button.color-gray:hover { 1755 background-color: #d7d7d7; 1756 } 1757 1758 a.color-gray:not(.button) { 1759 color: #bdbdbd; 1760 } 1761 1762 a.color-gray:not(.button):hover { 1763 color: #d7d7d7; 1764 } 1765 1766 hr.small-line.color-gray { 1767 background-color: #bdbdbd; 1768 } 1769 1770 .circle-counter.color-gray .circle-bar { 1771 stroke: #bdbdbd; 1772 } 1773 1774 i.mdi.gray { 1775 color: #bdbdbd; 1776 } 1777 1778 i.mdi.gray:hover { 1779 color: #a4a4a4; 1780 } 1781 1782 i.mdi.darkgray { 1783 color: #8a8a8a; 1784 } 1785 1786 i.mdi.darkgray:hover { 1787 color: #717171; 1788 } 1789 1790 .grad-180-transparent-color1 { 1791 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(34, 138, 230, 0.5) 82.5%, rgba(34, 138, 230, 0.8) 100%); 1792 } 1793 1794 .grad-180-transparent-color2 { 1795 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(250, 82, 82, 0.5) 82.5%, rgba(250, 82, 82, 0.8) 100%); 1796 } 1797 1798 .grad-180-transparent-color3 { 1799 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(130, 201, 30, 0.5) 82.5%, rgba(130, 201, 30, 0.8) 100%); 1800 } 1801 1802 .grad-180-transparent-color4 { 1803 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(250, 176, 5, 0.5) 82.5%, rgba(250, 176, 5, 0.8) 100%); 1804 } 1805 1806 .grad-180-transparent-color5 { 1807 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(121, 80, 242, 0.5) 82.5%, rgba(121, 80, 242, 0.8) 100%); 1808 } 1809 1810 .grad-180-transparent-color6 { 1811 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(230, 73, 128, 0.5) 82.5%, rgba(230, 73, 128, 0.8) 100%); 1812 } 1813 1814 .grad-180-transparent-color-black { 1815 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(74, 74, 74, 0.5) 82.5%, rgba(74, 74, 74, 0.8) 100%); 1816 } 1817 1818 .grad-180-transparent-color-white { 1819 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.5) 82.5%, rgba(255, 255, 255, 0.8) 100%); 1820 } 1821 1822 .grad-180-transparent-color-gray { 1823 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(189, 189, 189, 0.5) 82.5%, rgba(189, 189, 189, 0.8) 100%); 1824 } 1825 1826 /* 1827 TYPOGRAPHY 1828 */ 1829 1830 html, 1831 body, 1832 .p { 1833 font-size: 16px; 1834 line-height: 1.5rem; 1835 } 1836 1837 body { 1838 font-family: "Roboto", sans-serif; 1839 color: #8D99AE; 1840 background-color: transparent; 1841 } 1842 1843 a { 1844 color: #228ae6; 1845 } 1846 1847 a:hover { 1848 color: #50a2eb; 1849 } 1850 1851 h1.title, 1852 h1, 1853 h2, 1854 h3, 1855 h4, 1856 h5, 1857 .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 1858 .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 1859 .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 1860 .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 1861 .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 1862 .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 1863 h6 { 1864 font-family: "Roboto", sans-serif; 1865 font-weight: 400; 1866 color: #54617A; 1867 text-rendering: optimizeLegibility; 1868 margin-bottom: 16px; 1869 } 1870 1871 .button:only-child, 1872 p:last-child, 1873 h1:last-child, 1874 h2:last-child, 1875 h3:last-child, 1876 h4:last-child, 1877 h5:last-child, 1878 .widget_block > .wp-block-group > .wp-block-group__inner-container h6:last-child:first-child, 1879 .widget_block > .wp-block-group > .wp-block-group__inner-container h5:last-child:first-child, 1880 .widget_block > .wp-block-group > .wp-block-group__inner-container h4:last-child:first-child, 1881 .widget_block > .wp-block-group > .wp-block-group__inner-container h3:last-child:first-child, 1882 .widget_block > .wp-block-group > .wp-block-group__inner-container h2:last-child:first-child, 1883 .widget_block > .wp-block-group > .wp-block-group__inner-container h1:last-child:first-child, 1884 h6:last-child { 1885 margin-bottom: 0; 1886 } 1887 1888 .inverted h1, 1889 .inverted h2, 1890 .inverted h3, 1891 .inverted h4, 1892 .inverted h5, 1893 .inverted .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 1894 .widget_block > .wp-block-group > .wp-block-group__inner-container .inverted h6:first-child, 1895 .inverted .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 1896 .widget_block > .wp-block-group > .wp-block-group__inner-container .inverted h5:first-child, 1897 .inverted .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 1898 .widget_block > .wp-block-group > .wp-block-group__inner-container .inverted h4:first-child, 1899 .inverted .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 1900 .widget_block > .wp-block-group > .wp-block-group__inner-container .inverted h3:first-child, 1901 .inverted .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 1902 .widget_block > .wp-block-group > .wp-block-group__inner-container .inverted h2:first-child, 1903 .inverted .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 1904 .widget_block > .wp-block-group > .wp-block-group__inner-container .inverted h1:first-child, 1905 .inverted h6, 1906 .inverted .mdi { 1907 color: #ffffff; 1908 } 1909 1910 .muted h1, 1911 .comment-meta a h1, 1912 .muted h2, 1913 .comment-meta a h2, 1914 .muted h3, 1915 .comment-meta a h3, 1916 .muted h4, 1917 .comment-meta a h4, 1918 .muted h5, 1919 .muted .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 1920 .widget_block > .wp-block-group > .wp-block-group__inner-container .muted h6:first-child, 1921 .muted .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 1922 .widget_block > .wp-block-group > .wp-block-group__inner-container .muted h5:first-child, 1923 .muted .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 1924 .widget_block > .wp-block-group > .wp-block-group__inner-container .muted h4:first-child, 1925 .muted .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 1926 .widget_block > .wp-block-group > .wp-block-group__inner-container .muted h3:first-child, 1927 .muted .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 1928 .widget_block > .wp-block-group > .wp-block-group__inner-container .muted h2:first-child, 1929 .muted .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 1930 .widget_block > .wp-block-group > .wp-block-group__inner-container .muted h1:first-child, 1931 .comment-meta a h5, 1932 .comment-meta a .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 1933 .widget_block > .wp-block-group > .wp-block-group__inner-container .comment-meta a h6:first-child, 1934 .comment-meta a .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 1935 .widget_block > .wp-block-group > .wp-block-group__inner-container .comment-meta a h5:first-child, 1936 .comment-meta a .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 1937 .widget_block > .wp-block-group > .wp-block-group__inner-container .comment-meta a h4:first-child, 1938 .comment-meta a .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 1939 .widget_block > .wp-block-group > .wp-block-group__inner-container .comment-meta a h3:first-child, 1940 .comment-meta a .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 1941 .widget_block > .wp-block-group > .wp-block-group__inner-container .comment-meta a h2:first-child, 1942 .comment-meta a .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 1943 .widget_block > .wp-block-group > .wp-block-group__inner-container .comment-meta a h1:first-child, 1944 .muted h6, 1945 .comment-meta a h6, 1946 .muted .mdi, 1947 .comment-meta a .mdi { 1948 opacity: 0.55; 1949 } 1950 1951 h1.title { 1952 font-size: 3.5rem; 1953 line-height: 4.5rem; 1954 margin-bottom: 8px; 1955 } 1956 1957 h1, 1958 .h1 { 1959 font-size: 3.2rem; 1960 line-height: 4.8rem; 1961 font-weight: 300; 1962 letter-spacing: -1px; 1963 } 1964 1965 h2, 1966 .h2 { 1967 font-size: 2.8rem; 1968 line-height: 3rem; 1969 font-weight: 300; 1970 letter-spacing: 0x; 1971 } 1972 1973 h3, 1974 .h3 { 1975 font-size: 2.1rem; 1976 line-height: 2.5rem; 1977 font-weight: 300; 1978 letter-spacing: 0x; 1979 } 1980 1981 h4, 1982 .h4 { 1983 font-size: 1.5rem; 1984 line-height: 2rem; 1985 font-weight: 400; 1986 letter-spacing: 0x; 1987 } 1988 1989 h5, 1990 .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 1991 .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 1992 .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 1993 .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 1994 .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 1995 .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 1996 .h5 { 1997 font-size: 1.25rem; 1998 line-height: 1.25rem; 1999 font-weight: 500; 2000 letter-spacing: 0x; 2001 } 2002 2003 h6, 2004 .h6 { 2005 font-size: 1rem; 2006 line-height: 1.5rem; 2007 font-weight: 500; 2008 letter-spacing: 0x; 2009 } 2010 2011 h1 a, 2012 .h1 a, 2013 h2 a, 2014 .h2 a, 2015 h3 a, 2016 .h3 a, 2017 h4 a, 2018 .h4 a, 2019 h5 a, 2020 .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child a, 2021 .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child a, 2022 .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child a, 2023 .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child a, 2024 .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child a, 2025 .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child a, 2026 .h5 a, 2027 h6 a, 2028 .h6 a { 2029 color: inherit; 2030 } 2031 2032 p + h2, 2033 p + h3, 2034 p + h4, 2035 p + h5, 2036 .widget_block > .wp-block-group > .wp-block-group__inner-container p + h6:first-child, 2037 .widget_block > .wp-block-group > .wp-block-group__inner-container p + h5:first-child, 2038 .widget_block > .wp-block-group > .wp-block-group__inner-container p + h6:first-child, 2039 .widget_block > .wp-block-group > .wp-block-group__inner-container p + h4:first-child, 2040 .widget_block > .wp-block-group > .wp-block-group__inner-container p + h3:first-child, 2041 .widget_block > .wp-block-group > .wp-block-group__inner-container p + h2:first-child, 2042 .widget_block > .wp-block-group > .wp-block-group__inner-container p + h1:first-child, 2043 p + h6, 2044 ul + h2, 2045 ul + h3, 2046 ul + h4, 2047 ul + h5, 2048 .widget_block > .wp-block-group > .wp-block-group__inner-container ul + h6:first-child, 2049 .widget_block > .wp-block-group > .wp-block-group__inner-container ul + h5:first-child, 2050 .widget_block > .wp-block-group > .wp-block-group__inner-container ul + h6:first-child, 2051 .widget_block > .wp-block-group > .wp-block-group__inner-container ul + h4:first-child, 2052 .widget_block > .wp-block-group > .wp-block-group__inner-container ul + h3:first-child, 2053 .widget_block > .wp-block-group > .wp-block-group__inner-container ul + h2:first-child, 2054 .widget_block > .wp-block-group > .wp-block-group__inner-container ul + h1:first-child, 2055 ul + h6, 2056 ol + h2, 2057 ol + h3, 2058 ol + h4, 2059 ol + h5, 2060 .widget_block > .wp-block-group > .wp-block-group__inner-container ol + h6:first-child, 2061 .widget_block > .wp-block-group > .wp-block-group__inner-container ol + h5:first-child, 2062 .widget_block > .wp-block-group > .wp-block-group__inner-container ol + h6:first-child, 2063 .widget_block > .wp-block-group > .wp-block-group__inner-container ol + h4:first-child, 2064 .widget_block > .wp-block-group > .wp-block-group__inner-container ol + h3:first-child, 2065 .widget_block > .wp-block-group > .wp-block-group__inner-container ol + h2:first-child, 2066 .widget_block > .wp-block-group > .wp-block-group__inner-container ol + h1:first-child, 2067 ol + h6, 2068 dl + h2, 2069 dl + h3, 2070 dl + h4, 2071 dl + h5, 2072 .widget_block > .wp-block-group > .wp-block-group__inner-container dl + h6:first-child, 2073 .widget_block > .wp-block-group > .wp-block-group__inner-container dl + h5:first-child, 2074 .widget_block > .wp-block-group > .wp-block-group__inner-container dl + h6:first-child, 2075 .widget_block > .wp-block-group > .wp-block-group__inner-container dl + h4:first-child, 2076 .widget_block > .wp-block-group > .wp-block-group__inner-container dl + h3:first-child, 2077 .widget_block > .wp-block-group > .wp-block-group__inner-container dl + h2:first-child, 2078 .widget_block > .wp-block-group > .wp-block-group__inner-container dl + h1:first-child, 2079 dl + h6, 2080 blockquote + h2, 2081 blockquote + h3, 2082 blockquote + h4, 2083 blockquote + h5, 2084 .widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h6:first-child, 2085 .widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h5:first-child, 2086 .widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h6:first-child, 2087 .widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h4:first-child, 2088 .widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h3:first-child, 2089 .widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h2:first-child, 2090 .widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h1:first-child, 2091 blockquote + h6, 2092 hr + h2, 2093 hr + h3, 2094 hr + h4, 2095 hr + h5, 2096 .widget_block > .wp-block-group > .wp-block-group__inner-container hr + h6:first-child, 2097 .widget_block > .wp-block-group > .wp-block-group__inner-container hr + h5:first-child, 2098 .widget_block > .wp-block-group > .wp-block-group__inner-container hr + h6:first-child, 2099 .widget_block > .wp-block-group > .wp-block-group__inner-container hr + h4:first-child, 2100 .widget_block > .wp-block-group > .wp-block-group__inner-container hr + h3:first-child, 2101 .widget_block > .wp-block-group > .wp-block-group__inner-container hr + h2:first-child, 2102 .widget_block > .wp-block-group > .wp-block-group__inner-container hr + h1:first-child, 2103 hr + h6, 2104 pre + h2, 2105 pre + h3, 2106 pre + h4, 2107 pre + h5, 2108 .widget_block > .wp-block-group > .wp-block-group__inner-container pre + h6:first-child, 2109 .widget_block > .wp-block-group > .wp-block-group__inner-container pre + h5:first-child, 2110 .widget_block > .wp-block-group > .wp-block-group__inner-container pre + h6:first-child, 2111 .widget_block > .wp-block-group > .wp-block-group__inner-container pre + h4:first-child, 2112 .widget_block > .wp-block-group > .wp-block-group__inner-container pre + h3:first-child, 2113 .widget_block > .wp-block-group > .wp-block-group__inner-container pre + h2:first-child, 2114 .widget_block > .wp-block-group > .wp-block-group__inner-container pre + h1:first-child, 2115 pre + h6, 2116 table + h2, 2117 table + h3, 2118 table + h4, 2119 table + h5, 2120 .widget_block > .wp-block-group > .wp-block-group__inner-container table + h6:first-child, 2121 .widget_block > .wp-block-group > .wp-block-group__inner-container table + h5:first-child, 2122 .widget_block > .wp-block-group > .wp-block-group__inner-container table + h6:first-child, 2123 .widget_block > .wp-block-group > .wp-block-group__inner-container table + h4:first-child, 2124 .widget_block > .wp-block-group > .wp-block-group__inner-container table + h3:first-child, 2125 .widget_block > .wp-block-group > .wp-block-group__inner-container table + h2:first-child, 2126 .widget_block > .wp-block-group > .wp-block-group__inner-container table + h1:first-child, 2127 table + h6, 2128 form + h2, 2129 form + h3, 2130 form + h4, 2131 form + h5, 2132 .widget_block > .wp-block-group > .wp-block-group__inner-container form + h6:first-child, 2133 .widget_block > .wp-block-group > .wp-block-group__inner-container form + h5:first-child, 2134 .widget_block > .wp-block-group > .wp-block-group__inner-container form + h6:first-child, 2135 .widget_block > .wp-block-group > .wp-block-group__inner-container form + h4:first-child, 2136 .widget_block > .wp-block-group > .wp-block-group__inner-container form + h3:first-child, 2137 .widget_block > .wp-block-group > .wp-block-group__inner-container form + h2:first-child, 2138 .widget_block > .wp-block-group > .wp-block-group__inner-container form + h1:first-child, 2139 form + h6, 2140 figure + h2, 2141 figure + h3, 2142 figure + h4, 2143 figure + h5, 2144 .widget_block > .wp-block-group > .wp-block-group__inner-container figure + h6:first-child, 2145 .widget_block > .wp-block-group > .wp-block-group__inner-container figure + h5:first-child, 2146 .widget_block > .wp-block-group > .wp-block-group__inner-container figure + h6:first-child, 2147 .widget_block > .wp-block-group > .wp-block-group__inner-container figure + h4:first-child, 2148 .widget_block > .wp-block-group > .wp-block-group__inner-container figure + h3:first-child, 2149 .widget_block > .wp-block-group > .wp-block-group__inner-container figure + h2:first-child, 2150 .widget_block > .wp-block-group > .wp-block-group__inner-container figure + h1:first-child, 2151 figure + h6 { 2152 margin-top: 1.5rem; 2153 } 2154 2155 ul, 2156 ul ul, 2157 ul ol, 2158 ol, 2159 ol ul, 2160 ol ol { 2161 margin: 0 0 0 1.5rem; 2162 } 2163 2164 ol ol li { 2165 list-style-type: lower-alpha; 2166 } 2167 2168 ol ol ol li { 2169 list-style-type: lower-roman; 2170 } 2171 2172 nav ul, 2173 nav ol { 2174 margin: 0; 2175 list-style: none; 2176 } 2177 2178 nav ul ul, 2179 nav ul ol, 2180 nav ol ul, 2181 nav ol ol { 2182 margin-left: 1.5rem; 2183 } 2184 2185 dl dt { 2186 font-weight: bold; 2187 } 2188 2189 dd { 2190 margin-left: 1.5rem; 2191 } 2192 2193 .p, 2194 p, 2195 blockquote, 2196 hr, 2197 pre, 2198 ol, 2199 ul, 2200 dl, 2201 table, 2202 fieldset, 2203 figure, 2204 address, 2205 form { 2206 margin-bottom: 16px; 2207 } 2208 2209 hr { 2210 border: none; 2211 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 2212 margin-top: -1px; 2213 } 2214 2215 blockquote { 2216 padding-left: 1rem; 2217 border-left: 4px solid rgba(0, 0, 0, 0.1); 2218 font-style: italic; 2219 color: #8D99AE; 2220 } 2221 2222 blockquote p { 2223 margin-bottom: 0.5rem; 2224 } 2225 2226 time, 2227 cite, 2228 small, 2229 figcaption { 2230 font-size: 87.5%; 2231 } 2232 2233 cite { 2234 opacity: 0.6; 2235 } 2236 2237 abbr[title], 2238 dfn[title] { 2239 border-bottom: 1px dotted rgba(0, 0, 0, 0.5); 2240 cursor: help; 2241 } 2242 2243 var { 2244 font-size: 16px; 2245 opacity: 0.6; 2246 font-style: normal; 2247 } 2248 2249 mark, 2250 code, 2251 samp, 2252 kbd { 2253 position: relative; 2254 top: -1px; 2255 padding: 4px 4px 2px 4px; 2256 display: inline-block; 2257 line-height: 1; 2258 color: rgba(141, 153, 174, 0.85); 2259 } 2260 2261 code { 2262 background: #e0e1e1; 2263 } 2264 2265 mark { 2266 background: #f7ba45; 2267 } 2268 2269 samp { 2270 color: #fff; 2271 background: #1c86f2; 2272 } 2273 2274 kbd { 2275 border: 1px solid rgba(0, 0, 0, 0.1); 2276 } 2277 2278 sub, 2279 sup { 2280 font-size: 0.75em; 2281 line-height: 0; 2282 margin-left: 0.25rem; 2283 position: relative; 2284 } 2285 2286 sup { 2287 top: 0; 2288 } 2289 2290 sub { 2291 bottom: 1px; 2292 } 2293 2294 pre, 2295 code, 2296 samp, 2297 var, 2298 kbd { 2299 font-family: Consolas, Monaco, "Courier New", monospace; 2300 } 2301 2302 pre, 2303 code, 2304 samp, 2305 var, 2306 kbd, 2307 mark { 2308 font-size: 87.5%; 2309 } 2310 2311 pre, 2312 pre code { 2313 background: #f8f8f8; 2314 padding: 0; 2315 top: 0; 2316 display: block; 2317 line-height: 1rem; 2318 color: rgba(141, 153, 174, 0.85); 2319 white-space: pre-wrap; 2320 } 2321 2322 pre { 2323 padding: 1rem; 2324 } 2325 2326 figcaption { 2327 opacity: 0.6; 2328 } 2329 2330 figure figcaption { 2331 position: relative; 2332 top: -0.5rem; 2333 } 2334 2335 figure pre { 2336 background: none; 2337 border: 1px solid rgba(0, 0, 0, 0.1); 2338 border-radius: 4px; 2339 } 2340 2341 figure .video-container, 2342 figure pre { 2343 margin-bottom: 8px; 2344 } 2345 2346 .text-left { 2347 text-align: left; 2348 } 2349 2350 .text-center { 2351 text-align: center; 2352 } 2353 2354 .text-right { 2355 text-align: right; 2356 } 2357 2358 .text-justify { 2359 text-align: justify; 2360 } 2361 2362 ul.unstyled { 2363 margin-left: 0; 2364 } 2365 2366 ul.unstyled, 2367 ul.unstyled ul { 2368 list-style: none; 2369 } 2370 2371 .monospace { 2372 font-family: Consolas, Monaco, "Courier New", monospace; 2373 } 2374 2375 .upper { 2376 text-transform: uppercase; 2377 } 2378 2379 .lower { 2380 text-transform: lowercase; 2381 } 2382 2383 .italic { 2384 font-style: italic !important; 2385 } 2386 2387 .strong { 2388 font-weight: bold !important; 2389 } 2390 2391 .normal { 2392 font-weight: normal !important; 2393 } 2394 2395 .muted, 2396 .comment-meta a { 2397 opacity: 0.55; 2398 } 2399 2400 a.muted, 2401 .comment-meta a { 2402 color: #4a4a4a; 2403 } 2404 2405 a.muted:hover, 2406 .comment-meta a:hover { 2407 opacity: 1; 2408 } 2409 2410 .black { 2411 color: #4a4a4a; 2412 } 2413 2414 .smaller { 2415 font-size: 0.75em; 2416 line-height: 1rem; 2417 } 2418 2419 .small, 2420 .comment-meta { 2421 font-size: 0.875em; 2422 line-height: 1rem; 2423 } 2424 2425 .big { 2426 font-size: 1.2em; 2427 line-height: 1.75rem; 2428 } 2429 2430 .large { 2431 font-size: 1.4em; 2432 line-height: 2rem; 2433 } 2434 2435 .end { 2436 margin-bottom: 0 !important; 2437 } 2438 2439 .highlight { 2440 background-color: #edf2ff; 2441 } 2442 2443 .nowrap, 2444 .nowrap td { 2445 white-space: nowrap; 2446 } 2447 2448 @media (min-width: 768px) and (max-width: 1024px) { 2449 .columns-2, 2450 .columns-3, 2451 .columns-4 { 2452 -webkit-column-gap: 1.5rem; 2453 column-gap: 1.5rem; 2454 } 2455 2456 .columns-2 { 2457 -webkit-column-count: 2; 2458 column-count: 2; 2459 } 2460 2461 .columns-3 { 2462 -webkit-column-count: 3; 2463 column-count: 3; 2464 } 2465 2466 .columns-4 { 2467 -webkit-column-count: 4; 2468 column-count: 4; 2469 } 2470 } 2471 2472 @media (min-width: 768px) { 2473 .text-left-sm { 2474 text-align: left; 2475 } 2476 2477 .text-center-sm { 2478 text-align: center; 2479 } 2480 2481 .text-right-sm { 2482 text-align: right; 2483 } 2484 2485 .text-justify-sm { 2486 text-align: justify; 2487 } 2488 } 2489 2490 @media (max-width: 1024px) { 2491 html, 2492 body { 2493 font-size: 14px; 2494 } 2495 } 2496 2497 body .font-100 { 2498 font-weight: 100; 2499 } 2500 2501 body .font-200 { 2502 font-weight: 200; 2503 } 2504 2505 body .font-300 { 2506 font-weight: 300; 2507 } 2508 2509 body .font-400 { 2510 font-weight: 400; 2511 } 2512 2513 body .font-500 { 2514 font-weight: 500; 2515 } 2516 2517 body .font-600 { 2518 font-weight: 600; 2519 } 2520 2521 body .font-700 { 2522 font-weight: 700; 2523 } 2524 2525 body .font-800 { 2526 font-weight: 800; 2527 } 2528 2529 body .font-900 { 2530 font-weight: 900; 2531 } 2532 2533 body #page h1 { 2534 -ms-word-wrap: break-word; 2535 word-wrap: break-word; 2536 } 2537 2538 body #page h2 { 2539 -ms-word-wrap: break-word; 2540 word-wrap: break-word; 2541 } 2542 2543 body #page h3 { 2544 -ms-word-wrap: break-word; 2545 word-wrap: break-word; 2546 } 2547 2548 body #page h4 { 2549 -ms-word-wrap: break-word; 2550 word-wrap: break-word; 2551 } 2552 2553 body #page h5, 2554 body #page .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 2555 .widget_block > .wp-block-group > .wp-block-group__inner-container body #page h6:first-child, 2556 body #page .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 2557 .widget_block > .wp-block-group > .wp-block-group__inner-container body #page h4:first-child, 2558 body #page .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 2559 .widget_block > .wp-block-group > .wp-block-group__inner-container body #page h3:first-child, 2560 body #page .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 2561 .widget_block > .wp-block-group > .wp-block-group__inner-container body #page h2:first-child, 2562 body #page .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 2563 .widget_block > .wp-block-group > .wp-block-group__inner-container body #page h1:first-child { 2564 -ms-word-wrap: break-word; 2565 word-wrap: break-word; 2566 } 2567 2568 body #page h6 { 2569 -ms-word-wrap: break-word; 2570 word-wrap: break-word; 2571 } 2572 2573 body #page p, 2574 body #page a { 2575 -ms-word-wrap: break-word; 2576 word-wrap: break-word; 2577 } 2578 2579 body #page a { 2580 text-decoration: none; 2581 } 2582 2583 .lead { 2584 font-size: 1.1rem; 2585 line-height: 2rem; 2586 color: #8D99AE; 2587 font-weight: 300; 2588 } 2589 2590 /* 2591 BUTTONS 2592 */ 2593 2594 input[type=submit], 2595 .button { 2596 font-family: Roboto, sans-serif; 2597 -moz-osx-font-smoothing: grayscale; 2598 -webkit-font-smoothing: antialiased; 2599 font-size: 0.875rem; 2600 line-height: 2.25rem; 2601 font-weight: 500; 2602 letter-spacing: 0.0892857143em; 2603 text-decoration: none; 2604 text-transform: uppercase; 2605 --mdc-ripple-fg-size: 0; 2606 --mdc-ripple-left: 0; 2607 --mdc-ripple-top: 0; 2608 --mdc-ripple-fg-scale: 1; 2609 --mdc-ripple-fg-translate-end: 0; 2610 --mdc-ripple-fg-translate-start: 0; 2611 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 2612 will-change: transform, opacity; 2613 padding: 0 8px 0 8px; 2614 display: inline-flex; 2615 position: relative; 2616 align-items: center; 2617 justify-content: center; 2618 box-sizing: border-box; 2619 min-width: 64px; 2620 height: auto; 2621 border: none; 2622 outline: none; 2623 /* @alternate */ 2624 line-height: inherit; 2625 -webkit-user-select: none; 2626 -moz-user-select: none; 2627 -ms-user-select: none; 2628 user-select: none; 2629 -webkit-appearance: none; 2630 overflow: hidden; 2631 vertical-align: middle; 2632 border-radius: 4px; 2633 background-color: #228ae6; 2634 font-size: 0.875rem; 2635 line-height: 40px; 2636 padding: 0 20px; 2637 border-color: transparent; 2638 font-family: "Roboto", sans-serif; 2639 text-transform: none; 2640 white-space: nowrap; 2641 margin-bottom: 1rem; 2642 } 2643 2644 input[type=submit]::before, 2645 input[type=submit]::after, 2646 .button::before, 2647 .button::after { 2648 position: absolute; 2649 border-radius: 50%; 2650 opacity: 0; 2651 pointer-events: none; 2652 content: ""; 2653 } 2654 2655 input[type=submit]::before, 2656 .button::before { 2657 transition: opacity 15ms linear; 2658 z-index: 1; 2659 } 2660 2661 input[type=submit].mdc-ripple-upgraded::before, 2662 .button.mdc-ripple-upgraded::before { 2663 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); 2664 transform: scale(var(--mdc-ripple-fg-scale, 1)); 2665 } 2666 2667 input[type=submit].mdc-ripple-upgraded::after, 2668 .button.mdc-ripple-upgraded::after { 2669 top: 0; 2670 /* @noflip */ 2671 left: 0; 2672 -webkit-transform: scale(0); 2673 transform: scale(0); 2674 -webkit-transform-origin: center center; 2675 transform-origin: center center; 2676 } 2677 2678 input[type=submit].mdc-ripple-upgraded--unbounded::after, 2679 .button.mdc-ripple-upgraded--unbounded::after { 2680 top: var(--mdc-ripple-top, 0); 2681 /* @noflip */ 2682 left: var(--mdc-ripple-left, 0); 2683 } 2684 2685 input[type=submit].mdc-ripple-upgraded--foreground-activation::after, 2686 .button.mdc-ripple-upgraded--foreground-activation::after { 2687 -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 2688 animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 2689 } 2690 2691 input[type=submit].mdc-ripple-upgraded--foreground-deactivation::after, 2692 .button.mdc-ripple-upgraded--foreground-deactivation::after { 2693 -webkit-animation: 150ms mdc-ripple-fg-opacity-out; 2694 animation: 150ms mdc-ripple-fg-opacity-out; 2695 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 2696 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 2697 } 2698 2699 input[type=submit]::before, 2700 input[type=submit]::after, 2701 .button::before, 2702 .button::after { 2703 top: calc(50% - 100%); 2704 /* @noflip */ 2705 left: calc(50% - 100%); 2706 width: 200%; 2707 height: 200%; 2708 } 2709 2710 input[type=submit].mdc-ripple-upgraded::after, 2711 .button.mdc-ripple-upgraded::after { 2712 width: var(--mdc-ripple-fg-size, 100%); 2713 height: var(--mdc-ripple-fg-size, 100%); 2714 } 2715 2716 input[type=submit]::-moz-focus-inner, 2717 .button::-moz-focus-inner { 2718 padding: 0; 2719 border: 0; 2720 } 2721 2722 input[type=submit]:active, 2723 .button:active { 2724 outline: none; 2725 } 2726 2727 input[type=submit]:hover, 2728 .button:hover { 2729 cursor: pointer; 2730 } 2731 2732 input[type=submit]:disabled, 2733 .button:disabled { 2734 background-color: transparent; 2735 color: rgba(0, 0, 0, 0.37); 2736 cursor: default; 2737 pointer-events: none; 2738 } 2739 2740 input[type=submit]:not(:disabled), 2741 .button:not(:disabled) { 2742 color: #ffffff; 2743 } 2744 2745 input[type=submit]::before, 2746 input[type=submit]::after, 2747 .button::before, 2748 .button::after { 2749 background-color: rgba(255, 255, 255, 0.8); 2750 } 2751 2752 input[type=submit]:hover::before, 2753 .button:hover::before { 2754 opacity: 0.08; 2755 } 2756 2757 input[type=submit]:not(.mdc-ripple-upgraded):focus::before, 2758 input[type=submit].mdc-ripple-upgraded--background-focused::before, 2759 .button:not(.mdc-ripple-upgraded):focus::before, 2760 .button.mdc-ripple-upgraded--background-focused::before { 2761 transition-duration: 75ms; 2762 opacity: 0.24; 2763 } 2764 2765 input[type=submit]:not(.mdc-ripple-upgraded)::after, 2766 .button:not(.mdc-ripple-upgraded)::after { 2767 transition: opacity 150ms linear; 2768 } 2769 2770 input[type=submit]:not(.mdc-ripple-upgraded):active::after, 2771 .button:not(.mdc-ripple-upgraded):active::after { 2772 transition-duration: 75ms; 2773 opacity: 0.32; 2774 } 2775 2776 input[type=submit].mdc-ripple-upgraded, 2777 .button.mdc-ripple-upgraded { 2778 --mdc-ripple-fg-opacity: 0.32; 2779 } 2780 2781 input[type=submit]:before, 2782 .button:before { 2783 transition: opacity 0.2s linear; 2784 } 2785 2786 input[type=submit]:after, 2787 input[type=submit]:before, 2788 .button:after, 2789 .button:before { 2790 background-color: #ffffff; 2791 } 2792 2793 input[type=submit].outline, 2794 .button.outline { 2795 border-width: 2px; 2796 line-height: 36px; 2797 } 2798 2799 input[type=submit].outline::before, 2800 input[type=submit].outline::after, 2801 .button.outline::before, 2802 .button.outline::after { 2803 background-color: #ffffff; 2804 } 2805 2806 input[type=submit].outline:hover::before, 2807 .button.outline:hover::before { 2808 opacity: 0.08; 2809 } 2810 2811 input[type=submit].outline:not(.mdc-ripple-upgraded):focus::before, 2812 input[type=submit].outline.mdc-ripple-upgraded--background-focused::before, 2813 .button.outline:not(.mdc-ripple-upgraded):focus::before, 2814 .button.outline.mdc-ripple-upgraded--background-focused::before { 2815 transition-duration: 75ms; 2816 opacity: 0.24; 2817 } 2818 2819 input[type=submit].outline:not(.mdc-ripple-upgraded)::after, 2820 .button.outline:not(.mdc-ripple-upgraded)::after { 2821 transition: opacity 150ms linear; 2822 } 2823 2824 input[type=submit].outline:not(.mdc-ripple-upgraded):active::after, 2825 .button.outline:not(.mdc-ripple-upgraded):active::after { 2826 transition-duration: 75ms; 2827 opacity: 0.32; 2828 } 2829 2830 input[type=submit].outline.mdc-ripple-upgraded, 2831 .button.outline.mdc-ripple-upgraded { 2832 --mdc-ripple-fg-opacity: 0.32; 2833 } 2834 2835 input[type=submit].small, 2836 input[type=submit].comment-meta, 2837 .button.small, 2838 .button.comment-meta { 2839 font-size: 0.775rem; 2840 font-weight: 400; 2841 padding: 0 15px; 2842 border-radius: 4px; 2843 line-height: 32px; 2844 } 2845 2846 input[type=submit].small.outline, 2847 input[type=submit].outline.comment-meta, 2848 .button.small.outline, 2849 .button.outline.comment-meta { 2850 border-width: 2px; 2851 line-height: 28px; 2852 } 2853 2854 input[type=submit].big, 2855 .button.big { 2856 font-size: 0.975rem; 2857 font-weight: 400; 2858 padding: 2px 40px; 2859 border-radius: 4px; 2860 line-height: 50px; 2861 } 2862 2863 input[type=submit].big.outline, 2864 .button.big.outline { 2865 border-width: 2px; 2866 line-height: 46px; 2867 } 2868 2869 input[type=submit].large, 2870 .button.large { 2871 font-size: 21px; 2872 padding: 20px 36px; 2873 border-radius: 4px; 2874 } 2875 2876 input[type=submit].large:not(.outline), 2877 .button.large:not(.outline) { 2878 padding: calc(20px + 2px) calc(36px + 2px); 2879 } 2880 2881 input[type=submit].color-white, 2882 .button.color-white { 2883 background-color: #ffffff; 2884 } 2885 2886 input[type=submit].color-white:not(:disabled), 2887 .button.color-white:not(:disabled) { 2888 color: #2b2d42; 2889 } 2890 2891 input[type=submit].color-white:not(:disabled), 2892 .button.color-white:not(:disabled) { 2893 border-color: #ffffff; 2894 } 2895 2896 input[type=submit].color-white::before, 2897 input[type=submit].color-white::after, 2898 .button.color-white::before, 2899 .button.color-white::after { 2900 background-color: #bdbdbd; 2901 } 2902 2903 input[type=submit].color-white:hover::before, 2904 .button.color-white:hover::before { 2905 opacity: 0.08; 2906 } 2907 2908 input[type=submit].color-white:not(.mdc-ripple-upgraded):focus::before, 2909 input[type=submit].color-white.mdc-ripple-upgraded--background-focused::before, 2910 .button.color-white:not(.mdc-ripple-upgraded):focus::before, 2911 .button.color-white.mdc-ripple-upgraded--background-focused::before { 2912 transition-duration: 75ms; 2913 opacity: 0.24; 2914 } 2915 2916 input[type=submit].color-white:not(.mdc-ripple-upgraded)::after, 2917 .button.color-white:not(.mdc-ripple-upgraded)::after { 2918 transition: opacity 150ms linear; 2919 } 2920 2921 input[type=submit].color-white:not(.mdc-ripple-upgraded):active::after, 2922 .button.color-white:not(.mdc-ripple-upgraded):active::after { 2923 transition-duration: 75ms; 2924 opacity: 0.32; 2925 } 2926 2927 input[type=submit].color-white.mdc-ripple-upgraded, 2928 .button.color-white.mdc-ripple-upgraded { 2929 --mdc-ripple-fg-opacity: 0.32; 2930 } 2931 2932 input[type=submit].color-white.outline, 2933 .button.color-white.outline { 2934 background-color: transparent; 2935 border-style: solid; 2936 } 2937 2938 input[type=submit].color-white.outline:not(:disabled), 2939 .button.color-white.outline:not(:disabled) { 2940 color: #ffffff; 2941 } 2942 2943 input[type=submit].color-white.outline:disabled, 2944 .button.color-white.outline:disabled { 2945 border-color: rgba(0, 0, 0, 0.37); 2946 } 2947 2948 input[type=submit].color-white.outline:not(:disabled), 2949 .button.color-white.outline:not(:disabled) { 2950 border-color: #ffffff; 2951 } 2952 2953 input[type=submit].color-white.link, 2954 .button.color-white.link { 2955 background-color: transparent; 2956 padding: 0 8px; 2957 } 2958 2959 input[type=submit].color-white.link:not(:disabled), 2960 .button.color-white.link:not(:disabled) { 2961 color: #ffffff; 2962 } 2963 2964 input[type=submit].color-white.link::before, 2965 input[type=submit].color-white.link::after, 2966 .button.color-white.link::before, 2967 .button.color-white.link::after { 2968 background-color: rgba(255, 255, 255, 0.8); 2969 } 2970 2971 input[type=submit].color-white.link:hover::before, 2972 .button.color-white.link:hover::before { 2973 opacity: 0.08; 2974 } 2975 2976 input[type=submit].color-white.link:not(.mdc-ripple-upgraded):focus::before, 2977 input[type=submit].color-white.link.mdc-ripple-upgraded--background-focused::before, 2978 .button.color-white.link:not(.mdc-ripple-upgraded):focus::before, 2979 .button.color-white.link.mdc-ripple-upgraded--background-focused::before { 2980 transition-duration: 75ms; 2981 opacity: 0.24; 2982 } 2983 2984 input[type=submit].color-white.link:not(.mdc-ripple-upgraded)::after, 2985 .button.color-white.link:not(.mdc-ripple-upgraded)::after { 2986 transition: opacity 150ms linear; 2987 } 2988 2989 input[type=submit].color-white.link:not(.mdc-ripple-upgraded):active::after, 2990 .button.color-white.link:not(.mdc-ripple-upgraded):active::after { 2991 transition-duration: 75ms; 2992 opacity: 0.32; 2993 } 2994 2995 input[type=submit].color-white.link.mdc-ripple-upgraded, 2996 .button.color-white.link.mdc-ripple-upgraded { 2997 --mdc-ripple-fg-opacity: 0.32; 2998 } 2999 3000 input[type=submit].color-white.link:hover, 3001 .button.color-white.link:hover { 3002 background-color: transparent; 3003 } 3004 3005 input[type=submit].color-white :disabled, 3006 input[type=submit].color-white.disabled, 3007 .button.color-white :disabled, 3008 .button.color-white.disabled { 3009 background-color: rgba(255, 255, 255, 0.5); 3010 border-color: rgba(255, 255, 255, 0.5); 3011 cursor: default; 3012 pointer-events: none; 3013 } 3014 3015 input[type=submit].round, 3016 .button.round { 3017 border-radius: 50px; 3018 } 3019 3020 input[type=submit].square, 3021 .button.square { 3022 border-radius: 0px; 3023 } 3024 3025 input[type=submit].color-black, 3026 .button.color-black { 3027 background-color: #000; 3028 } 3029 3030 input[type=submit].color-black:not(:disabled), 3031 .button.color-black:not(:disabled) { 3032 color: #ffffff; 3033 } 3034 3035 input[type=submit].color-black:not(:disabled), 3036 .button.color-black:not(:disabled) { 3037 border-color: #000; 3038 } 3039 3040 input[type=submit].color-black::before, 3041 input[type=submit].color-black::after, 3042 .button.color-black::before, 3043 .button.color-black::after { 3044 background-color: rgba(255, 255, 255, 0.8); 3045 } 3046 3047 input[type=submit].color-black:hover::before, 3048 .button.color-black:hover::before { 3049 opacity: 0.08; 3050 } 3051 3052 input[type=submit].color-black:not(.mdc-ripple-upgraded):focus::before, 3053 input[type=submit].color-black.mdc-ripple-upgraded--background-focused::before, 3054 .button.color-black:not(.mdc-ripple-upgraded):focus::before, 3055 .button.color-black.mdc-ripple-upgraded--background-focused::before { 3056 transition-duration: 75ms; 3057 opacity: 0.24; 3058 } 3059 3060 input[type=submit].color-black:not(.mdc-ripple-upgraded)::after, 3061 .button.color-black:not(.mdc-ripple-upgraded)::after { 3062 transition: opacity 150ms linear; 3063 } 3064 3065 input[type=submit].color-black:not(.mdc-ripple-upgraded):active::after, 3066 .button.color-black:not(.mdc-ripple-upgraded):active::after { 3067 transition-duration: 75ms; 3068 opacity: 0.32; 3069 } 3070 3071 input[type=submit].color-black.mdc-ripple-upgraded, 3072 .button.color-black.mdc-ripple-upgraded { 3073 --mdc-ripple-fg-opacity: 0.32; 3074 } 3075 3076 input[type=submit].color-black.outline, 3077 .button.color-black.outline { 3078 background-color: transparent; 3079 border-style: solid; 3080 } 3081 3082 input[type=submit].color-black.outline:not(:disabled), 3083 .button.color-black.outline:not(:disabled) { 3084 color: #000; 3085 } 3086 3087 input[type=submit].color-black.outline:disabled, 3088 .button.color-black.outline:disabled { 3089 border-color: rgba(0, 0, 0, 0.37); 3090 } 3091 3092 input[type=submit].color-black.outline:not(:disabled), 3093 .button.color-black.outline:not(:disabled) { 3094 border-color: #000; 3095 } 3096 3097 input[type=submit].color-black.link, 3098 .button.color-black.link { 3099 background-color: transparent; 3100 padding: 0 8px; 3101 } 3102 3103 input[type=submit].color-black.link:not(:disabled), 3104 .button.color-black.link:not(:disabled) { 3105 color: #000; 3106 } 3107 3108 input[type=submit].color-black.link::before, 3109 input[type=submit].color-black.link::after, 3110 .button.color-black.link::before, 3111 .button.color-black.link::after { 3112 background-color: rgba(0, 0, 0, 0.8); 3113 } 3114 3115 input[type=submit].color-black.link:hover::before, 3116 .button.color-black.link:hover::before { 3117 opacity: 0.04; 3118 } 3119 3120 input[type=submit].color-black.link:not(.mdc-ripple-upgraded):focus::before, 3121 input[type=submit].color-black.link.mdc-ripple-upgraded--background-focused::before, 3122 .button.color-black.link:not(.mdc-ripple-upgraded):focus::before, 3123 .button.color-black.link.mdc-ripple-upgraded--background-focused::before { 3124 transition-duration: 75ms; 3125 opacity: 0.12; 3126 } 3127 3128 input[type=submit].color-black.link:not(.mdc-ripple-upgraded)::after, 3129 .button.color-black.link:not(.mdc-ripple-upgraded)::after { 3130 transition: opacity 150ms linear; 3131 } 3132 3133 input[type=submit].color-black.link:not(.mdc-ripple-upgraded):active::after, 3134 .button.color-black.link:not(.mdc-ripple-upgraded):active::after { 3135 transition-duration: 75ms; 3136 opacity: 0.16; 3137 } 3138 3139 input[type=submit].color-black.link.mdc-ripple-upgraded, 3140 .button.color-black.link.mdc-ripple-upgraded { 3141 --mdc-ripple-fg-opacity: 0.16; 3142 } 3143 3144 input[type=submit].color-black.link:hover, 3145 .button.color-black.link:hover { 3146 background-color: transparent; 3147 } 3148 3149 input[type=submit].color-black :disabled, 3150 input[type=submit].color-black.disabled, 3151 .button.color-black :disabled, 3152 .button.color-black.disabled { 3153 background-color: rgba(0, 0, 0, 0.5); 3154 border-color: rgba(0, 0, 0, 0.5); 3155 cursor: default; 3156 pointer-events: none; 3157 } 3158 3159 input[type=submit].color-darkgray, 3160 .button.color-darkgray { 3161 background-color: #2b2d42; 3162 } 3163 3164 input[type=submit].color-darkgray:not(:disabled), 3165 .button.color-darkgray:not(:disabled) { 3166 color: #ffffff; 3167 } 3168 3169 input[type=submit].color-darkgray:not(:disabled), 3170 .button.color-darkgray:not(:disabled) { 3171 border-color: #2b2d42; 3172 } 3173 3174 input[type=submit].color-darkgray::before, 3175 input[type=submit].color-darkgray::after, 3176 .button.color-darkgray::before, 3177 .button.color-darkgray::after { 3178 background-color: rgba(255, 255, 255, 0.8); 3179 } 3180 3181 input[type=submit].color-darkgray:hover::before, 3182 .button.color-darkgray:hover::before { 3183 opacity: 0.08; 3184 } 3185 3186 input[type=submit].color-darkgray:not(.mdc-ripple-upgraded):focus::before, 3187 input[type=submit].color-darkgray.mdc-ripple-upgraded--background-focused::before, 3188 .button.color-darkgray:not(.mdc-ripple-upgraded):focus::before, 3189 .button.color-darkgray.mdc-ripple-upgraded--background-focused::before { 3190 transition-duration: 75ms; 3191 opacity: 0.24; 3192 } 3193 3194 input[type=submit].color-darkgray:not(.mdc-ripple-upgraded)::after, 3195 .button.color-darkgray:not(.mdc-ripple-upgraded)::after { 3196 transition: opacity 150ms linear; 3197 } 3198 3199 input[type=submit].color-darkgray:not(.mdc-ripple-upgraded):active::after, 3200 .button.color-darkgray:not(.mdc-ripple-upgraded):active::after { 3201 transition-duration: 75ms; 3202 opacity: 0.32; 3203 } 3204 3205 input[type=submit].color-darkgray.mdc-ripple-upgraded, 3206 .button.color-darkgray.mdc-ripple-upgraded { 3207 --mdc-ripple-fg-opacity: 0.32; 3208 } 3209 3210 input[type=submit].color-darkgray.outline, 3211 .button.color-darkgray.outline { 3212 background-color: transparent; 3213 border-style: solid; 3214 } 3215 3216 input[type=submit].color-darkgray.outline:not(:disabled), 3217 .button.color-darkgray.outline:not(:disabled) { 3218 color: #2b2d42; 3219 } 3220 3221 input[type=submit].color-darkgray.outline:disabled, 3222 .button.color-darkgray.outline:disabled { 3223 border-color: rgba(0, 0, 0, 0.37); 3224 } 3225 3226 input[type=submit].color-darkgray.outline:not(:disabled), 3227 .button.color-darkgray.outline:not(:disabled) { 3228 border-color: #2b2d42; 3229 } 3230 3231 input[type=submit].color-darkgray.link, 3232 .button.color-darkgray.link { 3233 background-color: transparent; 3234 padding: 0 8px; 3235 } 3236 3237 input[type=submit].color-darkgray.link:not(:disabled), 3238 .button.color-darkgray.link:not(:disabled) { 3239 color: #2b2d42; 3240 } 3241 3242 input[type=submit].color-darkgray.link::before, 3243 input[type=submit].color-darkgray.link::after, 3244 .button.color-darkgray.link::before, 3245 .button.color-darkgray.link::after { 3246 background-color: rgba(43, 45, 66, 0.8); 3247 } 3248 3249 input[type=submit].color-darkgray.link:hover::before, 3250 .button.color-darkgray.link:hover::before { 3251 opacity: 0.04; 3252 } 3253 3254 input[type=submit].color-darkgray.link:not(.mdc-ripple-upgraded):focus::before, 3255 input[type=submit].color-darkgray.link.mdc-ripple-upgraded--background-focused::before, 3256 .button.color-darkgray.link:not(.mdc-ripple-upgraded):focus::before, 3257 .button.color-darkgray.link.mdc-ripple-upgraded--background-focused::before { 3258 transition-duration: 75ms; 3259 opacity: 0.12; 3260 } 3261 3262 input[type=submit].color-darkgray.link:not(.mdc-ripple-upgraded)::after, 3263 .button.color-darkgray.link:not(.mdc-ripple-upgraded)::after { 3264 transition: opacity 150ms linear; 3265 } 3266 3267 input[type=submit].color-darkgray.link:not(.mdc-ripple-upgraded):active::after, 3268 .button.color-darkgray.link:not(.mdc-ripple-upgraded):active::after { 3269 transition-duration: 75ms; 3270 opacity: 0.16; 3271 } 3272 3273 input[type=submit].color-darkgray.link.mdc-ripple-upgraded, 3274 .button.color-darkgray.link.mdc-ripple-upgraded { 3275 --mdc-ripple-fg-opacity: 0.16; 3276 } 3277 3278 input[type=submit].color-darkgray.link:hover, 3279 .button.color-darkgray.link:hover { 3280 background-color: transparent; 3281 } 3282 3283 input[type=submit].color-darkgray :disabled, 3284 input[type=submit].color-darkgray.disabled, 3285 .button.color-darkgray :disabled, 3286 .button.color-darkgray.disabled { 3287 background-color: rgba(43, 45, 66, 0.5); 3288 border-color: rgba(43, 45, 66, 0.5); 3289 cursor: default; 3290 pointer-events: none; 3291 } 3292 3293 input[type=submit].white, 3294 .button.white { 3295 background-color: #ffffff; 3296 } 3297 3298 input[type=submit].white:not(:disabled), 3299 .button.white:not(:disabled) { 3300 color: #2b2d42; 3301 } 3302 3303 input[type=submit].white:not(:disabled), 3304 .button.white:not(:disabled) { 3305 border-color: #ffffff; 3306 } 3307 3308 input[type=submit].white::before, 3309 input[type=submit].white::after, 3310 .button.white::before, 3311 .button.white::after { 3312 background-color: #bdbdbd; 3313 } 3314 3315 input[type=submit].white:hover::before, 3316 .button.white:hover::before { 3317 opacity: 0.08; 3318 } 3319 3320 input[type=submit].white:not(.mdc-ripple-upgraded):focus::before, 3321 input[type=submit].white.mdc-ripple-upgraded--background-focused::before, 3322 .button.white:not(.mdc-ripple-upgraded):focus::before, 3323 .button.white.mdc-ripple-upgraded--background-focused::before { 3324 transition-duration: 75ms; 3325 opacity: 0.24; 3326 } 3327 3328 input[type=submit].white:not(.mdc-ripple-upgraded)::after, 3329 .button.white:not(.mdc-ripple-upgraded)::after { 3330 transition: opacity 150ms linear; 3331 } 3332 3333 input[type=submit].white:not(.mdc-ripple-upgraded):active::after, 3334 .button.white:not(.mdc-ripple-upgraded):active::after { 3335 transition-duration: 75ms; 3336 opacity: 0.32; 3337 } 3338 3339 input[type=submit].white.mdc-ripple-upgraded, 3340 .button.white.mdc-ripple-upgraded { 3341 --mdc-ripple-fg-opacity: 0.32; 3342 } 3343 3344 input[type=submit].white.outline, 3345 .button.white.outline { 3346 background-color: transparent; 3347 border-style: solid; 3348 } 3349 3350 input[type=submit].white.outline:not(:disabled), 3351 .button.white.outline:not(:disabled) { 3352 color: #ffffff; 3353 } 3354 3355 input[type=submit].white.outline:disabled, 3356 .button.white.outline:disabled { 3357 border-color: rgba(0, 0, 0, 0.37); 3358 } 3359 3360 input[type=submit].white.outline:not(:disabled), 3361 .button.white.outline:not(:disabled) { 3362 border-color: #ffffff; 3363 } 3364 3365 input[type=submit].white.link, 3366 .button.white.link { 3367 background-color: transparent; 3368 padding: 0 8px; 3369 } 3370 3371 input[type=submit].white.link:not(:disabled), 3372 .button.white.link:not(:disabled) { 3373 color: #ffffff; 3374 } 3375 3376 input[type=submit].white.link::before, 3377 input[type=submit].white.link::after, 3378 .button.white.link::before, 3379 .button.white.link::after { 3380 background-color: rgba(255, 255, 255, 0.8); 3381 } 3382 3383 input[type=submit].white.link:hover::before, 3384 .button.white.link:hover::before { 3385 opacity: 0.08; 3386 } 3387 3388 input[type=submit].white.link:not(.mdc-ripple-upgraded):focus::before, 3389 input[type=submit].white.link.mdc-ripple-upgraded--background-focused::before, 3390 .button.white.link:not(.mdc-ripple-upgraded):focus::before, 3391 .button.white.link.mdc-ripple-upgraded--background-focused::before { 3392 transition-duration: 75ms; 3393 opacity: 0.24; 3394 } 3395 3396 input[type=submit].white.link:not(.mdc-ripple-upgraded)::after, 3397 .button.white.link:not(.mdc-ripple-upgraded)::after { 3398 transition: opacity 150ms linear; 3399 } 3400 3401 input[type=submit].white.link:not(.mdc-ripple-upgraded):active::after, 3402 .button.white.link:not(.mdc-ripple-upgraded):active::after { 3403 transition-duration: 75ms; 3404 opacity: 0.32; 3405 } 3406 3407 input[type=submit].white.link.mdc-ripple-upgraded, 3408 .button.white.link.mdc-ripple-upgraded { 3409 --mdc-ripple-fg-opacity: 0.32; 3410 } 3411 3412 input[type=submit].white.link:hover, 3413 .button.white.link:hover { 3414 background-color: transparent; 3415 } 3416 3417 input[type=submit].white :disabled, 3418 input[type=submit].white.disabled, 3419 .button.white :disabled, 3420 .button.white.disabled { 3421 background-color: rgba(255, 255, 255, 0.5); 3422 border-color: rgba(255, 255, 255, 0.5); 3423 cursor: default; 3424 pointer-events: none; 3425 } 3426 3427 input[type=submit].white.outline::before, 3428 input[type=submit].white.outline::after, 3429 .button.white.outline::before, 3430 .button.white.outline::after { 3431 background-color: #ffffff; 3432 } 3433 3434 input[type=submit].white.outline:hover::before, 3435 .button.white.outline:hover::before { 3436 opacity: 0.08; 3437 } 3438 3439 input[type=submit].white.outline:not(.mdc-ripple-upgraded):focus::before, 3440 input[type=submit].white.outline:not(.mdc-ripple-upgraded):focus-within::before, 3441 input[type=submit].white.outline.mdc-ripple-upgraded--background-focused::before, 3442 .button.white.outline:not(.mdc-ripple-upgraded):focus::before, 3443 .button.white.outline:not(.mdc-ripple-upgraded):focus-within::before, 3444 .button.white.outline.mdc-ripple-upgraded--background-focused::before { 3445 transition-duration: 75ms; 3446 opacity: 0.24; 3447 } 3448 3449 input[type=submit].white.outline:not(.mdc-ripple-upgraded)::after, 3450 .button.white.outline:not(.mdc-ripple-upgraded)::after { 3451 transition: opacity 150ms linear; 3452 } 3453 3454 input[type=submit].white.outline:not(.mdc-ripple-upgraded):active::after, 3455 .button.white.outline:not(.mdc-ripple-upgraded):active::after { 3456 transition-duration: 75ms; 3457 opacity: 0.32; 3458 } 3459 3460 input[type=submit].white.outline.mdc-ripple-upgraded, 3461 .button.white.outline.mdc-ripple-upgraded { 3462 --mdc-ripple-fg-opacity: 0.32; 3463 } 3464 3465 input[type=submit].white.outline:hover::before, 3466 .button.white.outline:hover::before { 3467 opacity: 0.3; 3468 } 3469 3470 input[type=submit].black, 3471 .button.black { 3472 background-color: #000; 3473 } 3474 3475 input[type=submit].black:not(:disabled), 3476 .button.black:not(:disabled) { 3477 color: #ffffff; 3478 } 3479 3480 input[type=submit].black:not(:disabled), 3481 .button.black:not(:disabled) { 3482 border-color: #000; 3483 } 3484 3485 input[type=submit].black::before, 3486 input[type=submit].black::after, 3487 .button.black::before, 3488 .button.black::after { 3489 background-color: rgba(255, 255, 255, 0.8); 3490 } 3491 3492 input[type=submit].black:hover::before, 3493 .button.black:hover::before { 3494 opacity: 0.08; 3495 } 3496 3497 input[type=submit].black:not(.mdc-ripple-upgraded):focus::before, 3498 input[type=submit].black.mdc-ripple-upgraded--background-focused::before, 3499 .button.black:not(.mdc-ripple-upgraded):focus::before, 3500 .button.black.mdc-ripple-upgraded--background-focused::before { 3501 transition-duration: 75ms; 3502 opacity: 0.24; 3503 } 3504 3505 input[type=submit].black:not(.mdc-ripple-upgraded)::after, 3506 .button.black:not(.mdc-ripple-upgraded)::after { 3507 transition: opacity 150ms linear; 3508 } 3509 3510 input[type=submit].black:not(.mdc-ripple-upgraded):active::after, 3511 .button.black:not(.mdc-ripple-upgraded):active::after { 3512 transition-duration: 75ms; 3513 opacity: 0.32; 3514 } 3515 3516 input[type=submit].black.mdc-ripple-upgraded, 3517 .button.black.mdc-ripple-upgraded { 3518 --mdc-ripple-fg-opacity: 0.32; 3519 } 3520 3521 input[type=submit].black.outline, 3522 .button.black.outline { 3523 background-color: transparent; 3524 border-style: solid; 3525 } 3526 3527 input[type=submit].black.outline:not(:disabled), 3528 .button.black.outline:not(:disabled) { 3529 color: #000; 3530 } 3531 3532 input[type=submit].black.outline:disabled, 3533 .button.black.outline:disabled { 3534 border-color: rgba(0, 0, 0, 0.37); 3535 } 3536 3537 input[type=submit].black.outline:not(:disabled), 3538 .button.black.outline:not(:disabled) { 3539 border-color: #000; 3540 } 3541 3542 input[type=submit].black.link, 3543 .button.black.link { 3544 background-color: transparent; 3545 padding: 0 8px; 3546 } 3547 3548 input[type=submit].black.link:not(:disabled), 3549 .button.black.link:not(:disabled) { 3550 color: #000; 3551 } 3552 3553 input[type=submit].black.link::before, 3554 input[type=submit].black.link::after, 3555 .button.black.link::before, 3556 .button.black.link::after { 3557 background-color: rgba(0, 0, 0, 0.8); 3558 } 3559 3560 input[type=submit].black.link:hover::before, 3561 .button.black.link:hover::before { 3562 opacity: 0.04; 3563 } 3564 3565 input[type=submit].black.link:not(.mdc-ripple-upgraded):focus::before, 3566 input[type=submit].black.link.mdc-ripple-upgraded--background-focused::before, 3567 .button.black.link:not(.mdc-ripple-upgraded):focus::before, 3568 .button.black.link.mdc-ripple-upgraded--background-focused::before { 3569 transition-duration: 75ms; 3570 opacity: 0.12; 3571 } 3572 3573 input[type=submit].black.link:not(.mdc-ripple-upgraded)::after, 3574 .button.black.link:not(.mdc-ripple-upgraded)::after { 3575 transition: opacity 150ms linear; 3576 } 3577 3578 input[type=submit].black.link:not(.mdc-ripple-upgraded):active::after, 3579 .button.black.link:not(.mdc-ripple-upgraded):active::after { 3580 transition-duration: 75ms; 3581 opacity: 0.16; 3582 } 3583 3584 input[type=submit].black.link.mdc-ripple-upgraded, 3585 .button.black.link.mdc-ripple-upgraded { 3586 --mdc-ripple-fg-opacity: 0.16; 3587 } 3588 3589 input[type=submit].black.link:hover, 3590 .button.black.link:hover { 3591 background-color: transparent; 3592 } 3593 3594 input[type=submit].black :disabled, 3595 input[type=submit].black.disabled, 3596 .button.black :disabled, 3597 .button.black.disabled { 3598 background-color: rgba(0, 0, 0, 0.5); 3599 border-color: rgba(0, 0, 0, 0.5); 3600 cursor: default; 3601 pointer-events: none; 3602 } 3603 3604 input[type=submit].color1, 3605 .button.color1 { 3606 background-color: #228ae6; 3607 } 3608 3609 input[type=submit].color1:not(:disabled), 3610 .button.color1:not(:disabled) { 3611 color: #ffffff; 3612 } 3613 3614 input[type=submit].color1:not(:disabled), 3615 .button.color1:not(:disabled) { 3616 border-color: #228ae6; 3617 } 3618 3619 input[type=submit].color1::before, 3620 input[type=submit].color1::after, 3621 .button.color1::before, 3622 .button.color1::after { 3623 background-color: rgba(255, 255, 255, 0.8); 3624 } 3625 3626 input[type=submit].color1:hover::before, 3627 .button.color1:hover::before { 3628 opacity: 0.08; 3629 } 3630 3631 input[type=submit].color1:not(.mdc-ripple-upgraded):focus::before, 3632 input[type=submit].color1.mdc-ripple-upgraded--background-focused::before, 3633 .button.color1:not(.mdc-ripple-upgraded):focus::before, 3634 .button.color1.mdc-ripple-upgraded--background-focused::before { 3635 transition-duration: 75ms; 3636 opacity: 0.24; 3637 } 3638 3639 input[type=submit].color1:not(.mdc-ripple-upgraded)::after, 3640 .button.color1:not(.mdc-ripple-upgraded)::after { 3641 transition: opacity 150ms linear; 3642 } 3643 3644 input[type=submit].color1:not(.mdc-ripple-upgraded):active::after, 3645 .button.color1:not(.mdc-ripple-upgraded):active::after { 3646 transition-duration: 75ms; 3647 opacity: 0.32; 3648 } 3649 3650 input[type=submit].color1.mdc-ripple-upgraded, 3651 .button.color1.mdc-ripple-upgraded { 3652 --mdc-ripple-fg-opacity: 0.32; 3653 } 3654 3655 input[type=submit].color1.outline, 3656 .button.color1.outline { 3657 background-color: transparent; 3658 border-style: solid; 3659 } 3660 3661 input[type=submit].color1.outline:not(:disabled), 3662 .button.color1.outline:not(:disabled) { 3663 color: #228ae6; 3664 } 3665 3666 input[type=submit].color1.outline:disabled, 3667 .button.color1.outline:disabled { 3668 border-color: rgba(0, 0, 0, 0.37); 3669 } 3670 3671 input[type=submit].color1.outline:not(:disabled), 3672 .button.color1.outline:not(:disabled) { 3673 border-color: #228ae6; 3674 } 3675 3676 input[type=submit].color1.link, 3677 .button.color1.link { 3678 background-color: transparent; 3679 padding: 0 8px; 3680 } 3681 3682 input[type=submit].color1.link:not(:disabled), 3683 .button.color1.link:not(:disabled) { 3684 color: #228ae6; 3685 } 3686 3687 input[type=submit].color1.link::before, 3688 input[type=submit].color1.link::after, 3689 .button.color1.link::before, 3690 .button.color1.link::after { 3691 background-color: rgba(34, 138, 230, 0.8); 3692 } 3693 3694 input[type=submit].color1.link:hover::before, 3695 .button.color1.link:hover::before { 3696 opacity: 0.04; 3697 } 3698 3699 input[type=submit].color1.link:not(.mdc-ripple-upgraded):focus::before, 3700 input[type=submit].color1.link.mdc-ripple-upgraded--background-focused::before, 3701 .button.color1.link:not(.mdc-ripple-upgraded):focus::before, 3702 .button.color1.link.mdc-ripple-upgraded--background-focused::before { 3703 transition-duration: 75ms; 3704 opacity: 0.12; 3705 } 3706 3707 input[type=submit].color1.link:not(.mdc-ripple-upgraded)::after, 3708 .button.color1.link:not(.mdc-ripple-upgraded)::after { 3709 transition: opacity 150ms linear; 3710 } 3711 3712 input[type=submit].color1.link:not(.mdc-ripple-upgraded):active::after, 3713 .button.color1.link:not(.mdc-ripple-upgraded):active::after { 3714 transition-duration: 75ms; 3715 opacity: 0.16; 3716 } 3717 3718 input[type=submit].color1.link.mdc-ripple-upgraded, 3719 .button.color1.link.mdc-ripple-upgraded { 3720 --mdc-ripple-fg-opacity: 0.16; 3721 } 3722 3723 input[type=submit].color1.link:hover, 3724 .button.color1.link:hover { 3725 background-color: transparent; 3726 } 3727 3728 input[type=submit].color1 :disabled, 3729 input[type=submit].color1.disabled, 3730 .button.color1 :disabled, 3731 .button.color1.disabled { 3732 background-color: rgba(34, 138, 230, 0.5); 3733 border-color: rgba(34, 138, 230, 0.5); 3734 cursor: default; 3735 pointer-events: none; 3736 } 3737 3738 input[type=submit].color2, 3739 .button.color2 { 3740 background-color: #fa5252; 3741 } 3742 3743 input[type=submit].color2:not(:disabled), 3744 .button.color2:not(:disabled) { 3745 color: #ffffff; 3746 } 3747 3748 input[type=submit].color2:not(:disabled), 3749 .button.color2:not(:disabled) { 3750 border-color: #fa5252; 3751 } 3752 3753 input[type=submit].color2::before, 3754 input[type=submit].color2::after, 3755 .button.color2::before, 3756 .button.color2::after { 3757 background-color: rgba(255, 255, 255, 0.8); 3758 } 3759 3760 input[type=submit].color2:hover::before, 3761 .button.color2:hover::before { 3762 opacity: 0.08; 3763 } 3764 3765 input[type=submit].color2:not(.mdc-ripple-upgraded):focus::before, 3766 input[type=submit].color2.mdc-ripple-upgraded--background-focused::before, 3767 .button.color2:not(.mdc-ripple-upgraded):focus::before, 3768 .button.color2.mdc-ripple-upgraded--background-focused::before { 3769 transition-duration: 75ms; 3770 opacity: 0.24; 3771 } 3772 3773 input[type=submit].color2:not(.mdc-ripple-upgraded)::after, 3774 .button.color2:not(.mdc-ripple-upgraded)::after { 3775 transition: opacity 150ms linear; 3776 } 3777 3778 input[type=submit].color2:not(.mdc-ripple-upgraded):active::after, 3779 .button.color2:not(.mdc-ripple-upgraded):active::after { 3780 transition-duration: 75ms; 3781 opacity: 0.32; 3782 } 3783 3784 input[type=submit].color2.mdc-ripple-upgraded, 3785 .button.color2.mdc-ripple-upgraded { 3786 --mdc-ripple-fg-opacity: 0.32; 3787 } 3788 3789 input[type=submit].color2.outline, 3790 .button.color2.outline { 3791 background-color: transparent; 3792 border-style: solid; 3793 } 3794 3795 input[type=submit].color2.outline:not(:disabled), 3796 .button.color2.outline:not(:disabled) { 3797 color: #fa5252; 3798 } 3799 3800 input[type=submit].color2.outline:disabled, 3801 .button.color2.outline:disabled { 3802 border-color: rgba(0, 0, 0, 0.37); 3803 } 3804 3805 input[type=submit].color2.outline:not(:disabled), 3806 .button.color2.outline:not(:disabled) { 3807 border-color: #fa5252; 3808 } 3809 3810 input[type=submit].color2.link, 3811 .button.color2.link { 3812 background-color: transparent; 3813 padding: 0 8px; 3814 } 3815 3816 input[type=submit].color2.link:not(:disabled), 3817 .button.color2.link:not(:disabled) { 3818 color: #fa5252; 3819 } 3820 3821 input[type=submit].color2.link::before, 3822 input[type=submit].color2.link::after, 3823 .button.color2.link::before, 3824 .button.color2.link::after { 3825 background-color: rgba(250, 82, 82, 0.8); 3826 } 3827 3828 input[type=submit].color2.link:hover::before, 3829 .button.color2.link:hover::before { 3830 opacity: 0.04; 3831 } 3832 3833 input[type=submit].color2.link:not(.mdc-ripple-upgraded):focus::before, 3834 input[type=submit].color2.link.mdc-ripple-upgraded--background-focused::before, 3835 .button.color2.link:not(.mdc-ripple-upgraded):focus::before, 3836 .button.color2.link.mdc-ripple-upgraded--background-focused::before { 3837 transition-duration: 75ms; 3838 opacity: 0.12; 3839 } 3840 3841 input[type=submit].color2.link:not(.mdc-ripple-upgraded)::after, 3842 .button.color2.link:not(.mdc-ripple-upgraded)::after { 3843 transition: opacity 150ms linear; 3844 } 3845 3846 input[type=submit].color2.link:not(.mdc-ripple-upgraded):active::after, 3847 .button.color2.link:not(.mdc-ripple-upgraded):active::after { 3848 transition-duration: 75ms; 3849 opacity: 0.16; 3850 } 3851 3852 input[type=submit].color2.link.mdc-ripple-upgraded, 3853 .button.color2.link.mdc-ripple-upgraded { 3854 --mdc-ripple-fg-opacity: 0.16; 3855 } 3856 3857 input[type=submit].color2.link:hover, 3858 .button.color2.link:hover { 3859 background-color: transparent; 3860 } 3861 3862 input[type=submit].color2 :disabled, 3863 input[type=submit].color2.disabled, 3864 .button.color2 :disabled, 3865 .button.color2.disabled { 3866 background-color: rgba(250, 82, 82, 0.5); 3867 border-color: rgba(250, 82, 82, 0.5); 3868 cursor: default; 3869 pointer-events: none; 3870 } 3871 3872 input[type=submit].color3, 3873 .button.color3 { 3874 background-color: #82c91e; 3875 } 3876 3877 input[type=submit].color3:not(:disabled), 3878 .button.color3:not(:disabled) { 3879 color: #ffffff; 3880 } 3881 3882 input[type=submit].color3:not(:disabled), 3883 .button.color3:not(:disabled) { 3884 border-color: #82c91e; 3885 } 3886 3887 input[type=submit].color3::before, 3888 input[type=submit].color3::after, 3889 .button.color3::before, 3890 .button.color3::after { 3891 background-color: rgba(255, 255, 255, 0.8); 3892 } 3893 3894 input[type=submit].color3:hover::before, 3895 .button.color3:hover::before { 3896 opacity: 0.08; 3897 } 3898 3899 input[type=submit].color3:not(.mdc-ripple-upgraded):focus::before, 3900 input[type=submit].color3.mdc-ripple-upgraded--background-focused::before, 3901 .button.color3:not(.mdc-ripple-upgraded):focus::before, 3902 .button.color3.mdc-ripple-upgraded--background-focused::before { 3903 transition-duration: 75ms; 3904 opacity: 0.24; 3905 } 3906 3907 input[type=submit].color3:not(.mdc-ripple-upgraded)::after, 3908 .button.color3:not(.mdc-ripple-upgraded)::after { 3909 transition: opacity 150ms linear; 3910 } 3911 3912 input[type=submit].color3:not(.mdc-ripple-upgraded):active::after, 3913 .button.color3:not(.mdc-ripple-upgraded):active::after { 3914 transition-duration: 75ms; 3915 opacity: 0.32; 3916 } 3917 3918 input[type=submit].color3.mdc-ripple-upgraded, 3919 .button.color3.mdc-ripple-upgraded { 3920 --mdc-ripple-fg-opacity: 0.32; 3921 } 3922 3923 input[type=submit].color3.outline, 3924 .button.color3.outline { 3925 background-color: transparent; 3926 border-style: solid; 3927 } 3928 3929 input[type=submit].color3.outline:not(:disabled), 3930 .button.color3.outline:not(:disabled) { 3931 color: #82c91e; 3932 } 3933 3934 input[type=submit].color3.outline:disabled, 3935 .button.color3.outline:disabled { 3936 border-color: rgba(0, 0, 0, 0.37); 3937 } 3938 3939 input[type=submit].color3.outline:not(:disabled), 3940 .button.color3.outline:not(:disabled) { 3941 border-color: #82c91e; 3942 } 3943 3944 input[type=submit].color3.link, 3945 .button.color3.link { 3946 background-color: transparent; 3947 padding: 0 8px; 3948 } 3949 3950 input[type=submit].color3.link:not(:disabled), 3951 .button.color3.link:not(:disabled) { 3952 color: #82c91e; 3953 } 3954 3955 input[type=submit].color3.link::before, 3956 input[type=submit].color3.link::after, 3957 .button.color3.link::before, 3958 .button.color3.link::after { 3959 background-color: rgba(130, 201, 30, 0.8); 3960 } 3961 3962 input[type=submit].color3.link:hover::before, 3963 .button.color3.link:hover::before { 3964 opacity: 0.08; 3965 } 3966 3967 input[type=submit].color3.link:not(.mdc-ripple-upgraded):focus::before, 3968 input[type=submit].color3.link.mdc-ripple-upgraded--background-focused::before, 3969 .button.color3.link:not(.mdc-ripple-upgraded):focus::before, 3970 .button.color3.link.mdc-ripple-upgraded--background-focused::before { 3971 transition-duration: 75ms; 3972 opacity: 0.24; 3973 } 3974 3975 input[type=submit].color3.link:not(.mdc-ripple-upgraded)::after, 3976 .button.color3.link:not(.mdc-ripple-upgraded)::after { 3977 transition: opacity 150ms linear; 3978 } 3979 3980 input[type=submit].color3.link:not(.mdc-ripple-upgraded):active::after, 3981 .button.color3.link:not(.mdc-ripple-upgraded):active::after { 3982 transition-duration: 75ms; 3983 opacity: 0.32; 3984 } 3985 3986 input[type=submit].color3.link.mdc-ripple-upgraded, 3987 .button.color3.link.mdc-ripple-upgraded { 3988 --mdc-ripple-fg-opacity: 0.32; 3989 } 3990 3991 input[type=submit].color3.link:hover, 3992 .button.color3.link:hover { 3993 background-color: transparent; 3994 } 3995 3996 input[type=submit].color3 :disabled, 3997 input[type=submit].color3.disabled, 3998 .button.color3 :disabled, 3999 .button.color3.disabled { 4000 background-color: rgba(130, 201, 30, 0.5); 4001 border-color: rgba(130, 201, 30, 0.5); 4002 cursor: default; 4003 pointer-events: none; 4004 } 4005 4006 input[type=submit].color4, 4007 .button.color4 { 4008 background-color: #fab005; 4009 } 4010 4011 input[type=submit].color4:not(:disabled), 4012 .button.color4:not(:disabled) { 4013 color: #ffffff; 4014 } 4015 4016 input[type=submit].color4:not(:disabled), 4017 .button.color4:not(:disabled) { 4018 border-color: #fab005; 4019 } 4020 4021 input[type=submit].color4::before, 4022 input[type=submit].color4::after, 4023 .button.color4::before, 4024 .button.color4::after { 4025 background-color: rgba(255, 255, 255, 0.8); 4026 } 4027 4028 input[type=submit].color4:hover::before, 4029 .button.color4:hover::before { 4030 opacity: 0.08; 4031 } 4032 4033 input[type=submit].color4:not(.mdc-ripple-upgraded):focus::before, 4034 input[type=submit].color4.mdc-ripple-upgraded--background-focused::before, 4035 .button.color4:not(.mdc-ripple-upgraded):focus::before, 4036 .button.color4.mdc-ripple-upgraded--background-focused::before { 4037 transition-duration: 75ms; 4038 opacity: 0.24; 4039 } 4040 4041 input[type=submit].color4:not(.mdc-ripple-upgraded)::after, 4042 .button.color4:not(.mdc-ripple-upgraded)::after { 4043 transition: opacity 150ms linear; 4044 } 4045 4046 input[type=submit].color4:not(.mdc-ripple-upgraded):active::after, 4047 .button.color4:not(.mdc-ripple-upgraded):active::after { 4048 transition-duration: 75ms; 4049 opacity: 0.32; 4050 } 4051 4052 input[type=submit].color4.mdc-ripple-upgraded, 4053 .button.color4.mdc-ripple-upgraded { 4054 --mdc-ripple-fg-opacity: 0.32; 4055 } 4056 4057 input[type=submit].color4.outline, 4058 .button.color4.outline { 4059 background-color: transparent; 4060 border-style: solid; 4061 } 4062 4063 input[type=submit].color4.outline:not(:disabled), 4064 .button.color4.outline:not(:disabled) { 4065 color: #fab005; 4066 } 4067 4068 input[type=submit].color4.outline:disabled, 4069 .button.color4.outline:disabled { 4070 border-color: rgba(0, 0, 0, 0.37); 4071 } 4072 4073 input[type=submit].color4.outline:not(:disabled), 4074 .button.color4.outline:not(:disabled) { 4075 border-color: #fab005; 4076 } 4077 4078 input[type=submit].color4.link, 4079 .button.color4.link { 4080 background-color: transparent; 4081 padding: 0 8px; 4082 } 4083 4084 input[type=submit].color4.link:not(:disabled), 4085 .button.color4.link:not(:disabled) { 4086 color: #fab005; 4087 } 4088 4089 input[type=submit].color4.link::before, 4090 input[type=submit].color4.link::after, 4091 .button.color4.link::before, 4092 .button.color4.link::after { 4093 background-color: rgba(250, 176, 5, 0.8); 4094 } 4095 4096 input[type=submit].color4.link:hover::before, 4097 .button.color4.link:hover::before { 4098 opacity: 0.08; 4099 } 4100 4101 input[type=submit].color4.link:not(.mdc-ripple-upgraded):focus::before, 4102 input[type=submit].color4.link.mdc-ripple-upgraded--background-focused::before, 4103 .button.color4.link:not(.mdc-ripple-upgraded):focus::before, 4104 .button.color4.link.mdc-ripple-upgraded--background-focused::before { 4105 transition-duration: 75ms; 4106 opacity: 0.24; 4107 } 4108 4109 input[type=submit].color4.link:not(.mdc-ripple-upgraded)::after, 4110 .button.color4.link:not(.mdc-ripple-upgraded)::after { 4111 transition: opacity 150ms linear; 4112 } 4113 4114 input[type=submit].color4.link:not(.mdc-ripple-upgraded):active::after, 4115 .button.color4.link:not(.mdc-ripple-upgraded):active::after { 4116 transition-duration: 75ms; 4117 opacity: 0.32; 4118 } 4119 4120 input[type=submit].color4.link.mdc-ripple-upgraded, 4121 .button.color4.link.mdc-ripple-upgraded { 4122 --mdc-ripple-fg-opacity: 0.32; 4123 } 4124 4125 input[type=submit].color4.link:hover, 4126 .button.color4.link:hover { 4127 background-color: transparent; 4128 } 4129 4130 input[type=submit].color4 :disabled, 4131 input[type=submit].color4.disabled, 4132 .button.color4 :disabled, 4133 .button.color4.disabled { 4134 background-color: rgba(250, 176, 5, 0.5); 4135 border-color: rgba(250, 176, 5, 0.5); 4136 cursor: default; 4137 pointer-events: none; 4138 } 4139 4140 input[type=submit].color5, 4141 .button.color5 { 4142 background-color: #7950f2; 4143 } 4144 4145 input[type=submit].color5:not(:disabled), 4146 .button.color5:not(:disabled) { 4147 color: #ffffff; 4148 } 4149 4150 input[type=submit].color5:not(:disabled), 4151 .button.color5:not(:disabled) { 4152 border-color: #7950f2; 4153 } 4154 4155 input[type=submit].color5::before, 4156 input[type=submit].color5::after, 4157 .button.color5::before, 4158 .button.color5::after { 4159 background-color: rgba(255, 255, 255, 0.8); 4160 } 4161 4162 input[type=submit].color5:hover::before, 4163 .button.color5:hover::before { 4164 opacity: 0.08; 4165 } 4166 4167 input[type=submit].color5:not(.mdc-ripple-upgraded):focus::before, 4168 input[type=submit].color5.mdc-ripple-upgraded--background-focused::before, 4169 .button.color5:not(.mdc-ripple-upgraded):focus::before, 4170 .button.color5.mdc-ripple-upgraded--background-focused::before { 4171 transition-duration: 75ms; 4172 opacity: 0.24; 4173 } 4174 4175 input[type=submit].color5:not(.mdc-ripple-upgraded)::after, 4176 .button.color5:not(.mdc-ripple-upgraded)::after { 4177 transition: opacity 150ms linear; 4178 } 4179 4180 input[type=submit].color5:not(.mdc-ripple-upgraded):active::after, 4181 .button.color5:not(.mdc-ripple-upgraded):active::after { 4182 transition-duration: 75ms; 4183 opacity: 0.32; 4184 } 4185 4186 input[type=submit].color5.mdc-ripple-upgraded, 4187 .button.color5.mdc-ripple-upgraded { 4188 --mdc-ripple-fg-opacity: 0.32; 4189 } 4190 4191 input[type=submit].color5.outline, 4192 .button.color5.outline { 4193 background-color: transparent; 4194 border-style: solid; 4195 } 4196 4197 input[type=submit].color5.outline:not(:disabled), 4198 .button.color5.outline:not(:disabled) { 4199 color: #7950f2; 4200 } 4201 4202 input[type=submit].color5.outline:disabled, 4203 .button.color5.outline:disabled { 4204 border-color: rgba(0, 0, 0, 0.37); 4205 } 4206 4207 input[type=submit].color5.outline:not(:disabled), 4208 .button.color5.outline:not(:disabled) { 4209 border-color: #7950f2; 4210 } 4211 4212 input[type=submit].color5.link, 4213 .button.color5.link { 4214 background-color: transparent; 4215 padding: 0 8px; 4216 } 4217 4218 input[type=submit].color5.link:not(:disabled), 4219 .button.color5.link:not(:disabled) { 4220 color: #7950f2; 4221 } 4222 4223 input[type=submit].color5.link::before, 4224 input[type=submit].color5.link::after, 4225 .button.color5.link::before, 4226 .button.color5.link::after { 4227 background-color: rgba(121, 80, 242, 0.8); 4228 } 4229 4230 input[type=submit].color5.link:hover::before, 4231 .button.color5.link:hover::before { 4232 opacity: 0.04; 4233 } 4234 4235 input[type=submit].color5.link:not(.mdc-ripple-upgraded):focus::before, 4236 input[type=submit].color5.link.mdc-ripple-upgraded--background-focused::before, 4237 .button.color5.link:not(.mdc-ripple-upgraded):focus::before, 4238 .button.color5.link.mdc-ripple-upgraded--background-focused::before { 4239 transition-duration: 75ms; 4240 opacity: 0.12; 4241 } 4242 4243 input[type=submit].color5.link:not(.mdc-ripple-upgraded)::after, 4244 .button.color5.link:not(.mdc-ripple-upgraded)::after { 4245 transition: opacity 150ms linear; 4246 } 4247 4248 input[type=submit].color5.link:not(.mdc-ripple-upgraded):active::after, 4249 .button.color5.link:not(.mdc-ripple-upgraded):active::after { 4250 transition-duration: 75ms; 4251 opacity: 0.16; 4252 } 4253 4254 input[type=submit].color5.link.mdc-ripple-upgraded, 4255 .button.color5.link.mdc-ripple-upgraded { 4256 --mdc-ripple-fg-opacity: 0.16; 4257 } 4258 4259 input[type=submit].color5.link:hover, 4260 .button.color5.link:hover { 4261 background-color: transparent; 4262 } 4263 4264 input[type=submit].color5 :disabled, 4265 input[type=submit].color5.disabled, 4266 .button.color5 :disabled, 4267 .button.color5.disabled { 4268 background-color: rgba(121, 80, 242, 0.5); 4269 border-color: rgba(121, 80, 242, 0.5); 4270 cursor: default; 4271 pointer-events: none; 4272 } 4273 4274 input[type=submit].color6, 4275 .button.color6 { 4276 background-color: #e64980; 4277 } 4278 4279 input[type=submit].color6:not(:disabled), 4280 .button.color6:not(:disabled) { 4281 color: #ffffff; 4282 } 4283 4284 input[type=submit].color6:not(:disabled), 4285 .button.color6:not(:disabled) { 4286 border-color: #e64980; 4287 } 4288 4289 input[type=submit].color6::before, 4290 input[type=submit].color6::after, 4291 .button.color6::before, 4292 .button.color6::after { 4293 background-color: rgba(255, 255, 255, 0.8); 4294 } 4295 4296 input[type=submit].color6:hover::before, 4297 .button.color6:hover::before { 4298 opacity: 0.08; 4299 } 4300 4301 input[type=submit].color6:not(.mdc-ripple-upgraded):focus::before, 4302 input[type=submit].color6.mdc-ripple-upgraded--background-focused::before, 4303 .button.color6:not(.mdc-ripple-upgraded):focus::before, 4304 .button.color6.mdc-ripple-upgraded--background-focused::before { 4305 transition-duration: 75ms; 4306 opacity: 0.24; 4307 } 4308 4309 input[type=submit].color6:not(.mdc-ripple-upgraded)::after, 4310 .button.color6:not(.mdc-ripple-upgraded)::after { 4311 transition: opacity 150ms linear; 4312 } 4313 4314 input[type=submit].color6:not(.mdc-ripple-upgraded):active::after, 4315 .button.color6:not(.mdc-ripple-upgraded):active::after { 4316 transition-duration: 75ms; 4317 opacity: 0.32; 4318 } 4319 4320 input[type=submit].color6.mdc-ripple-upgraded, 4321 .button.color6.mdc-ripple-upgraded { 4322 --mdc-ripple-fg-opacity: 0.32; 4323 } 4324 4325 input[type=submit].color6.outline, 4326 .button.color6.outline { 4327 background-color: transparent; 4328 border-style: solid; 4329 } 4330 4331 input[type=submit].color6.outline:not(:disabled), 4332 .button.color6.outline:not(:disabled) { 4333 color: #e64980; 4334 } 4335 4336 input[type=submit].color6.outline:disabled, 4337 .button.color6.outline:disabled { 4338 border-color: rgba(0, 0, 0, 0.37); 4339 } 4340 4341 input[type=submit].color6.outline:not(:disabled), 4342 .button.color6.outline:not(:disabled) { 4343 border-color: #e64980; 4344 } 4345 4346 input[type=submit].color6.link, 4347 .button.color6.link { 4348 background-color: transparent; 4349 padding: 0 8px; 4350 } 4351 4352 input[type=submit].color6.link:not(:disabled), 4353 .button.color6.link:not(:disabled) { 4354 color: #e64980; 4355 } 4356 4357 input[type=submit].color6.link::before, 4358 input[type=submit].color6.link::after, 4359 .button.color6.link::before, 4360 .button.color6.link::after { 4361 background-color: rgba(230, 73, 128, 0.8); 4362 } 4363 4364 input[type=submit].color6.link:hover::before, 4365 .button.color6.link:hover::before { 4366 opacity: 0.04; 4367 } 4368 4369 input[type=submit].color6.link:not(.mdc-ripple-upgraded):focus::before, 4370 input[type=submit].color6.link.mdc-ripple-upgraded--background-focused::before, 4371 .button.color6.link:not(.mdc-ripple-upgraded):focus::before, 4372 .button.color6.link.mdc-ripple-upgraded--background-focused::before { 4373 transition-duration: 75ms; 4374 opacity: 0.12; 4375 } 4376 4377 input[type=submit].color6.link:not(.mdc-ripple-upgraded)::after, 4378 .button.color6.link:not(.mdc-ripple-upgraded)::after { 4379 transition: opacity 150ms linear; 4380 } 4381 4382 input[type=submit].color6.link:not(.mdc-ripple-upgraded):active::after, 4383 .button.color6.link:not(.mdc-ripple-upgraded):active::after { 4384 transition-duration: 75ms; 4385 opacity: 0.16; 4386 } 4387 4388 input[type=submit].color6.link.mdc-ripple-upgraded, 4389 .button.color6.link.mdc-ripple-upgraded { 4390 --mdc-ripple-fg-opacity: 0.16; 4391 } 4392 4393 input[type=submit].color6.link:hover, 4394 .button.color6.link:hover { 4395 background-color: transparent; 4396 } 4397 4398 input[type=submit].color6 :disabled, 4399 input[type=submit].color6.disabled, 4400 .button.color6 :disabled, 4401 .button.color6.disabled { 4402 background-color: rgba(230, 73, 128, 0.5); 4403 border-color: rgba(230, 73, 128, 0.5); 4404 cursor: default; 4405 pointer-events: none; 4406 } 4407 4408 input[type=submit].white-text, 4409 .button.white-text { 4410 color: #ffffff !important; 4411 } 4412 4413 input[type=submit].dark-text, 4414 .button.dark-text { 4415 color: #2b2d42 !important; 4416 } 4417 4418 input[type=submit].negative-margin, 4419 .button.negative-margin { 4420 margin-left: -0.5rem; 4421 } 4422 4423 input[type=submit] .button-icon, 4424 .button .button-icon { 4425 font-size: 2em; 4426 margin-right: 0.35em; 4427 vertical-align: middle; 4428 } 4429 4430 /* 4431 CARD 4432 */ 4433 4434 /** 4435 * The css property used for elevation. In most cases this should not be changed. It is exposed 4436 * as a variable for abstraction / easy use when needing to reference the property directly, for 4437 * example in a `will-change` rule. 4438 */ 4439 4440 /** 4441 * The default duration value for elevation transitions. 4442 */ 4443 4444 /** 4445 * The default easing value for elevation transitions. 4446 */ 4447 4448 /** 4449 * Applies the correct CSS rules to an element to give it the elevation specified by $z-value. 4450 * The $z-value must be between 0 and 24. 4451 * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use 4452 * $opacity-boost. 4453 */ 4454 4455 /** 4456 * Returns a string that can be used as the value for a `transition` property for elevation. 4457 * Calling this function directly is useful in situations where a component needs to transition 4458 * more than one property. 4459 * 4460 * ```scss 4461 * .foo { 4462 * transition: mdc-elevation-transition-value(), opacity 100ms ease; 4463 * will-change: $mdc-elevation-property, opacity; 4464 * } 4465 * ``` 4466 */ 4467 4468 .mdc-card { 4469 background-color: #fff; 4470 /* @alternate */ 4471 background-color: var(--mdc-theme-surface, #fff); 4472 border-radius: 2px; 4473 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); 4474 display: flex; 4475 flex-direction: column; 4476 box-sizing: border-box; 4477 } 4478 4479 .mdc-card--outlined { 4480 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); 4481 border: 1px solid #e0e0e0; 4482 } 4483 4484 .mdc-card__media { 4485 position: relative; 4486 box-sizing: border-box; 4487 background-repeat: no-repeat; 4488 background-position: center; 4489 background-size: cover; 4490 } 4491 4492 .mdc-card__media::before { 4493 display: block; 4494 content: ""; 4495 } 4496 4497 .mdc-card__media:first-child { 4498 border-top-left-radius: inherit; 4499 border-top-right-radius: inherit; 4500 } 4501 4502 .mdc-card__media:last-child { 4503 border-bottom-left-radius: inherit; 4504 border-bottom-right-radius: inherit; 4505 } 4506 4507 .mdc-card__media--square::before { 4508 margin-top: 100%; 4509 } 4510 4511 .mdc-card__media--16-9::before { 4512 margin-top: 56.25%; 4513 } 4514 4515 .mdc-card__media-content { 4516 position: absolute; 4517 top: 0; 4518 right: 0; 4519 bottom: 0; 4520 left: 0; 4521 box-sizing: border-box; 4522 } 4523 4524 .mdc-card__primary-action { 4525 --mdc-ripple-fg-size: 0; 4526 --mdc-ripple-left: 0; 4527 --mdc-ripple-top: 0; 4528 --mdc-ripple-fg-scale: 1; 4529 --mdc-ripple-fg-translate-end: 0; 4530 --mdc-ripple-fg-translate-start: 0; 4531 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 4532 will-change: transform, opacity; 4533 display: flex; 4534 flex-direction: column; 4535 box-sizing: border-box; 4536 position: relative; 4537 outline: none; 4538 color: inherit; 4539 text-decoration: none; 4540 cursor: pointer; 4541 overflow: hidden; 4542 } 4543 4544 .mdc-card__primary-action::before, 4545 .mdc-card__primary-action::after { 4546 position: absolute; 4547 border-radius: 50%; 4548 opacity: 0; 4549 pointer-events: none; 4550 content: ""; 4551 } 4552 4553 .mdc-card__primary-action::before { 4554 transition: opacity 15ms linear; 4555 z-index: 1; 4556 } 4557 4558 .mdc-card__primary-action.mdc-ripple-upgraded::before { 4559 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); 4560 transform: scale(var(--mdc-ripple-fg-scale, 1)); 4561 } 4562 4563 .mdc-card__primary-action.mdc-ripple-upgraded::after { 4564 top: 0; 4565 /* @noflip */ 4566 left: 0; 4567 -webkit-transform: scale(0); 4568 transform: scale(0); 4569 -webkit-transform-origin: center center; 4570 transform-origin: center center; 4571 } 4572 4573 .mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after { 4574 top: var(--mdc-ripple-top, 0); 4575 /* @noflip */ 4576 left: var(--mdc-ripple-left, 0); 4577 } 4578 4579 .mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after { 4580 -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 4581 animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 4582 } 4583 4584 .mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after { 4585 -webkit-animation: 150ms mdc-ripple-fg-opacity-out; 4586 animation: 150ms mdc-ripple-fg-opacity-out; 4587 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 4588 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 4589 } 4590 4591 .mdc-card__primary-action::before, 4592 .mdc-card__primary-action::after { 4593 top: calc(50% - 100%); 4594 /* @noflip */ 4595 left: calc(50% - 100%); 4596 width: 200%; 4597 height: 200%; 4598 } 4599 4600 .mdc-card__primary-action.mdc-ripple-upgraded::after { 4601 width: var(--mdc-ripple-fg-size, 100%); 4602 height: var(--mdc-ripple-fg-size, 100%); 4603 } 4604 4605 .mdc-card__primary-action::before, 4606 .mdc-card__primary-action::after { 4607 background-color: black; 4608 } 4609 4610 .mdc-card__primary-action:hover::before { 4611 opacity: 0.04; 4612 } 4613 4614 .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before, 4615 .mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before { 4616 transition-duration: 75ms; 4617 opacity: 0.12; 4618 } 4619 4620 .mdc-card__primary-action:not(.mdc-ripple-upgraded)::after { 4621 transition: opacity 150ms linear; 4622 } 4623 4624 .mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after { 4625 transition-duration: 75ms; 4626 opacity: 0.16; 4627 } 4628 4629 .mdc-card__primary-action.mdc-ripple-upgraded { 4630 --mdc-ripple-fg-opacity: 0.16; 4631 } 4632 4633 .mdc-card__primary-action:first-child { 4634 border-top-left-radius: inherit; 4635 border-top-right-radius: inherit; 4636 } 4637 4638 .mdc-card__primary-action:last-child { 4639 border-bottom-left-radius: inherit; 4640 border-bottom-right-radius: inherit; 4641 } 4642 4643 .mdc-card__actions { 4644 display: flex; 4645 flex-direction: row; 4646 align-items: center; 4647 box-sizing: border-box; 4648 min-height: 52px; 4649 padding: 8px; 4650 } 4651 4652 .mdc-card__actions--full-bleed { 4653 padding: 0; 4654 } 4655 4656 .mdc-card__action-buttons, 4657 .mdc-card__action-icons { 4658 display: flex; 4659 flex-direction: row; 4660 align-items: center; 4661 box-sizing: border-box; 4662 } 4663 4664 .mdc-card__action-icons { 4665 color: rgba(0, 0, 0, 0.38); 4666 /* @alternate */ 4667 color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); 4668 flex-grow: 1; 4669 justify-content: flex-end; 4670 } 4671 4672 .mdc-card__action-buttons + .mdc-card__action-icons { 4673 /* @noflip */ 4674 margin-left: 16px; 4675 /* @noflip */ 4676 margin-right: 0; 4677 } 4678 4679 [dir=rtl] .mdc-card__action-buttons + .mdc-card__action-icons, 4680 .mdc-card__action-buttons + .mdc-card__action-icons[dir=rtl] { 4681 /* @noflip */ 4682 margin-left: 0; 4683 /* @noflip */ 4684 margin-right: 16px; 4685 } 4686 4687 .mdc-card__action { 4688 display: inline-flex; 4689 flex-direction: row; 4690 align-items: center; 4691 box-sizing: border-box; 4692 justify-content: center; 4693 cursor: pointer; 4694 -webkit-user-select: none; 4695 -moz-user-select: none; 4696 -ms-user-select: none; 4697 user-select: none; 4698 } 4699 4700 .mdc-card__action:focus { 4701 outline: none; 4702 } 4703 4704 .mdc-card__action--button { 4705 /* @noflip */ 4706 margin-left: 0; 4707 /* @noflip */ 4708 margin-right: 8px; 4709 padding: 0 8px; 4710 } 4711 4712 [dir=rtl] .mdc-card__action--button, 4713 .mdc-card__action--button[dir=rtl] { 4714 /* @noflip */ 4715 margin-left: 8px; 4716 /* @noflip */ 4717 margin-right: 0; 4718 } 4719 4720 .mdc-card__action--button:last-child { 4721 /* @noflip */ 4722 margin-left: 0; 4723 /* @noflip */ 4724 margin-right: 0; 4725 } 4726 4727 [dir=rtl] .mdc-card__action--button:last-child, 4728 .mdc-card__action--button:last-child[dir=rtl] { 4729 /* @noflip */ 4730 margin-left: 0; 4731 /* @noflip */ 4732 margin-right: 0; 4733 } 4734 4735 .mdc-card__actions--full-bleed .mdc-card__action--button { 4736 justify-content: space-between; 4737 width: 100%; 4738 height: auto; 4739 max-height: none; 4740 margin: 0; 4741 padding: 8px 16px; 4742 text-align: left; 4743 } 4744 4745 [dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button, 4746 .mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl] { 4747 text-align: right; 4748 } 4749 4750 .mdc-card__action--icon { 4751 margin: -6px 0; 4752 padding: 12px; 4753 } 4754 4755 .mdc-card__action--icon:not(:disabled) { 4756 color: rgba(0, 0, 0, 0.38); 4757 /* @alternate */ 4758 color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); 4759 } 4760 4761 .mdc-card.rounded { 4762 border-radius: 8px; 4763 overflow: hidden; 4764 } 4765 4766 .mdc-card.rounded-small { 4767 border-radius: 4px; 4768 overflow: hidden; 4769 } 4770 4771 .mdc-card .mdc-card__actions { 4772 min-height: 60px; 4773 border-top: 1px solid #e0e1e1; 4774 } 4775 4776 .mdc-card.bordered, 4777 .mdc-card.card[class*=bottom-border-] { 4778 border: 1px solid #e0e1e1; 4779 } 4780 4781 .card { 4782 padding: 24px 40px; 4783 background-color: #ffffff; 4784 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); 4785 background-color: #fff; 4786 /* @alternate */ 4787 background-color: var(--mdc-theme-background, #fff); 4788 border-radius: 8px; 4789 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); 4790 } 4791 4792 .card.small-padding { 4793 padding: 24px 24px; 4794 } 4795 4796 .card.large-padding { 4797 padding: 48px 48px; 4798 } 4799 4800 .card.no-padding { 4801 padding: 0px 0px 1rem 0px; 4802 } 4803 4804 .card.bordered, 4805 .card[class*=bottom-border-] { 4806 border: 1px solid #e0e1e1; 4807 } 4808 4809 .card.bordered.y-move, 4810 .card.y-move[class*=bottom-border-] { 4811 transition: all 0.2s; 4812 } 4813 4814 .card.bordered.y-move:hover, 4815 .card.y-move[class*=bottom-border-]:hover { 4816 -webkit-transform: translateY(-2px); 4817 transform: translateY(-2px); 4818 box-shadow: 0 10px 20px rgba(189, 189, 189, 0.19), 0 6px 6px rgba(189, 189, 189, 0.23); 4819 } 4820 4821 .card.transparent { 4822 background: transparent; 4823 border: 1px solid #e0e1e1; 4824 } 4825 4826 .card.rounded { 4827 border-radius: 10px; 4828 } 4829 4830 .card[class*=bottom-border-] { 4831 border-bottom: 3px solid transparent; 4832 } 4833 4834 .card.row-card { 4835 padding-left: 15px; 4836 padding-right: 15px; 4837 } 4838 4839 .card.shadow { 4840 box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.11); 4841 border: 1px solid #E3E4E5; 4842 } 4843 4844 .card.shadow-small { 4845 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); 4846 } 4847 4848 .card.shadow-medium { 4849 box-shadow: 0px 4px 10px 0 rgba(74, 74, 74, 0.3), 0 4px 10px rgba(0, 0, 0, 0.08); 4850 } 4851 4852 .card.shadow-large { 4853 box-shadow: 0px 10px 30px 0 rgba(189, 189, 189, 0.3), 0 10px 30px rgba(0, 0, 0, 0.08); 4854 } 4855 4856 .card.shadow-large-black { 4857 box-shadow: 0px 10px 30px 0 rgba(43, 45, 66, 0.3), 0 10px 30px rgba(0, 0, 0, 0.08); 4858 } 4859 4860 .card.no-radius { 4861 border-radius: 0px; 4862 } 4863 4864 .card.no-shadow { 4865 box-shadow: none; 4866 } 4867 4868 .card.bottom-border-color1 { 4869 border-bottom-color: #228ae6; 4870 } 4871 4872 .card.bottom-border-color2 { 4873 border-bottom-color: #fa5252; 4874 } 4875 4876 .card.bottom-border-color3 { 4877 border-bottom-color: #82c91e; 4878 } 4879 4880 .card.bottom-border-color4 { 4881 border-bottom-color: #fab005; 4882 } 4883 4884 .card.bottom-border-color5 { 4885 border-bottom-color: #7950f2; 4886 } 4887 4888 .card.bottom-border-color6 { 4889 border-bottom-color: #e64980; 4890 } 4891 4892 .card.bottom-border-color-black { 4893 border-bottom-color: #000000; 4894 } 4895 4896 .card.bottom-border-color-white { 4897 border-bottom-color: #ffffff; 4898 } 4899 4900 .card.card-color1 { 4901 background-color: #228ae6; 4902 } 4903 4904 .card.card-color2 { 4905 background-color: #fa5252; 4906 } 4907 4908 .card.card-color3 { 4909 background-color: #82c91e; 4910 } 4911 4912 .card.card-color4 { 4913 background-color: #fab005; 4914 } 4915 4916 .card.card-color5 { 4917 background-color: #7950f2; 4918 } 4919 4920 .card.card-color6 { 4921 background-color: #e64980; 4922 } 4923 4924 .card.card-color-black { 4925 background-color: #000000; 4926 } 4927 4928 .card.card-color-white { 4929 background-color: #ffffff; 4930 } 4931 4932 .card.bg-color1 { 4933 background-color: #228ae6; 4934 } 4935 4936 .card.bg-color2 { 4937 background-color: #fa5252; 4938 } 4939 4940 .card.bg-color3 { 4941 background-color: #82c91e; 4942 } 4943 4944 .card.bg-color4 { 4945 background-color: #fab005; 4946 } 4947 4948 .card.bg-color5 { 4949 background-color: #7950f2; 4950 } 4951 4952 .card.bg-color6 { 4953 background-color: #e64980; 4954 } 4955 4956 .card.bg-color-black { 4957 background-color: #000000; 4958 } 4959 4960 .card.bg-color-white { 4961 background-color: #ffffff; 4962 } 4963 4964 /* 4965 FORM 4966 */ 4967 4968 /* stylelint-disable selector-max-type */ 4969 4970 .mdc-form-field { 4971 font-family: Roboto, sans-serif; 4972 -moz-osx-font-smoothing: grayscale; 4973 -webkit-font-smoothing: antialiased; 4974 font-size: 1rem; 4975 line-height: 1.5rem; 4976 font-weight: 400; 4977 letter-spacing: 0.03125em; 4978 text-decoration: inherit; 4979 text-transform: inherit; 4980 color: rgba(0, 0, 0, 0.87); 4981 /* @alternate */ 4982 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); 4983 display: inline-flex; 4984 align-items: center; 4985 vertical-align: middle; 4986 } 4987 4988 .mdc-form-field > label { 4989 order: 0; 4990 margin-right: auto; 4991 padding-left: 4px; 4992 } 4993 4994 [dir=rtl] .mdc-form-field > label, 4995 .mdc-form-field[dir=rtl] > label { 4996 margin-left: auto; 4997 padding-right: 4px; 4998 } 4999 5000 .mdc-form-field--align-end > label { 5001 order: -1; 5002 margin-left: auto; 5003 padding-right: 4px; 5004 } 5005 5006 [dir=rtl] .mdc-form-field--align-end > label, 5007 .mdc-form-field--align-end[dir=rtl] > label { 5008 margin-right: auto; 5009 padding-left: 4px; 5010 } 5011 5012 /* stylelint-enable selector-max-type */ 5013 5014 .mdc-text-field { 5015 display: inline-block; 5016 position: relative; 5017 margin-bottom: 8px; 5018 will-change: opacity, transform, color; 5019 } 5020 5021 .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { 5022 border-bottom-color: #4a4a4a; 5023 } 5024 5025 .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover { 5026 border-bottom-color: #228ae6; 5027 } 5028 5029 .mdc-text-field .mdc-line-ripple { 5030 background-color: #228ae6; 5031 } 5032 5033 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { 5034 color: rgba(0, 0, 0, 0.87); 5035 /* @alternate */ 5036 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); 5037 } 5038 5039 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { 5040 color: #4a4a4a; 5041 } 5042 5043 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { 5044 color: #4a4a4a; 5045 } 5046 5047 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { 5048 color: #4a4a4a; 5049 } 5050 5051 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { 5052 color: #4a4a4a; 5053 } 5054 5055 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { 5056 color: #4a4a4a; 5057 } 5058 5059 .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text { 5060 color: #228ae6; 5061 } 5062 5063 .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { 5064 border-bottom-color: #228ae6; 5065 } 5066 5067 .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon { 5068 color: #228ae6; 5069 } 5070 5071 select, 5072 textarea, 5073 input:not([type=submit]):not([type=checkbox]), 5074 .mdc-text-field__input { 5075 font-family: Roboto, sans-serif; 5076 -moz-osx-font-smoothing: grayscale; 5077 -webkit-font-smoothing: antialiased; 5078 letter-spacing: 0.009375em; 5079 width: 100%; 5080 padding: 0 0 8px; 5081 transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); 5082 border: none; 5083 border-bottom: 1px solid; 5084 border-radius: 0; 5085 background: none; 5086 font-size: inherit; 5087 -webkit-appearance: none; 5088 -moz-appearance: none; 5089 appearance: none; 5090 } 5091 5092 select::-webkit-input-placeholder, 5093 textarea::-webkit-input-placeholder, 5094 input:not([type=submit]):not([type=checkbox])::-webkit-input-placeholder, 5095 .mdc-text-field__input::-webkit-input-placeholder { 5096 transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); 5097 opacity: 1; 5098 } 5099 5100 select:-ms-input-placeholder, 5101 textarea:-ms-input-placeholder, 5102 input:not([type=submit]):not([type=checkbox]):-ms-input-placeholder, 5103 .mdc-text-field__input:-ms-input-placeholder { 5104 transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); 5105 opacity: 1; 5106 } 5107 5108 select::-ms-input-placeholder, 5109 textarea::-ms-input-placeholder, 5110 input:not([type=submit]):not([type=checkbox])::-ms-input-placeholder, 5111 .mdc-text-field__input::-ms-input-placeholder { 5112 transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); 5113 opacity: 1; 5114 } 5115 5116 select::placeholder, 5117 textarea::placeholder, 5118 input:not([type=submit]):not([type=checkbox])::placeholder, 5119 .mdc-text-field__input::placeholder { 5120 transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); 5121 opacity: 1; 5122 } 5123 5124 select:focus, 5125 textarea:focus, 5126 input:not([type=submit]):not([type=checkbox]):focus, 5127 .mdc-text-field__input:focus { 5128 outline: none; 5129 } 5130 5131 select:invalid, 5132 textarea:invalid, 5133 input:not([type=submit]):not([type=checkbox]):invalid, 5134 .mdc-text-field__input:invalid { 5135 box-shadow: none; 5136 } 5137 5138 select:-webkit-autofill + .mdc-floating-label, 5139 textarea:-webkit-autofill + .mdc-floating-label, 5140 input:not([type=submit]):not([type=checkbox]):-webkit-autofill + .mdc-floating-label, 5141 .mdc-text-field__input:-webkit-autofill + .mdc-floating-label { 5142 -webkit-transform: translateY(-100%) scale(0.75); 5143 transform: translateY(-100%) scale(0.75); 5144 cursor: auto; 5145 } 5146 5147 select { 5148 width: 100%; 5149 padding: 10px 12px 8px 1px; 5150 outline: none; 5151 white-space: nowrap; 5152 cursor: pointer; 5153 -webkit-appearance: none; 5154 -moz-appearance: none; 5155 appearance: none; 5156 background: transparent no-repeat right 2px bottom 16px; 5157 line-height: 1.5rem; 5158 background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%230%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E); 5159 } 5160 5161 select::-ms-expand { 5162 display: none; 5163 } 5164 5165 @-moz-document url-prefix("") { 5166 select { 5167 text-indent: -2px; 5168 } 5169 } 5170 5171 select:focus { 5172 border-bottom-color: #228ae6; 5173 } 5174 5175 .mdc-text-field--outlined { 5176 height: 56px; 5177 border: none; 5178 } 5179 5180 .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__idle { 5181 border-color: rgba(0, 0, 0, 0.24); 5182 } 5183 5184 .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__path { 5185 stroke: rgba(0, 0, 0, 0.24); 5186 } 5187 5188 .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline__idle, 5189 .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline__idle { 5190 border-color: rgba(0, 0, 0, 0.87); 5191 } 5192 5193 .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__path, 5194 .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__path { 5195 stroke: rgba(0, 0, 0, 0.87); 5196 } 5197 5198 .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path { 5199 stroke: #6200ee; 5200 /* @alternate */ 5201 stroke: var(--mdc-theme-primary, #6200ee); 5202 } 5203 5204 .mdc-text-field--outlined .mdc-floating-label--float-above { 5205 -webkit-transform: translateY(-130%) translateX(0%) scale(0.75); 5206 transform: translateY(-130%) translateX(0%) scale(0.75); 5207 } 5208 5209 [dir=rtl] .mdc-text-field--outlined .mdc-floating-label--float-above, 5210 .mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] { 5211 -webkit-transform: translateY(-130%) translateX(0%) scale(0.75); 5212 transform: translateY(-130%) translateX(0%) scale(0.75); 5213 } 5214 5215 .mdc-text-field--outlined .mdc-floating-label--shake { 5216 -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; 5217 animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; 5218 } 5219 5220 .mdc-text-field--outlined .mdc-notched-outline { 5221 border-radius: 4px; 5222 } 5223 5224 .mdc-text-field--outlined .mdc-notched-outline__idle { 5225 border-radius: 4px; 5226 } 5227 5228 .mdc-text-field--outlined .mdc-text-field__input { 5229 display: flex; 5230 padding: 12px; 5231 border: none !important; 5232 background-color: transparent; 5233 z-index: 1; 5234 } 5235 5236 .mdc-text-field--outlined .mdc-floating-label { 5237 /* @noflip */ 5238 left: 16px; 5239 /* @noflip */ 5240 right: initial; 5241 position: absolute; 5242 bottom: 20px; 5243 } 5244 5245 [dir=rtl] .mdc-text-field--outlined .mdc-floating-label, 5246 .mdc-text-field--outlined .mdc-floating-label[dir=rtl] { 5247 /* @noflip */ 5248 left: initial; 5249 /* @noflip */ 5250 right: 16px; 5251 } 5252 5253 .mdc-text-field--outlined .mdc-text-field__icon { 5254 z-index: 2; 5255 } 5256 5257 .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__path { 5258 stroke-width: 2px; 5259 } 5260 5261 .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input { 5262 color: rgba(0, 0, 0, 0.6); 5263 } 5264 5265 .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__idle { 5266 border-color: rgba(0, 0, 0, 0.06); 5267 } 5268 5269 .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__path { 5270 stroke: rgba(0, 0, 0, 0.06); 5271 } 5272 5273 .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input { 5274 border-bottom: none; 5275 } 5276 5277 .mdc-text-field--outlined.mdc-text-field--dense { 5278 height: 48px; 5279 } 5280 5281 .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { 5282 -webkit-transform: translateY(-110%) translateX(0%) scale(0.923); 5283 transform: translateY(-110%) translateX(0%) scale(0.923); 5284 } 5285 5286 [dir=rtl] .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above, 5287 .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl] { 5288 -webkit-transform: translateY(-110%) translateX(0%) scale(0.923); 5289 transform: translateY(-110%) translateX(0%) scale(0.923); 5290 } 5291 5292 .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake { 5293 -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1; 5294 animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1; 5295 } 5296 5297 .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input { 5298 padding: 12px 12px 7px; 5299 } 5300 5301 .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label { 5302 bottom: 16px; 5303 } 5304 5305 .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon { 5306 top: 12px; 5307 } 5308 5309 .mdc-text-field--box { 5310 --mdc-ripple-fg-size: 0; 5311 --mdc-ripple-left: 0; 5312 --mdc-ripple-top: 0; 5313 --mdc-ripple-fg-scale: 1; 5314 --mdc-ripple-fg-translate-end: 0; 5315 --mdc-ripple-fg-translate-start: 0; 5316 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 5317 will-change: transform, opacity; 5318 border-radius: 4px 4px 0 0; 5319 display: inline-flex; 5320 position: relative; 5321 height: 56px; 5322 margin-top: 16px; 5323 overflow: hidden; 5324 } 5325 5326 .mdc-text-field--box::before, 5327 .mdc-text-field--box::after { 5328 position: absolute; 5329 border-radius: 50%; 5330 opacity: 0; 5331 pointer-events: none; 5332 content: ""; 5333 } 5334 5335 .mdc-text-field--box::before { 5336 transition: opacity 15ms linear; 5337 z-index: 1; 5338 } 5339 5340 .mdc-text-field--box.mdc-ripple-upgraded::before { 5341 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); 5342 transform: scale(var(--mdc-ripple-fg-scale, 1)); 5343 } 5344 5345 .mdc-text-field--box.mdc-ripple-upgraded::after { 5346 top: 0; 5347 /* @noflip */ 5348 left: 0; 5349 -webkit-transform: scale(0); 5350 transform: scale(0); 5351 -webkit-transform-origin: center center; 5352 transform-origin: center center; 5353 } 5354 5355 .mdc-text-field--box.mdc-ripple-upgraded--unbounded::after { 5356 top: var(--mdc-ripple-top, 0); 5357 /* @noflip */ 5358 left: var(--mdc-ripple-left, 0); 5359 } 5360 5361 .mdc-text-field--box.mdc-ripple-upgraded--foreground-activation::after { 5362 -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 5363 animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 5364 } 5365 5366 .mdc-text-field--box.mdc-ripple-upgraded--foreground-deactivation::after { 5367 -webkit-animation: 150ms mdc-ripple-fg-opacity-out; 5368 animation: 150ms mdc-ripple-fg-opacity-out; 5369 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 5370 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 5371 } 5372 5373 .mdc-text-field--box::before, 5374 .mdc-text-field--box::after { 5375 background-color: rgba(0, 0, 0, 0.87); 5376 } 5377 5378 .mdc-text-field--box:hover::before { 5379 opacity: 0.04; 5380 } 5381 5382 .mdc-text-field--box:not(.mdc-ripple-upgraded):focus::before, 5383 .mdc-text-field--box:not(.mdc-ripple-upgraded):focus-within::before, 5384 .mdc-text-field--box.mdc-ripple-upgraded--background-focused::before { 5385 transition-duration: 75ms; 5386 opacity: 0.12; 5387 } 5388 5389 .mdc-text-field--box::before, 5390 .mdc-text-field--box::after { 5391 top: calc(50% - 100%); 5392 /* @noflip */ 5393 left: calc(50% - 100%); 5394 width: 200%; 5395 height: 200%; 5396 } 5397 5398 .mdc-text-field--box.mdc-ripple-upgraded::after { 5399 width: var(--mdc-ripple-fg-size, 100%); 5400 height: var(--mdc-ripple-fg-size, 100%); 5401 } 5402 5403 .mdc-text-field--box:not(.mdc-text-field--disabled) { 5404 background-color: whitesmoke; 5405 } 5406 5407 .mdc-text-field--box .mdc-floating-label--float-above { 5408 -webkit-transform: translateY(-50%) translateX(0%) scale(0.75); 5409 transform: translateY(-50%) translateX(0%) scale(0.75); 5410 } 5411 5412 [dir=rtl] .mdc-text-field--box .mdc-floating-label--float-above, 5413 .mdc-text-field--box .mdc-floating-label--float-above[dir=rtl] { 5414 -webkit-transform: translateY(-50%) translateX(0%) scale(0.75); 5415 transform: translateY(-50%) translateX(0%) scale(0.75); 5416 } 5417 5418 .mdc-text-field--box .mdc-floating-label--shake { 5419 -webkit-animation: mdc-floating-label-shake-float-above-text-field-box 250ms 1; 5420 animation: mdc-floating-label-shake-float-above-text-field-box 250ms 1; 5421 } 5422 5423 .mdc-text-field--box .mdc-text-field__input { 5424 align-self: flex-end; 5425 box-sizing: border-box; 5426 height: 100%; 5427 padding: 20px 16px 0; 5428 } 5429 5430 .mdc-text-field--box .mdc-floating-label { 5431 /* @noflip */ 5432 left: 16px; 5433 /* @noflip */ 5434 right: initial; 5435 position: absolute; 5436 bottom: 20px; 5437 width: calc(100% - 48px); 5438 text-overflow: ellipsis; 5439 white-space: nowrap; 5440 pointer-events: none; 5441 overflow: hidden; 5442 will-change: transform; 5443 } 5444 5445 [dir=rtl] .mdc-text-field--box .mdc-floating-label, 5446 .mdc-text-field--box .mdc-floating-label[dir=rtl] { 5447 /* @noflip */ 5448 left: initial; 5449 /* @noflip */ 5450 right: 16px; 5451 } 5452 5453 .mdc-text-field--box.mdc-text-field--disabled { 5454 background-color: #fafafa; 5455 border-bottom: none; 5456 } 5457 5458 .mdc-text-field--box.mdc-text-field--disabled .mdc-text-field__input { 5459 border-bottom-color: rgba(0, 0, 0, 0.06); 5460 } 5461 5462 .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-floating-label { 5463 color: rgba(0, 0, 0, 0.37); 5464 } 5465 5466 .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { 5467 color: rgba(0, 0, 0, 0.37); 5468 } 5469 5470 .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { 5471 color: rgba(0, 0, 0, 0.37); 5472 } 5473 5474 .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { 5475 color: rgba(0, 0, 0, 0.37); 5476 } 5477 5478 .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { 5479 color: rgba(0, 0, 0, 0.37); 5480 } 5481 5482 .mdc-text-field--box.mdc-text-field--dense .mdc-floating-label--float-above { 5483 -webkit-transform: translateY(-70%) translateX(0%) scale(0.923); 5484 transform: translateY(-70%) translateX(0%) scale(0.923); 5485 } 5486 5487 [dir=rtl] .mdc-text-field--box.mdc-text-field--dense .mdc-floating-label--float-above, 5488 .mdc-text-field--box.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl] { 5489 -webkit-transform: translateY(-70%) translateX(0%) scale(0.923); 5490 transform: translateY(-70%) translateX(0%) scale(0.923); 5491 } 5492 5493 .mdc-text-field--box.mdc-text-field--dense .mdc-floating-label--shake { 5494 -webkit-animation: mdc-floating-label-shake-float-above-text-field-box-dense 250ms 1; 5495 animation: mdc-floating-label-shake-float-above-text-field-box-dense 250ms 1; 5496 } 5497 5498 .mdc-text-field--box.mdc-text-field--dense .mdc-text-field__input { 5499 padding: 12px 12px 0; 5500 } 5501 5502 .mdc-text-field--with-leading-icon .mdc-text-field__icon { 5503 /* @noflip */ 5504 left: 15px; 5505 /* @noflip */ 5506 right: initial; 5507 } 5508 5509 [dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__icon, 5510 .mdc-text-field--with-leading-icon .mdc-text-field__icon[dir=rtl] { 5511 /* @noflip */ 5512 left: initial; 5513 /* @noflip */ 5514 right: 15px; 5515 } 5516 5517 .mdc-text-field--with-leading-icon .mdc-text-field__input { 5518 /* @noflip */ 5519 padding-left: 48px; 5520 /* @noflip */ 5521 padding-right: 15px; 5522 } 5523 5524 [dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__input, 5525 .mdc-text-field--with-leading-icon .mdc-text-field__input[dir=rtl] { 5526 /* @noflip */ 5527 padding-left: 15px; 5528 /* @noflip */ 5529 padding-right: 48px; 5530 } 5531 5532 .mdc-text-field--with-leading-icon .mdc-floating-label { 5533 /* @noflip */ 5534 left: 48px; 5535 /* @noflip */ 5536 right: initial; 5537 } 5538 5539 [dir=rtl] .mdc-text-field--with-leading-icon .mdc-floating-label, 5540 .mdc-text-field--with-leading-icon .mdc-floating-label[dir=rtl] { 5541 /* @noflip */ 5542 left: initial; 5543 /* @noflip */ 5544 right: 48px; 5545 } 5546 5547 .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { 5548 -webkit-transform: translateY(-130%) translateX(-32px) scale(0.75); 5549 transform: translateY(-130%) translateX(-32px) scale(0.75); 5550 } 5551 5552 [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, 5553 .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] { 5554 -webkit-transform: translateY(-130%) translateX(32px) scale(0.75); 5555 transform: translateY(-130%) translateX(32px) scale(0.75); 5556 } 5557 5558 .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake { 5559 -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; 5560 animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; 5561 } 5562 5563 [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, 5564 .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake { 5565 -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1; 5566 animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1; 5567 } 5568 5569 .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { 5570 -webkit-transform: translateY(-110%) translateX(-21px) scale(0.923); 5571 transform: translateY(-110%) translateX(-21px) scale(0.923); 5572 } 5573 5574 [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above, 5575 .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl] { 5576 -webkit-transform: translateY(-110%) translateX(21px) scale(0.923); 5577 transform: translateY(-110%) translateX(21px) scale(0.923); 5578 } 5579 5580 .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake { 5581 -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1; 5582 animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1; 5583 } 5584 5585 [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake, 5586 .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir=rtl] .mdc-floating-label--shake { 5587 -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1; 5588 animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1; 5589 } 5590 5591 .mdc-text-field--with-trailing-icon .mdc-text-field__icon { 5592 /* @noflip */ 5593 left: initial; 5594 /* @noflip */ 5595 right: 15px; 5596 } 5597 5598 [dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__icon, 5599 .mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl] { 5600 /* @noflip */ 5601 left: 15px; 5602 /* @noflip */ 5603 right: initial; 5604 } 5605 5606 .mdc-text-field--with-trailing-icon .mdc-text-field__input { 5607 /* @noflip */ 5608 padding-left: 15px; 5609 /* @noflip */ 5610 padding-right: 48px; 5611 } 5612 5613 [dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__input, 5614 .mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl] { 5615 /* @noflip */ 5616 padding-left: 48px; 5617 /* @noflip */ 5618 padding-right: 15px; 5619 } 5620 5621 .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, 5622 .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon { 5623 bottom: 16px; 5624 -webkit-transform: scale(0.8); 5625 transform: scale(0.8); 5626 } 5627 5628 .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon { 5629 /* @noflip */ 5630 left: 12px; 5631 /* @noflip */ 5632 right: initial; 5633 } 5634 5635 [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, 5636 .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] { 5637 /* @noflip */ 5638 left: initial; 5639 /* @noflip */ 5640 right: 12px; 5641 } 5642 5643 .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input { 5644 /* @noflip */ 5645 padding-left: 38px; 5646 /* @noflip */ 5647 padding-right: 12px; 5648 } 5649 5650 [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input, 5651 .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] { 5652 /* @noflip */ 5653 padding-left: 12px; 5654 /* @noflip */ 5655 padding-right: 38px; 5656 } 5657 5658 .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label { 5659 /* @noflip */ 5660 left: 38px; 5661 /* @noflip */ 5662 right: initial; 5663 } 5664 5665 [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label, 5666 .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir=rtl] { 5667 /* @noflip */ 5668 left: initial; 5669 /* @noflip */ 5670 right: 38px; 5671 } 5672 5673 .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon { 5674 /* @noflip */ 5675 left: initial; 5676 /* @noflip */ 5677 right: 12px; 5678 } 5679 5680 [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, 5681 .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] { 5682 /* @noflip */ 5683 left: 12px; 5684 /* @noflip */ 5685 right: initial; 5686 } 5687 5688 .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input { 5689 /* @noflip */ 5690 padding-left: 12px; 5691 /* @noflip */ 5692 padding-right: 38px; 5693 } 5694 5695 [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, 5696 .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] { 5697 /* @noflip */ 5698 padding-left: 38px; 5699 /* @noflip */ 5700 padding-right: 12px; 5701 } 5702 5703 .mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box) { 5704 display: inline-flex; 5705 position: relative; 5706 align-items: flex-end; 5707 box-sizing: border-box; 5708 margin-top: 16px; 5709 } 5710 5711 .mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box):not(.mdc-text-field--textarea):not(.mdc-text-field--outlined) { 5712 height: 48px; 5713 } 5714 5715 .mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box) .mdc-floating-label { 5716 pointer-events: none; 5717 background: transparent; 5718 } 5719 5720 .mdc-text-field--dense { 5721 margin-top: 12px; 5722 margin-bottom: 4px; 5723 } 5724 5725 .mdc-text-field--dense .mdc-floating-label--float-above { 5726 -webkit-transform: translateY(-110%) translateX(0%) scale(0.923); 5727 transform: translateY(-110%) translateX(0%) scale(0.923); 5728 } 5729 5730 [dir=rtl] .mdc-text-field--dense .mdc-floating-label--float-above, 5731 .mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl] { 5732 -webkit-transform: translateY(-110%) translateX(0%) scale(0.923); 5733 transform: translateY(-110%) translateX(0%) scale(0.923); 5734 } 5735 5736 .mdc-text-field--dense .mdc-floating-label { 5737 font-size: 0.813rem; 5738 } 5739 5740 .mdc-text-field__input:required + .mdc-floating-label::after { 5741 margin-left: 1px; 5742 content: "*"; 5743 } 5744 5745 textarea, 5746 .mdc-text-field--textarea { 5747 border-radius: 4px; 5748 display: flex; 5749 width: -webkit-fit-content; 5750 width: -moz-fit-content; 5751 width: fit-content; 5752 height: initial; 5753 transition: none; 5754 border: 1px solid; 5755 overflow: hidden; 5756 width: 100%; 5757 } 5758 5759 textarea .mdc-floating-label, 5760 .mdc-text-field--textarea .mdc-floating-label { 5761 border-radius: 4px 4px 0 0; 5762 } 5763 5764 textarea .mdc-text-field__input, 5765 .mdc-text-field--textarea .mdc-text-field__input { 5766 border-radius: 2px; 5767 } 5768 5769 textarea:not(.mdc-text-field--disabled), 5770 .mdc-text-field--textarea:not(.mdc-text-field--disabled) { 5771 border-color: rgba(0, 0, 0, 0.73); 5772 } 5773 5774 textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus, 5775 .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { 5776 border-color: rgba(0, 0, 0, 0.73); 5777 } 5778 5779 textarea .mdc-floating-label--float-above, 5780 .mdc-text-field--textarea .mdc-floating-label--float-above { 5781 -webkit-transform: translateY(-50%) translateX(0%) scale(0.923); 5782 transform: translateY(-50%) translateX(0%) scale(0.923); 5783 } 5784 5785 [dir=rtl] textarea .mdc-floating-label--float-above, 5786 textarea .mdc-floating-label--float-above[dir=rtl], 5787 [dir=rtl] .mdc-text-field--textarea .mdc-floating-label--float-above, 5788 .mdc-text-field--textarea .mdc-floating-label--float-above[dir=rtl] { 5789 -webkit-transform: translateY(-50%) translateX(0%) scale(0.923); 5790 transform: translateY(-50%) translateX(0%) scale(0.923); 5791 } 5792 5793 textarea .mdc-floating-label--shake, 5794 .mdc-text-field--textarea .mdc-floating-label--shake { 5795 -webkit-animation: mdc-floating-label-shake-float-above-textarea 250ms 1; 5796 animation: mdc-floating-label-shake-float-above-textarea 250ms 1; 5797 } 5798 5799 textarea .mdc-text-field__input, 5800 .mdc-text-field--textarea .mdc-text-field__input { 5801 height: auto; 5802 margin: 0; 5803 padding: 16px; 5804 padding-top: 32px; 5805 border: 1px solid transparent; 5806 } 5807 5808 textarea .mdc-floating-label, 5809 .mdc-text-field--textarea .mdc-floating-label { 5810 background-color: white; 5811 /* @noflip */ 5812 left: 1px; 5813 /* @noflip */ 5814 right: 0; 5815 /* @noflip */ 5816 margin-left: 8px; 5817 /* @noflip */ 5818 margin-right: 0; 5819 top: 18px; 5820 bottom: auto; 5821 margin-top: 2px; 5822 padding: 12px 8px 8px 8px; 5823 line-height: 1.15; 5824 pointer-events: none; 5825 } 5826 5827 [dir=rtl] textarea .mdc-floating-label, 5828 textarea .mdc-floating-label[dir=rtl], 5829 [dir=rtl] .mdc-text-field--textarea .mdc-floating-label, 5830 .mdc-text-field--textarea .mdc-floating-label[dir=rtl] { 5831 /* @noflip */ 5832 left: 0; 5833 /* @noflip */ 5834 right: 1px; 5835 } 5836 5837 [dir=rtl] textarea .mdc-floating-label, 5838 textarea .mdc-floating-label[dir=rtl], 5839 [dir=rtl] .mdc-text-field--textarea .mdc-floating-label, 5840 .mdc-text-field--textarea .mdc-floating-label[dir=rtl] { 5841 /* @noflip */ 5842 margin-left: 0; 5843 /* @noflip */ 5844 margin-right: 8px; 5845 } 5846 5847 textarea:not(.mdc-text-field--disabled), 5848 .mdc-text-field--textarea:not(.mdc-text-field--disabled) { 5849 border-color: #228ae6; 5850 } 5851 5852 textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus, 5853 .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { 5854 border-color: #228ae6; 5855 } 5856 5857 textarea:not(.mdc-text-field--disabled), 5858 .mdc-text-field--textarea:not(.mdc-text-field--disabled) { 5859 border-color: #4a4a4a; 5860 } 5861 5862 .mdc-text-field--textarea textarea { 5863 border: none !important; 5864 } 5865 5866 .mdc-text-field--fullwidth { 5867 width: 100%; 5868 } 5869 5870 .mdc-text-field--fullwidth .mdc-text-field__input { 5871 resize: vertical; 5872 } 5873 5874 .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) { 5875 display: block; 5876 box-sizing: border-box; 5877 height: 56px; 5878 margin: 0; 5879 border: none; 5880 border-bottom: 1px solid; 5881 outline: none; 5882 } 5883 5884 .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input { 5885 width: 100%; 5886 height: 100%; 5887 padding: 0; 5888 resize: none; 5889 border: none !important; 5890 } 5891 5892 .mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { 5893 border-bottom-color: #b00020; 5894 } 5895 5896 .mdc-text-field--dense + .mdc-text-field-helper-text { 5897 margin-bottom: 4px; 5898 } 5899 5900 .mdc-text-field--box + .mdc-text-field-helper-text, 5901 .mdc-text-field--outlined + .mdc-text-field-helper-text { 5902 margin-right: 16px; 5903 margin-left: 16px; 5904 } 5905 5906 .mdc-form-field > .mdc-text-field + label { 5907 align-self: flex-start; 5908 } 5909 5910 .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { 5911 color: #228ae6; 5912 } 5913 5914 .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { 5915 color: #228ae6; 5916 } 5917 5918 .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { 5919 color: #228ae6; 5920 } 5921 5922 .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { 5923 color: #228ae6; 5924 } 5925 5926 .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { 5927 color: #228ae6; 5928 } 5929 5930 .mdc-text-field--focused .mdc-text-field__input:required + .mdc-floating-label::after { 5931 color: #b00020; 5932 } 5933 5934 .mdc-text-field--focused + .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) { 5935 opacity: 1; 5936 } 5937 5938 .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) { 5939 border-color: #228ae6; 5940 } 5941 5942 .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { 5943 border-color: #228ae6; 5944 } 5945 5946 .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { 5947 border-bottom-color: #b00020; 5948 } 5949 5950 .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover { 5951 border-bottom-color: #b00020; 5952 } 5953 5954 .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple { 5955 background-color: #b00020; 5956 } 5957 5958 .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { 5959 color: #b00020; 5960 } 5961 5962 .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { 5963 color: #b00020; 5964 } 5965 5966 .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { 5967 color: #b00020; 5968 } 5969 5970 .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { 5971 color: #b00020; 5972 } 5973 5974 .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { 5975 color: #b00020; 5976 } 5977 5978 .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg { 5979 color: #b00020; 5980 } 5981 5982 .mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon { 5983 color: #b00020; 5984 } 5985 5986 .mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg { 5987 opacity: 1; 5988 } 5989 5990 .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) { 5991 border-color: #b00020; 5992 } 5993 5994 .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { 5995 border-color: #b00020; 5996 } 5997 5998 .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__idle { 5999 border-color: #b00020; 6000 } 6001 6002 .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__path { 6003 stroke: #b00020; 6004 } 6005 6006 .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline__idle, 6007 .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline__idle { 6008 border-color: #b00020; 6009 } 6010 6011 .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__path, 6012 .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__path { 6013 stroke: #b00020; 6014 } 6015 6016 .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path { 6017 stroke: #b00020; 6018 } 6019 6020 .mdc-text-field--disabled { 6021 pointer-events: none; 6022 } 6023 6024 .mdc-text-field--disabled .mdc-text-field__input { 6025 border-bottom-color: rgba(35, 31, 32, 0.26); 6026 } 6027 6028 .mdc-text-field--disabled .mdc-text-field__input { 6029 color: rgba(0, 0, 0, 0.37); 6030 } 6031 6032 .mdc-text-field--disabled .mdc-floating-label { 6033 color: rgba(0, 0, 0, 0.37); 6034 } 6035 6036 .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder { 6037 color: rgba(0, 0, 0, 0.37); 6038 } 6039 6040 .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { 6041 color: rgba(0, 0, 0, 0.37); 6042 } 6043 6044 .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder { 6045 color: rgba(0, 0, 0, 0.37); 6046 } 6047 6048 .mdc-text-field--disabled .mdc-text-field__input::placeholder { 6049 color: rgba(0, 0, 0, 0.37); 6050 } 6051 6052 .mdc-text-field--disabled + .mdc-text-field-helper-text { 6053 color: rgba(0, 0, 0, 0.37); 6054 } 6055 6056 .mdc-text-field--disabled .mdc-text-field__icon { 6057 color: rgba(0, 0, 0, 0.3); 6058 } 6059 6060 .mdc-text-field--disabled:not(.mdc-text-field--textarea) { 6061 border-bottom-color: rgba(0, 0, 0, 0.12); 6062 } 6063 6064 .mdc-text-field--disabled .mdc-text-field__input { 6065 border-bottom: 1px dotted; 6066 } 6067 6068 .mdc-text-field--disabled .mdc-floating-label { 6069 cursor: default; 6070 } 6071 6072 .mdc-text-field--textarea.mdc-text-field--disabled { 6073 border-color: rgba(35, 31, 32, 0.26); 6074 background-color: #f9f9f9; 6075 border-style: solid; 6076 } 6077 6078 .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input:focus { 6079 border-color: rgba(35, 31, 32, 0.26); 6080 } 6081 6082 .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input { 6083 border: 1px solid transparent; 6084 } 6085 6086 .mdc-text-field--textarea.mdc-text-field--disabled .mdc-floating-label { 6087 background-color: #f9f9f9; 6088 } 6089 6090 .mdc-floating-label { 6091 font-family: Roboto, sans-serif; 6092 -moz-osx-font-smoothing: grayscale; 6093 -webkit-font-smoothing: antialiased; 6094 font-size: 1rem; 6095 line-height: 1.75rem; 6096 font-weight: 400; 6097 letter-spacing: 0.009375em; 6098 text-decoration: inherit; 6099 text-transform: inherit; 6100 position: absolute; 6101 bottom: 8px; 6102 left: 0; 6103 -webkit-transform-origin: left top; 6104 transform-origin: left top; 6105 transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); 6106 transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1); 6107 transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); 6108 line-height: 1.15rem; 6109 cursor: text; 6110 /* multiple lines fix */ 6111 width: 100%; 6112 white-space: nowrap; 6113 overflow: hidden; 6114 } 6115 6116 [dir=rtl] .mdc-floating-label, 6117 .mdc-floating-label[dir=rtl] { 6118 /* @noflip */ 6119 right: 0; 6120 /* @noflip */ 6121 left: auto; 6122 /* @noflip */ 6123 -webkit-transform-origin: right top; 6124 transform-origin: right top; 6125 } 6126 6127 .mdc-floating-label--float-above { 6128 cursor: auto; 6129 } 6130 6131 .mdc-floating-label--float-above { 6132 -webkit-transform: translateY(-100%) translateX(0%) scale(0.75); 6133 transform: translateY(-100%) translateX(0%) scale(0.75); 6134 } 6135 6136 [dir=rtl] .mdc-floating-label--float-above, 6137 .mdc-floating-label--float-above[dir=rtl] { 6138 -webkit-transform: translateY(-100%) translateX(0%) scale(0.75); 6139 transform: translateY(-100%) translateX(0%) scale(0.75); 6140 } 6141 6142 .mdc-floating-label--shake { 6143 -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1; 6144 animation: mdc-floating-label-shake-float-above-standard 250ms 1; 6145 } 6146 6147 @-webkit-keyframes mdc-floating-label-shake-float-above-standard { 6148 0% { 6149 -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); 6150 transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); 6151 } 6152 6153 33% { 6154 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); 6155 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); 6156 -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); 6157 transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); 6158 } 6159 6160 66% { 6161 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); 6162 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); 6163 -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); 6164 transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); 6165 } 6166 6167 100% { 6168 -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); 6169 transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); 6170 } 6171 } 6172 6173 @keyframes mdc-floating-label-shake-float-above-standard { 6174 0% { 6175 -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); 6176 transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); 6177 } 6178 6179 33% { 6180 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); 6181 animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); 6182 -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); 6183 transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); 6184 } 6185 6186 66% { 6187 -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); 6188 animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); 6189 -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); 6190 transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); 6191 } 6192 6193 100% { 6194 -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); 6195 transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); 6196 } 6197 } 6198 6199 .mdc-floating-label--float-above ~ .mdc-text-field__idle-outline { 6200 opacity: 0; 6201 } 6202 6203 .mdc-floating-label--float-above ~ .mdc-text-field__outline { 6204 opacity: 1; 6205 } 6206 6207 .white-text label, 6208 .white-text select, 6209 .white-text textarea, 6210 .white-text input:not([type=submit]), 6211 .white-text .mdc-text-field { 6212 color: #ffffff; 6213 } 6214 6215 .white-text label::-webkit-input-placeholder, 6216 .white-text label::-webkit-input-placeholder, 6217 .white-text select::-webkit-input-placeholder, 6218 .white-text select::-webkit-input-placeholder, 6219 .white-text textarea::-webkit-input-placeholder, 6220 .white-text textarea::-webkit-input-placeholder, 6221 .white-text input:not([type=submit])::-webkit-input-placeholder, 6222 .white-text input:not([type=submit])::-webkit-input-placeholder, 6223 .white-text .mdc-text-field::-webkit-input-placeholder, 6224 .white-text .mdc-text-field::-webkit-input-placeholder { 6225 color: #ffffff; 6226 } 6227 6228 .white-text label::-webkit-input-placeholder, 6229 .white-text label::placeholder, 6230 .white-text select::-webkit-input-placeholder, 6231 .white-text select::placeholder, 6232 .white-text textarea::-webkit-input-placeholder, 6233 .white-text textarea::placeholder, 6234 .white-text input:not([type=submit])::-webkit-input-placeholder, 6235 .white-text input:not([type=submit])::placeholder, 6236 .white-text .mdc-text-field::-webkit-input-placeholder, 6237 .white-text .mdc-text-field::placeholder { 6238 color: #ffffff; 6239 } 6240 6241 .white-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { 6242 border-bottom-color: #ffffff; 6243 } 6244 6245 .white-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover { 6246 border-bottom-color: #ffffff; 6247 } 6248 6249 .white-text .mdc-text-field .mdc-line-ripple { 6250 background-color: #ffffff; 6251 } 6252 6253 .white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { 6254 color: #ffffff; 6255 } 6256 6257 .white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { 6258 color: #ffffff; 6259 } 6260 6261 .white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { 6262 color: #ffffff; 6263 } 6264 6265 .white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { 6266 color: #ffffff; 6267 } 6268 6269 .white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { 6270 color: #ffffff; 6271 } 6272 6273 .white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { 6274 color: #ffffff; 6275 } 6276 6277 .white-text .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text { 6278 color: #ffffff; 6279 } 6280 6281 .white-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { 6282 border-bottom-color: #ffffff; 6283 } 6284 6285 .white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon { 6286 color: #ffffff; 6287 } 6288 6289 .white-text textarea:not(.mdc-text-field--disabled), 6290 .white-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) { 6291 border-color: #ffffff; 6292 } 6293 6294 .white-text textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus, 6295 .white-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { 6296 border-color: #ffffff; 6297 } 6298 6299 .white-text textarea::-webkit-input-placeholder, 6300 .white-text textarea::-webkit-input-placeholder, 6301 .white-text .mdc-text-field--textarea::-webkit-input-placeholder, 6302 .white-text .mdc-text-field--textarea::-webkit-input-placeholder { 6303 color: #ffffff; 6304 } 6305 6306 .white-text textarea::-webkit-input-placeholder, 6307 .white-text textarea::placeholder, 6308 .white-text .mdc-text-field--textarea::-webkit-input-placeholder, 6309 .white-text .mdc-text-field--textarea::placeholder { 6310 color: #ffffff; 6311 } 6312 6313 .white-text textarea:not(.mdc-text-field--disabled), 6314 .white-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) { 6315 border-color: #ffffff; 6316 } 6317 6318 /** dark form style **/ 6319 6320 .dark-text label, 6321 .dark-text select, 6322 .dark-text textarea, 6323 .dark-text input:not([type=submit]), 6324 .dark-text .mdc-text-field { 6325 color: #4a4a4a; 6326 } 6327 6328 .dark-text label::-webkit-input-placeholder, 6329 .dark-text label::-webkit-input-placeholder, 6330 .dark-text select::-webkit-input-placeholder, 6331 .dark-text select::-webkit-input-placeholder, 6332 .dark-text textarea::-webkit-input-placeholder, 6333 .dark-text textarea::-webkit-input-placeholder, 6334 .dark-text input:not([type=submit])::-webkit-input-placeholder, 6335 .dark-text input:not([type=submit])::-webkit-input-placeholder, 6336 .dark-text .mdc-text-field::-webkit-input-placeholder, 6337 .dark-text .mdc-text-field::-webkit-input-placeholder { 6338 color: #4a4a4a; 6339 } 6340 6341 .dark-text label::-webkit-input-placeholder, 6342 .dark-text label::placeholder, 6343 .dark-text select::-webkit-input-placeholder, 6344 .dark-text select::placeholder, 6345 .dark-text textarea::-webkit-input-placeholder, 6346 .dark-text textarea::placeholder, 6347 .dark-text input:not([type=submit])::-webkit-input-placeholder, 6348 .dark-text input:not([type=submit])::placeholder, 6349 .dark-text .mdc-text-field::-webkit-input-placeholder, 6350 .dark-text .mdc-text-field::placeholder { 6351 color: #4a4a4a; 6352 } 6353 6354 .dark-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { 6355 border-bottom-color: #4a4a4a; 6356 } 6357 6358 .dark-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover { 6359 border-bottom-color: #4a4a4a; 6360 } 6361 6362 .dark-text .mdc-text-field .mdc-line-ripple { 6363 background-color: #228ae6; 6364 } 6365 6366 .dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { 6367 color: #4a4a4a; 6368 } 6369 6370 .dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { 6371 color: #4a4a4a; 6372 } 6373 6374 .dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { 6375 color: #4a4a4a; 6376 } 6377 6378 .dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { 6379 color: #4a4a4a; 6380 } 6381 6382 .dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { 6383 color: #4a4a4a; 6384 } 6385 6386 .dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { 6387 color: #4a4a4a; 6388 } 6389 6390 .dark-text .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text { 6391 color: #4a4a4a; 6392 } 6393 6394 .dark-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { 6395 border-bottom-color: #4a4a4a; 6396 } 6397 6398 .dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon { 6399 color: #4a4a4a; 6400 } 6401 6402 .dark-text textarea:not(.mdc-text-field--disabled), 6403 .dark-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) { 6404 border-color: #4a4a4a; 6405 } 6406 6407 .dark-text textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus, 6408 .dark-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { 6409 border-color: #4a4a4a; 6410 } 6411 6412 .dark-text textarea::-webkit-input-placeholder, 6413 .dark-text textarea::-webkit-input-placeholder, 6414 .dark-text .mdc-text-field--textarea::-webkit-input-placeholder, 6415 .dark-text .mdc-text-field--textarea::-webkit-input-placeholder { 6416 color: #4a4a4a; 6417 } 6418 6419 .dark-text textarea::-webkit-input-placeholder, 6420 .dark-text textarea::placeholder, 6421 .dark-text .mdc-text-field--textarea::-webkit-input-placeholder, 6422 .dark-text .mdc-text-field--textarea::placeholder { 6423 color: #4a4a4a; 6424 } 6425 6426 .dark-text textarea:not(.mdc-text-field--disabled), 6427 .dark-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) { 6428 border-color: #4a4a4a; 6429 } 6430 6431 /** dark form **/ 6432 6433 /* 6434 ELEVATION 6435 */ 6436 6437 .mdc-elevation--z0 { 6438 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); 6439 } 6440 6441 .mdc-elevation--z1 { 6442 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); 6443 } 6444 6445 .mdc-elevation--z2 { 6446 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); 6447 } 6448 6449 .mdc-elevation--z3 { 6450 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); 6451 } 6452 6453 .mdc-elevation--z4 { 6454 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); 6455 } 6456 6457 .mdc-elevation--z5 { 6458 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); 6459 } 6460 6461 .mdc-elevation--z6 { 6462 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); 6463 } 6464 6465 .mdc-elevation--z7 { 6466 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); 6467 } 6468 6469 .mdc-elevation--z8 { 6470 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); 6471 } 6472 6473 .mdc-elevation--z9 { 6474 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); 6475 } 6476 6477 .mdc-elevation--z10 { 6478 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); 6479 } 6480 6481 .mdc-elevation--z11 { 6482 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); 6483 } 6484 6485 .mdc-elevation--z12 { 6486 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); 6487 } 6488 6489 .mdc-elevation--z13 { 6490 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); 6491 } 6492 6493 .mdc-elevation--z14 { 6494 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); 6495 } 6496 6497 .mdc-elevation--z15 { 6498 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); 6499 } 6500 6501 .mdc-elevation--z16 { 6502 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); 6503 } 6504 6505 .mdc-elevation--z17 { 6506 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); 6507 } 6508 6509 .mdc-elevation--z18 { 6510 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); 6511 } 6512 6513 .mdc-elevation--z19 { 6514 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); 6515 } 6516 6517 .mdc-elevation--z20 { 6518 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); 6519 } 6520 6521 .mdc-elevation--z21 { 6522 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); 6523 } 6524 6525 .mdc-elevation--z22 { 6526 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); 6527 } 6528 6529 .mdc-elevation--z23 { 6530 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); 6531 } 6532 6533 .mdc-elevation--z24 { 6534 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); 6535 } 6536 6537 .mdc-elevation-transition { 6538 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); 6539 will-change: box-shadow; 6540 } 6541 6542 /* 6543 TABLES 6544 */ 6545 6546 table { 6547 border-collapse: collapse; 6548 border-spacing: 0; 6549 max-width: 100%; 6550 width: 100%; 6551 empty-cells: show; 6552 font-size: 15px; 6553 line-height: 24px; 6554 } 6555 6556 table caption { 6557 text-align: left; 6558 font-size: 0.875em; 6559 font-weight: 500; 6560 color: #676b72; 6561 } 6562 6563 th { 6564 text-align: left; 6565 font-weight: 700; 6566 vertical-align: bottom; 6567 } 6568 6569 td { 6570 vertical-align: top; 6571 } 6572 6573 tr.align-middle td, 6574 td.align-middle { 6575 vertical-align: middle; 6576 } 6577 6578 th, 6579 td { 6580 padding: 1rem 1rem; 6581 border-bottom: 1px solid rgba(0, 0, 0, 0.05); 6582 } 6583 6584 th:first-child, 6585 td:first-child { 6586 padding-left: 0; 6587 } 6588 6589 th:last-child, 6590 td:last-child { 6591 padding-right: 0; 6592 } 6593 6594 tfoot th, 6595 tfoot td { 6596 color: rgba(141, 153, 174, 0.5); 6597 } 6598 6599 table.bordered td, 6600 table.card[class*=bottom-border-] td, 6601 table.bordered th, 6602 table.card[class*=bottom-border-] th { 6603 border: 1px solid rgba(0, 0, 0, 0.05); 6604 } 6605 6606 table.striped tr:nth-child(odd) td { 6607 background: #f8f8f8; 6608 } 6609 6610 table.bordered td:first-child, 6611 table.card[class*=bottom-border-] td:first-child, 6612 table.bordered th:first-child, 6613 table.card[class*=bottom-border-] th:first-child, 6614 table.striped td:first-child, 6615 table.striped th:first-child { 6616 padding-left: 1rem; 6617 } 6618 6619 table.bordered td:last-child, 6620 table.card[class*=bottom-border-] td:last-child, 6621 table.bordered th:last-child, 6622 table.card[class*=bottom-border-] th:last-child, 6623 table.striped td:last-child, 6624 table.striped th:last-child { 6625 padding-right: 1rem; 6626 } 6627 6628 table.unstyled td, 6629 table.unstyled th { 6630 border: none; 6631 padding: 0; 6632 } 6633 6634 /* 6635 GRID 6636 */ 6637 6638 .flexbox, 6639 .flexbox-strech { 6640 display: -moz-flex; 6641 display: flex; 6642 } 6643 6644 .flexbox-strech > * { 6645 flex-basis: 100%; 6646 } 6647 6648 .gridContainer { 6649 box-sizing: border-box; 6650 max-width: 1232px; 6651 margin: 0 auto; 6652 padding-right: 15px; 6653 padding-left: 15px; 6654 } 6655 6656 .gridContainer .gridContainer { 6657 max-width: 100%; 6658 width: 100%; 6659 padding-right: 0; 6660 padding-left: 0; 6661 } 6662 6663 .row { 6664 box-sizing: border-box; 6665 display: -moz-flex; 6666 display: flex; 6667 -moz-flex: 0 1 auto; 6668 flex: 0 1 auto; 6669 -moz-flex-direction: row; 6670 flex-direction: row; 6671 flex-wrap: wrap; 6672 margin-right: -15px; 6673 margin-left: -15px; 6674 } 6675 6676 .row.basis-auto { 6677 flex-basis: auto; 6678 -moz-align-items: center; 6679 align-items: center; 6680 } 6681 6682 .row > * { 6683 flex-basis: 100%; 6684 padding-right: 15px; 6685 padding-left: 15px; 6686 } 6687 6688 .row.no-gutter > * { 6689 padding-left: 0; 6690 padding-right: 0; 6691 } 6692 6693 @media (min-width: 768px) { 6694 .row.no-gutter-sm > * { 6695 padding-left: 0; 6696 padding-right: 0; 6697 } 6698 } 6699 6700 .row:before, 6701 .row:after { 6702 position: absolute; 6703 } 6704 6705 .row.reverse { 6706 -moz-flex-direction: row-reverse; 6707 flex-direction: row-reverse; 6708 } 6709 6710 .col.reverse { 6711 -moz-flex-direction: column-reverse; 6712 flex-direction: column-reverse; 6713 } 6714 6715 .col-xs { 6716 box-sizing: border-box; 6717 -moz-flex-grow: 0; 6718 flex-grow: 0; 6719 flex-shrink: 0; 6720 padding-right: 15px; 6721 padding-left: 15px; 6722 flex-basis: auto; 6723 } 6724 6725 .col-xs-1 { 6726 box-sizing: border-box; 6727 -moz-flex-grow: 0; 6728 flex-grow: 0; 6729 flex-shrink: 0; 6730 padding-right: 15px; 6731 padding-left: 15px; 6732 flex-basis: 8.3333333333%; 6733 max-width: 8.3333333333%; 6734 } 6735 6736 .col-xs-2 { 6737 box-sizing: border-box; 6738 -moz-flex-grow: 0; 6739 flex-grow: 0; 6740 flex-shrink: 0; 6741 padding-right: 15px; 6742 padding-left: 15px; 6743 flex-basis: 16.6666666667%; 6744 max-width: 16.6666666667%; 6745 } 6746 6747 .col-xs-3 { 6748 box-sizing: border-box; 6749 -moz-flex-grow: 0; 6750 flex-grow: 0; 6751 flex-shrink: 0; 6752 padding-right: 15px; 6753 padding-left: 15px; 6754 flex-basis: 25%; 6755 max-width: 25%; 6756 } 6757 6758 .col-xs-4 { 6759 box-sizing: border-box; 6760 -moz-flex-grow: 0; 6761 flex-grow: 0; 6762 flex-shrink: 0; 6763 padding-right: 15px; 6764 padding-left: 15px; 6765 flex-basis: 33.3333333333%; 6766 max-width: 33.3333333333%; 6767 } 6768 6769 .col-xs-5 { 6770 box-sizing: border-box; 6771 -moz-flex-grow: 0; 6772 flex-grow: 0; 6773 flex-shrink: 0; 6774 padding-right: 15px; 6775 padding-left: 15px; 6776 flex-basis: 41.6666666667%; 6777 max-width: 41.6666666667%; 6778 } 6779 6780 .col-xs-6 { 6781 box-sizing: border-box; 6782 -moz-flex-grow: 0; 6783 flex-grow: 0; 6784 flex-shrink: 0; 6785 padding-right: 15px; 6786 padding-left: 15px; 6787 flex-basis: 50%; 6788 max-width: 50%; 6789 } 6790 6791 .col-xs-7 { 6792 box-sizing: border-box; 6793 -moz-flex-grow: 0; 6794 flex-grow: 0; 6795 flex-shrink: 0; 6796 padding-right: 15px; 6797 padding-left: 15px; 6798 flex-basis: 58.3333333333%; 6799 max-width: 58.3333333333%; 6800 } 6801 6802 .col-xs-8 { 6803 box-sizing: border-box; 6804 -moz-flex-grow: 0; 6805 flex-grow: 0; 6806 flex-shrink: 0; 6807 padding-right: 15px; 6808 padding-left: 15px; 6809 flex-basis: 66.6666666667%; 6810 max-width: 66.6666666667%; 6811 } 6812 6813 .col-xs-9 { 6814 box-sizing: border-box; 6815 -moz-flex-grow: 0; 6816 flex-grow: 0; 6817 flex-shrink: 0; 6818 padding-right: 15px; 6819 padding-left: 15px; 6820 flex-basis: 75%; 6821 max-width: 75%; 6822 } 6823 6824 .col-xs-10 { 6825 box-sizing: border-box; 6826 -moz-flex-grow: 0; 6827 flex-grow: 0; 6828 flex-shrink: 0; 6829 padding-right: 15px; 6830 padding-left: 15px; 6831 flex-basis: 83.3333333333%; 6832 max-width: 83.3333333333%; 6833 } 6834 6835 .col-xs-11 { 6836 box-sizing: border-box; 6837 -moz-flex-grow: 0; 6838 flex-grow: 0; 6839 flex-shrink: 0; 6840 padding-right: 15px; 6841 padding-left: 15px; 6842 flex-basis: 91.6666666667%; 6843 max-width: 91.6666666667%; 6844 } 6845 6846 .col-xs-12 { 6847 box-sizing: border-box; 6848 -moz-flex-grow: 0; 6849 flex-grow: 0; 6850 flex-shrink: 0; 6851 padding-right: 15px; 6852 padding-left: 15px; 6853 flex-basis: 100%; 6854 max-width: 100%; 6855 } 6856 6857 .col-xs-offset-0 { 6858 box-sizing: border-box; 6859 -moz-flex-grow: 0; 6860 flex-grow: 0; 6861 flex-shrink: 0; 6862 padding-right: 15px; 6863 padding-left: 15px; 6864 margin-left: 0; 6865 } 6866 6867 .col-xs-offset-1 { 6868 box-sizing: border-box; 6869 -moz-flex-grow: 0; 6870 flex-grow: 0; 6871 flex-shrink: 0; 6872 padding-right: 15px; 6873 padding-left: 15px; 6874 margin-left: 8.3333333333%; 6875 } 6876 6877 .col-xs-offset-2 { 6878 box-sizing: border-box; 6879 -moz-flex-grow: 0; 6880 flex-grow: 0; 6881 flex-shrink: 0; 6882 padding-right: 15px; 6883 padding-left: 15px; 6884 margin-left: 16.6666666667%; 6885 } 6886 6887 .col-xs-offset-3 { 6888 box-sizing: border-box; 6889 -moz-flex-grow: 0; 6890 flex-grow: 0; 6891 flex-shrink: 0; 6892 padding-right: 15px; 6893 padding-left: 15px; 6894 margin-left: 25%; 6895 } 6896 6897 .col-xs-offset-4 { 6898 box-sizing: border-box; 6899 -moz-flex-grow: 0; 6900 flex-grow: 0; 6901 flex-shrink: 0; 6902 padding-right: 15px; 6903 padding-left: 15px; 6904 margin-left: 33.3333333333%; 6905 } 6906 6907 .col-xs-offset-5 { 6908 box-sizing: border-box; 6909 -moz-flex-grow: 0; 6910 flex-grow: 0; 6911 flex-shrink: 0; 6912 padding-right: 15px; 6913 padding-left: 15px; 6914 margin-left: 41.6666666667%; 6915 } 6916 6917 .col-xs-offset-6 { 6918 box-sizing: border-box; 6919 -moz-flex-grow: 0; 6920 flex-grow: 0; 6921 flex-shrink: 0; 6922 padding-right: 15px; 6923 padding-left: 15px; 6924 margin-left: 50%; 6925 } 6926 6927 .col-xs-offset-7 { 6928 box-sizing: border-box; 6929 -moz-flex-grow: 0; 6930 flex-grow: 0; 6931 flex-shrink: 0; 6932 padding-right: 15px; 6933 padding-left: 15px; 6934 margin-left: 58.3333333333%; 6935 } 6936 6937 .col-xs-offset-8 { 6938 box-sizing: border-box; 6939 -moz-flex-grow: 0; 6940 flex-grow: 0; 6941 flex-shrink: 0; 6942 padding-right: 15px; 6943 padding-left: 15px; 6944 margin-left: 66.6666666667%; 6945 } 6946 6947 .col-xs-offset-9 { 6948 box-sizing: border-box; 6949 -moz-flex-grow: 0; 6950 flex-grow: 0; 6951 flex-shrink: 0; 6952 padding-right: 15px; 6953 padding-left: 15px; 6954 margin-left: 75%; 6955 } 6956 6957 .col-xs-offset-10 { 6958 box-sizing: border-box; 6959 -moz-flex-grow: 0; 6960 flex-grow: 0; 6961 flex-shrink: 0; 6962 padding-right: 15px; 6963 padding-left: 15px; 6964 margin-left: 83.3333333333%; 6965 } 6966 6967 .col-xs-offset-11 { 6968 box-sizing: border-box; 6969 -moz-flex-grow: 0; 6970 flex-grow: 0; 6971 flex-shrink: 0; 6972 padding-right: 15px; 6973 padding-left: 15px; 6974 margin-left: 91.6666666667%; 6975 } 6976 6977 .col-xs-offset-12 { 6978 box-sizing: border-box; 6979 -moz-flex-grow: 0; 6980 flex-grow: 0; 6981 flex-shrink: 0; 6982 padding-right: 15px; 6983 padding-left: 15px; 6984 margin-left: 100%; 6985 } 6986 6987 .col-xs-fit { 6988 box-sizing: border-box; 6989 -moz-flex-grow: 0; 6990 flex-grow: 0; 6991 flex-shrink: 0; 6992 padding-right: 15px; 6993 padding-left: 15px; 6994 flex-basis: auto; 6995 -moz-flex-grow: 0; 6996 flex-grow: 0; 6997 max-width: 100%; 6998 } 6999 7000 .col-xs { 7001 -moz-flex-grow: 1; 7002 flex-grow: 1; 7003 flex-basis: 0; 7004 max-width: 100%; 7005 } 7006 7007 .no-grow-xs { 7008 -moz-flex-grow: 0; 7009 flex-grow: 0; 7010 } 7011 7012 .start-xs { 7013 -moz-justify-content: flex-start; 7014 justify-content: flex-start; 7015 text-align: left; 7016 } 7017 7018 .center-xs { 7019 -moz-justify-content: center; 7020 justify-content: center; 7021 text-align: center; 7022 } 7023 7024 .end-xs { 7025 -moz-justify-content: flex-end; 7026 justify-content: flex-end; 7027 text-align: right; 7028 } 7029 7030 .top-xs { 7031 -moz-align-items: flex-start; 7032 align-items: flex-start; 7033 } 7034 7035 .middle-xs { 7036 -moz-align-items: center; 7037 align-items: center; 7038 } 7039 7040 .bottom-xs { 7041 -moz-align-items: flex-end; 7042 align-items: flex-end; 7043 } 7044 7045 .around-xs { 7046 -moz-justify-content: space-around; 7047 justify-content: space-around; 7048 } 7049 7050 .between-xs { 7051 -moz-justify-content: space-between; 7052 justify-content: space-between; 7053 } 7054 7055 .first-xs { 7056 order: -1; 7057 } 7058 7059 .last-xs { 7060 order: 1; 7061 } 7062 7063 .flex-grow > div { 7064 -moz-flex-grow: 1; 7065 flex-grow: 1; 7066 max-width: 100%; 7067 } 7068 7069 @media only screen and (min-width: 768px) { 7070 .gridContainer { 7071 width: 90%; 7072 } 7073 7074 .col-sm { 7075 box-sizing: border-box; 7076 -moz-flex-grow: 0; 7077 flex-grow: 0; 7078 flex-shrink: 0; 7079 padding-right: 15px; 7080 padding-left: 15px; 7081 flex-basis: auto; 7082 } 7083 7084 .col-sm-fit { 7085 box-sizing: border-box; 7086 -moz-flex-grow: 0; 7087 flex-grow: 0; 7088 flex-shrink: 0; 7089 padding-right: 15px; 7090 padding-left: 15px; 7091 flex-basis: auto; 7092 -moz-flex-grow: 0; 7093 flex-grow: 0; 7094 max-width: 100%; 7095 } 7096 7097 .col-sm-1 { 7098 box-sizing: border-box; 7099 -moz-flex-grow: 0; 7100 flex-grow: 0; 7101 flex-shrink: 0; 7102 padding-right: 15px; 7103 padding-left: 15px; 7104 flex-basis: 8.3333333333%; 7105 max-width: 8.3333333333%; 7106 } 7107 7108 .col-sm-2 { 7109 box-sizing: border-box; 7110 -moz-flex-grow: 0; 7111 flex-grow: 0; 7112 flex-shrink: 0; 7113 padding-right: 15px; 7114 padding-left: 15px; 7115 flex-basis: 16.6666666667%; 7116 max-width: 16.6666666667%; 7117 } 7118 7119 .col-sm-3 { 7120 box-sizing: border-box; 7121 -moz-flex-grow: 0; 7122 flex-grow: 0; 7123 flex-shrink: 0; 7124 padding-right: 15px; 7125 padding-left: 15px; 7126 flex-basis: 25%; 7127 max-width: 25%; 7128 } 7129 7130 .col-sm-4 { 7131 box-sizing: border-box; 7132 -moz-flex-grow: 0; 7133 flex-grow: 0; 7134 flex-shrink: 0; 7135 padding-right: 15px; 7136 padding-left: 15px; 7137 flex-basis: 33.3333333333%; 7138 max-width: 33.3333333333%; 7139 } 7140 7141 .col-sm-5 { 7142 box-sizing: border-box; 7143 -moz-flex-grow: 0; 7144 flex-grow: 0; 7145 flex-shrink: 0; 7146 padding-right: 15px; 7147 padding-left: 15px; 7148 flex-basis: 41.6666666667%; 7149 max-width: 41.6666666667%; 7150 } 7151 7152 .col-sm-6, 7153 .post-comments .navigation .prev-posts, 7154 .post-comments .navigation .next-posts { 7155 box-sizing: border-box; 7156 -moz-flex-grow: 0; 7157 flex-grow: 0; 7158 flex-shrink: 0; 7159 padding-right: 15px; 7160 padding-left: 15px; 7161 flex-basis: 50%; 7162 max-width: 50%; 7163 } 7164 7165 .col-sm-7 { 7166 box-sizing: border-box; 7167 -moz-flex-grow: 0; 7168 flex-grow: 0; 7169 flex-shrink: 0; 7170 padding-right: 15px; 7171 padding-left: 15px; 7172 flex-basis: 58.3333333333%; 7173 max-width: 58.3333333333%; 7174 } 7175 7176 .col-sm-8 { 7177 box-sizing: border-box; 7178 -moz-flex-grow: 0; 7179 flex-grow: 0; 7180 flex-shrink: 0; 7181 padding-right: 15px; 7182 padding-left: 15px; 7183 flex-basis: 66.6666666667%; 7184 max-width: 66.6666666667%; 7185 } 7186 7187 .col-sm-9 { 7188 box-sizing: border-box; 7189 -moz-flex-grow: 0; 7190 flex-grow: 0; 7191 flex-shrink: 0; 7192 padding-right: 15px; 7193 padding-left: 15px; 7194 flex-basis: 75%; 7195 max-width: 75%; 7196 } 7197 7198 .col-sm-10 { 7199 box-sizing: border-box; 7200 -moz-flex-grow: 0; 7201 flex-grow: 0; 7202 flex-shrink: 0; 7203 padding-right: 15px; 7204 padding-left: 15px; 7205 flex-basis: 83.3333333333%; 7206 max-width: 83.3333333333%; 7207 } 7208 7209 .col-sm-11 { 7210 box-sizing: border-box; 7211 -moz-flex-grow: 0; 7212 flex-grow: 0; 7213 flex-shrink: 0; 7214 padding-right: 15px; 7215 padding-left: 15px; 7216 flex-basis: 91.6666666667%; 7217 max-width: 91.6666666667%; 7218 } 7219 7220 .col-sm-12 { 7221 box-sizing: border-box; 7222 -moz-flex-grow: 0; 7223 flex-grow: 0; 7224 flex-shrink: 0; 7225 padding-right: 15px; 7226 padding-left: 15px; 7227 flex-basis: 100%; 7228 max-width: 100%; 7229 } 7230 7231 .col-sm-offset-0 { 7232 box-sizing: border-box; 7233 -moz-flex-grow: 0; 7234 flex-grow: 0; 7235 flex-shrink: 0; 7236 padding-right: 15px; 7237 padding-left: 15px; 7238 margin-left: 0; 7239 } 7240 7241 .col-sm-offset-1 { 7242 box-sizing: border-box; 7243 -moz-flex-grow: 0; 7244 flex-grow: 0; 7245 flex-shrink: 0; 7246 padding-right: 15px; 7247 padding-left: 15px; 7248 margin-left: 8.3333333333%; 7249 } 7250 7251 .col-sm-offset-2 { 7252 box-sizing: border-box; 7253 -moz-flex-grow: 0; 7254 flex-grow: 0; 7255 flex-shrink: 0; 7256 padding-right: 15px; 7257 padding-left: 15px; 7258 margin-left: 16.6666666667%; 7259 } 7260 7261 .col-sm-offset-3 { 7262 box-sizing: border-box; 7263 -moz-flex-grow: 0; 7264 flex-grow: 0; 7265 flex-shrink: 0; 7266 padding-right: 15px; 7267 padding-left: 15px; 7268 margin-left: 25%; 7269 } 7270 7271 .col-sm-offset-4 { 7272 box-sizing: border-box; 7273 -moz-flex-grow: 0; 7274 flex-grow: 0; 7275 flex-shrink: 0; 7276 padding-right: 15px; 7277 padding-left: 15px; 7278 margin-left: 33.3333333333%; 7279 } 7280 7281 .col-sm-offset-5 { 7282 box-sizing: border-box; 7283 -moz-flex-grow: 0; 7284 flex-grow: 0; 7285 flex-shrink: 0; 7286 padding-right: 15px; 7287 padding-left: 15px; 7288 margin-left: 41.6666666667%; 7289 } 7290 7291 .col-sm-offset-6 { 7292 box-sizing: border-box; 7293 -moz-flex-grow: 0; 7294 flex-grow: 0; 7295 flex-shrink: 0; 7296 padding-right: 15px; 7297 padding-left: 15px; 7298 margin-left: 50%; 7299 } 7300 7301 .col-sm-offset-7 { 7302 box-sizing: border-box; 7303 -moz-flex-grow: 0; 7304 flex-grow: 0; 7305 flex-shrink: 0; 7306 padding-right: 15px; 7307 padding-left: 15px; 7308 margin-left: 58.3333333333%; 7309 } 7310 7311 .col-sm-offset-8 { 7312 box-sizing: border-box; 7313 -moz-flex-grow: 0; 7314 flex-grow: 0; 7315 flex-shrink: 0; 7316 padding-right: 15px; 7317 padding-left: 15px; 7318 margin-left: 66.6666666667%; 7319 } 7320 7321 .col-sm-offset-9 { 7322 box-sizing: border-box; 7323 -moz-flex-grow: 0; 7324 flex-grow: 0; 7325 flex-shrink: 0; 7326 padding-right: 15px; 7327 padding-left: 15px; 7328 margin-left: 75%; 7329 } 7330 7331 .col-sm-offset-10 { 7332 box-sizing: border-box; 7333 -moz-flex-grow: 0; 7334 flex-grow: 0; 7335 flex-shrink: 0; 7336 padding-right: 15px; 7337 padding-left: 15px; 7338 margin-left: 83.3333333333%; 7339 } 7340 7341 .col-sm-offset-11 { 7342 box-sizing: border-box; 7343 -moz-flex-grow: 0; 7344 flex-grow: 0; 7345 flex-shrink: 0; 7346 padding-right: 15px; 7347 padding-left: 15px; 7348 margin-left: 91.6666666667%; 7349 } 7350 7351 .col-sm-offset-12 { 7352 box-sizing: border-box; 7353 -moz-flex-grow: 0; 7354 flex-grow: 0; 7355 flex-shrink: 0; 7356 padding-right: 15px; 7357 padding-left: 15px; 7358 margin-left: 100%; 7359 } 7360 7361 .col-sm { 7362 -moz-flex-grow: 1; 7363 flex-grow: 1; 7364 flex-basis: 0; 7365 max-width: 100%; 7366 } 7367 7368 .start-sm { 7369 -moz-justify-content: flex-start; 7370 justify-content: flex-start; 7371 text-align: left; 7372 } 7373 7374 .center-sm { 7375 -moz-justify-content: center; 7376 justify-content: center; 7377 text-align: center; 7378 } 7379 7380 .end-sm { 7381 -moz-justify-content: flex-end; 7382 justify-content: flex-end; 7383 text-align: right; 7384 } 7385 7386 .top-sm { 7387 -moz-align-items: flex-start; 7388 align-items: flex-start; 7389 } 7390 7391 .middle-sm { 7392 -moz-align-items: center; 7393 align-items: center; 7394 } 7395 7396 .bottom-sm { 7397 -moz-align-items: flex-end; 7398 align-items: flex-end; 7399 } 7400 7401 .around-sm { 7402 -moz-justify-content: space-around; 7403 justify-content: space-around; 7404 } 7405 7406 .between-sm { 7407 -moz-justify-content: space-between; 7408 justify-content: space-between; 7409 } 7410 7411 .first-sm { 7412 order: -1; 7413 } 7414 7415 .last-sm { 7416 order: 1; 7417 } 7418 } 7419 7420 @media only screen and (min-width: 1024px) { 7421 .gridContainer { 7422 width: 90%; 7423 } 7424 7425 .col-md { 7426 box-sizing: border-box; 7427 -moz-flex-grow: 0; 7428 flex-grow: 0; 7429 flex-shrink: 0; 7430 padding-right: 15px; 7431 padding-left: 15px; 7432 flex-basis: auto; 7433 } 7434 7435 .col-md-fit { 7436 box-sizing: border-box; 7437 -moz-flex-grow: 0; 7438 flex-grow: 0; 7439 flex-shrink: 0; 7440 padding-right: 15px; 7441 padding-left: 15px; 7442 flex-basis: auto; 7443 -moz-flex-grow: 0; 7444 flex-grow: 0; 7445 max-width: 100%; 7446 } 7447 7448 .col-md-1 { 7449 box-sizing: border-box; 7450 -moz-flex-grow: 0; 7451 flex-grow: 0; 7452 flex-shrink: 0; 7453 padding-right: 15px; 7454 padding-left: 15px; 7455 flex-basis: 8.3333333333%; 7456 max-width: 8.3333333333%; 7457 } 7458 7459 .col-md-2 { 7460 box-sizing: border-box; 7461 -moz-flex-grow: 0; 7462 flex-grow: 0; 7463 flex-shrink: 0; 7464 padding-right: 15px; 7465 padding-left: 15px; 7466 flex-basis: 16.6666666667%; 7467 max-width: 16.6666666667%; 7468 } 7469 7470 .col-md-3 { 7471 box-sizing: border-box; 7472 -moz-flex-grow: 0; 7473 flex-grow: 0; 7474 flex-shrink: 0; 7475 padding-right: 15px; 7476 padding-left: 15px; 7477 flex-basis: 25%; 7478 max-width: 25%; 7479 } 7480 7481 .col-md-4 { 7482 box-sizing: border-box; 7483 -moz-flex-grow: 0; 7484 flex-grow: 0; 7485 flex-shrink: 0; 7486 padding-right: 15px; 7487 padding-left: 15px; 7488 flex-basis: 33.3333333333%; 7489 max-width: 33.3333333333%; 7490 } 7491 7492 .col-md-5 { 7493 box-sizing: border-box; 7494 -moz-flex-grow: 0; 7495 flex-grow: 0; 7496 flex-shrink: 0; 7497 padding-right: 15px; 7498 padding-left: 15px; 7499 flex-basis: 41.6666666667%; 7500 max-width: 41.6666666667%; 7501 } 7502 7503 .col-md-6 { 7504 box-sizing: border-box; 7505 -moz-flex-grow: 0; 7506 flex-grow: 0; 7507 flex-shrink: 0; 7508 padding-right: 15px; 7509 padding-left: 15px; 7510 flex-basis: 50%; 7511 max-width: 50%; 7512 } 7513 7514 .col-md-7 { 7515 box-sizing: border-box; 7516 -moz-flex-grow: 0; 7517 flex-grow: 0; 7518 flex-shrink: 0; 7519 padding-right: 15px; 7520 padding-left: 15px; 7521 flex-basis: 58.3333333333%; 7522 max-width: 58.3333333333%; 7523 } 7524 7525 .col-md-8 { 7526 box-sizing: border-box; 7527 -moz-flex-grow: 0; 7528 flex-grow: 0; 7529 flex-shrink: 0; 7530 padding-right: 15px; 7531 padding-left: 15px; 7532 flex-basis: 66.6666666667%; 7533 max-width: 66.6666666667%; 7534 } 7535 7536 .col-md-9 { 7537 box-sizing: border-box; 7538 -moz-flex-grow: 0; 7539 flex-grow: 0; 7540 flex-shrink: 0; 7541 padding-right: 15px; 7542 padding-left: 15px; 7543 flex-basis: 75%; 7544 max-width: 75%; 7545 } 7546 7547 .col-md-10 { 7548 box-sizing: border-box; 7549 -moz-flex-grow: 0; 7550 flex-grow: 0; 7551 flex-shrink: 0; 7552 padding-right: 15px; 7553 padding-left: 15px; 7554 flex-basis: 83.3333333333%; 7555 max-width: 83.3333333333%; 7556 } 7557 7558 .col-md-11 { 7559 box-sizing: border-box; 7560 -moz-flex-grow: 0; 7561 flex-grow: 0; 7562 flex-shrink: 0; 7563 padding-right: 15px; 7564 padding-left: 15px; 7565 flex-basis: 91.6666666667%; 7566 max-width: 91.6666666667%; 7567 } 7568 7569 .col-md-12 { 7570 box-sizing: border-box; 7571 -moz-flex-grow: 0; 7572 flex-grow: 0; 7573 flex-shrink: 0; 7574 padding-right: 15px; 7575 padding-left: 15px; 7576 flex-basis: 100%; 7577 max-width: 100%; 7578 } 7579 7580 .col-md-offset-0 { 7581 box-sizing: border-box; 7582 -moz-flex-grow: 0; 7583 flex-grow: 0; 7584 flex-shrink: 0; 7585 padding-right: 15px; 7586 padding-left: 15px; 7587 margin-left: 0; 7588 } 7589 7590 .col-md-offset-1 { 7591 box-sizing: border-box; 7592 -moz-flex-grow: 0; 7593 flex-grow: 0; 7594 flex-shrink: 0; 7595 padding-right: 15px; 7596 padding-left: 15px; 7597 margin-left: 8.3333333333%; 7598 } 7599 7600 .col-md-offset-2 { 7601 box-sizing: border-box; 7602 -moz-flex-grow: 0; 7603 flex-grow: 0; 7604 flex-shrink: 0; 7605 padding-right: 15px; 7606 padding-left: 15px; 7607 margin-left: 16.6666666667%; 7608 } 7609 7610 .col-md-offset-3 { 7611 box-sizing: border-box; 7612 -moz-flex-grow: 0; 7613 flex-grow: 0; 7614 flex-shrink: 0; 7615 padding-right: 15px; 7616 padding-left: 15px; 7617 margin-left: 25%; 7618 } 7619 7620 .col-md-offset-4 { 7621 box-sizing: border-box; 7622 -moz-flex-grow: 0; 7623 flex-grow: 0; 7624 flex-shrink: 0; 7625 padding-right: 15px; 7626 padding-left: 15px; 7627 margin-left: 33.3333333333%; 7628 } 7629 7630 .col-md-offset-5 { 7631 box-sizing: border-box; 7632 -moz-flex-grow: 0; 7633 flex-grow: 0; 7634 flex-shrink: 0; 7635 padding-right: 15px; 7636 padding-left: 15px; 7637 margin-left: 41.6666666667%; 7638 } 7639 7640 .col-md-offset-6 { 7641 box-sizing: border-box; 7642 -moz-flex-grow: 0; 7643 flex-grow: 0; 7644 flex-shrink: 0; 7645 padding-right: 15px; 7646 padding-left: 15px; 7647 margin-left: 50%; 7648 } 7649 7650 .col-md-offset-7 { 7651 box-sizing: border-box; 7652 -moz-flex-grow: 0; 7653 flex-grow: 0; 7654 flex-shrink: 0; 7655 padding-right: 15px; 7656 padding-left: 15px; 7657 margin-left: 58.3333333333%; 7658 } 7659 7660 .col-md-offset-8 { 7661 box-sizing: border-box; 7662 -moz-flex-grow: 0; 7663 flex-grow: 0; 7664 flex-shrink: 0; 7665 padding-right: 15px; 7666 padding-left: 15px; 7667 margin-left: 66.6666666667%; 7668 } 7669 7670 .col-md-offset-9 { 7671 box-sizing: border-box; 7672 -moz-flex-grow: 0; 7673 flex-grow: 0; 7674 flex-shrink: 0; 7675 padding-right: 15px; 7676 padding-left: 15px; 7677 margin-left: 75%; 7678 } 7679 7680 .col-md-offset-10 { 7681 box-sizing: border-box; 7682 -moz-flex-grow: 0; 7683 flex-grow: 0; 7684 flex-shrink: 0; 7685 padding-right: 15px; 7686 padding-left: 15px; 7687 margin-left: 83.3333333333%; 7688 } 7689 7690 .col-md-offset-11 { 7691 box-sizing: border-box; 7692 -moz-flex-grow: 0; 7693 flex-grow: 0; 7694 flex-shrink: 0; 7695 padding-right: 15px; 7696 padding-left: 15px; 7697 margin-left: 91.6666666667%; 7698 } 7699 7700 .col-md-offset-12 { 7701 box-sizing: border-box; 7702 -moz-flex-grow: 0; 7703 flex-grow: 0; 7704 flex-shrink: 0; 7705 padding-right: 15px; 7706 padding-left: 15px; 7707 margin-left: 100%; 7708 } 7709 7710 .col-md { 7711 -moz-flex-grow: 1; 7712 flex-grow: 1; 7713 flex-basis: 0; 7714 max-width: 100%; 7715 } 7716 7717 .start-md { 7718 -moz-justify-content: flex-start; 7719 justify-content: flex-start; 7720 text-align: left; 7721 } 7722 7723 .center-md { 7724 -moz-justify-content: center; 7725 justify-content: center; 7726 text-align: center; 7727 } 7728 7729 .end-md { 7730 -moz-justify-content: flex-end; 7731 justify-content: flex-end; 7732 text-align: right; 7733 } 7734 7735 .top-md { 7736 -moz-align-items: flex-start; 7737 align-items: flex-start; 7738 } 7739 7740 .middle-md { 7741 -moz-align-items: center; 7742 align-items: center; 7743 } 7744 7745 .bottom-md { 7746 -moz-align-items: flex-end; 7747 align-items: flex-end; 7748 } 7749 7750 .around-md { 7751 -moz-justify-content: space-around; 7752 justify-content: space-around; 7753 } 7754 7755 .between-md { 7756 -moz-justify-content: space-between; 7757 justify-content: space-between; 7758 } 7759 7760 .first-md { 7761 order: -1; 7762 } 7763 7764 .last-md { 7765 order: 1; 7766 } 7767 } 7768 7769 @media only screen and (min-width: 1200px) { 7770 .gridContainer { 7771 width: 90%; 7772 } 7773 7774 .col-lg { 7775 box-sizing: border-box; 7776 -moz-flex-grow: 0; 7777 flex-grow: 0; 7778 flex-shrink: 0; 7779 padding-right: 15px; 7780 padding-left: 15px; 7781 flex-basis: auto; 7782 } 7783 7784 .col-lg-fit { 7785 box-sizing: border-box; 7786 -moz-flex-grow: 0; 7787 flex-grow: 0; 7788 flex-shrink: 0; 7789 padding-right: 15px; 7790 padding-left: 15px; 7791 flex-basis: auto; 7792 -moz-flex-grow: 0; 7793 flex-grow: 0; 7794 max-width: 100%; 7795 } 7796 7797 .col-lg-1 { 7798 box-sizing: border-box; 7799 -moz-flex-grow: 0; 7800 flex-grow: 0; 7801 flex-shrink: 0; 7802 padding-right: 15px; 7803 padding-left: 15px; 7804 flex-basis: 8.3333333333%; 7805 max-width: 8.3333333333%; 7806 } 7807 7808 .col-lg-2 { 7809 box-sizing: border-box; 7810 -moz-flex-grow: 0; 7811 flex-grow: 0; 7812 flex-shrink: 0; 7813 padding-right: 15px; 7814 padding-left: 15px; 7815 flex-basis: 16.6666666667%; 7816 max-width: 16.6666666667%; 7817 } 7818 7819 .col-lg-3 { 7820 box-sizing: border-box; 7821 -moz-flex-grow: 0; 7822 flex-grow: 0; 7823 flex-shrink: 0; 7824 padding-right: 15px; 7825 padding-left: 15px; 7826 flex-basis: 25%; 7827 max-width: 25%; 7828 } 7829 7830 .col-lg-4 { 7831 box-sizing: border-box; 7832 -moz-flex-grow: 0; 7833 flex-grow: 0; 7834 flex-shrink: 0; 7835 padding-right: 15px; 7836 padding-left: 15px; 7837 flex-basis: 33.3333333333%; 7838 max-width: 33.3333333333%; 7839 } 7840 7841 .col-lg-5 { 7842 box-sizing: border-box; 7843 -moz-flex-grow: 0; 7844 flex-grow: 0; 7845 flex-shrink: 0; 7846 padding-right: 15px; 7847 padding-left: 15px; 7848 flex-basis: 41.6666666667%; 7849 max-width: 41.6666666667%; 7850 } 7851 7852 .col-lg-6 { 7853 box-sizing: border-box; 7854 -moz-flex-grow: 0; 7855 flex-grow: 0; 7856 flex-shrink: 0; 7857 padding-right: 15px; 7858 padding-left: 15px; 7859 flex-basis: 50%; 7860 max-width: 50%; 7861 } 7862 7863 .col-lg-7 { 7864 box-sizing: border-box; 7865 -moz-flex-grow: 0; 7866 flex-grow: 0; 7867 flex-shrink: 0; 7868 padding-right: 15px; 7869 padding-left: 15px; 7870 flex-basis: 58.3333333333%; 7871 max-width: 58.3333333333%; 7872 } 7873 7874 .col-lg-8 { 7875 box-sizing: border-box; 7876 -moz-flex-grow: 0; 7877 flex-grow: 0; 7878 flex-shrink: 0; 7879 padding-right: 15px; 7880 padding-left: 15px; 7881 flex-basis: 66.6666666667%; 7882 max-width: 66.6666666667%; 7883 } 7884 7885 .col-lg-9 { 7886 box-sizing: border-box; 7887 -moz-flex-grow: 0; 7888 flex-grow: 0; 7889 flex-shrink: 0; 7890 padding-right: 15px; 7891 padding-left: 15px; 7892 flex-basis: 75%; 7893 max-width: 75%; 7894 } 7895 7896 .col-lg-10 { 7897 box-sizing: border-box; 7898 -moz-flex-grow: 0; 7899 flex-grow: 0; 7900 flex-shrink: 0; 7901 padding-right: 15px; 7902 padding-left: 15px; 7903 flex-basis: 83.3333333333%; 7904 max-width: 83.3333333333%; 7905 } 7906 7907 .col-lg-11 { 7908 box-sizing: border-box; 7909 -moz-flex-grow: 0; 7910 flex-grow: 0; 7911 flex-shrink: 0; 7912 padding-right: 15px; 7913 padding-left: 15px; 7914 flex-basis: 91.6666666667%; 7915 max-width: 91.6666666667%; 7916 } 7917 7918 .col-lg-12 { 7919 box-sizing: border-box; 7920 -moz-flex-grow: 0; 7921 flex-grow: 0; 7922 flex-shrink: 0; 7923 padding-right: 15px; 7924 padding-left: 15px; 7925 flex-basis: 100%; 7926 max-width: 100%; 7927 } 7928 7929 .col-lg-offset-0 { 7930 box-sizing: border-box; 7931 -moz-flex-grow: 0; 7932 flex-grow: 0; 7933 flex-shrink: 0; 7934 padding-right: 15px; 7935 padding-left: 15px; 7936 margin-left: 0; 7937 } 7938 7939 .col-lg-offset-1 { 7940 box-sizing: border-box; 7941 -moz-flex-grow: 0; 7942 flex-grow: 0; 7943 flex-shrink: 0; 7944 padding-right: 15px; 7945 padding-left: 15px; 7946 margin-left: 8.3333333333%; 7947 } 7948 7949 .col-lg-offset-2 { 7950 box-sizing: border-box; 7951 -moz-flex-grow: 0; 7952 flex-grow: 0; 7953 flex-shrink: 0; 7954 padding-right: 15px; 7955 padding-left: 15px; 7956 margin-left: 16.6666666667%; 7957 } 7958 7959 .col-lg-offset-3 { 7960 box-sizing: border-box; 7961 -moz-flex-grow: 0; 7962 flex-grow: 0; 7963 flex-shrink: 0; 7964 padding-right: 15px; 7965 padding-left: 15px; 7966 margin-left: 25%; 7967 } 7968 7969 .col-lg-offset-4 { 7970 box-sizing: border-box; 7971 -moz-flex-grow: 0; 7972 flex-grow: 0; 7973 flex-shrink: 0; 7974 padding-right: 15px; 7975 padding-left: 15px; 7976 margin-left: 33.3333333333%; 7977 } 7978 7979 .col-lg-offset-5 { 7980 box-sizing: border-box; 7981 -moz-flex-grow: 0; 7982 flex-grow: 0; 7983 flex-shrink: 0; 7984 padding-right: 15px; 7985 padding-left: 15px; 7986 margin-left: 41.6666666667%; 7987 } 7988 7989 .col-lg-offset-6 { 7990 box-sizing: border-box; 7991 -moz-flex-grow: 0; 7992 flex-grow: 0; 7993 flex-shrink: 0; 7994 padding-right: 15px; 7995 padding-left: 15px; 7996 margin-left: 50%; 7997 } 7998 7999 .col-lg-offset-7 { 8000 box-sizing: border-box; 8001 -moz-flex-grow: 0; 8002 flex-grow: 0; 8003 flex-shrink: 0; 8004 padding-right: 15px; 8005 padding-left: 15px; 8006 margin-left: 58.3333333333%; 8007 } 8008 8009 .col-lg-offset-8 { 8010 box-sizing: border-box; 8011 -moz-flex-grow: 0; 8012 flex-grow: 0; 8013 flex-shrink: 0; 8014 padding-right: 15px; 8015 padding-left: 15px; 8016 margin-left: 66.6666666667%; 8017 } 8018 8019 .col-lg-offset-9 { 8020 box-sizing: border-box; 8021 -moz-flex-grow: 0; 8022 flex-grow: 0; 8023 flex-shrink: 0; 8024 padding-right: 15px; 8025 padding-left: 15px; 8026 margin-left: 75%; 8027 } 8028 8029 .col-lg-offset-10 { 8030 box-sizing: border-box; 8031 -moz-flex-grow: 0; 8032 flex-grow: 0; 8033 flex-shrink: 0; 8034 padding-right: 15px; 8035 padding-left: 15px; 8036 margin-left: 83.3333333333%; 8037 } 8038 8039 .col-lg-offset-11 { 8040 box-sizing: border-box; 8041 -moz-flex-grow: 0; 8042 flex-grow: 0; 8043 flex-shrink: 0; 8044 padding-right: 15px; 8045 padding-left: 15px; 8046 margin-left: 91.6666666667%; 8047 } 8048 8049 .col-lg-offset-12 { 8050 box-sizing: border-box; 8051 -moz-flex-grow: 0; 8052 flex-grow: 0; 8053 flex-shrink: 0; 8054 padding-right: 15px; 8055 padding-left: 15px; 8056 margin-left: 100%; 8057 } 8058 8059 .col-lg { 8060 -moz-flex-grow: 1; 8061 flex-grow: 1; 8062 flex-basis: 0; 8063 max-width: 100%; 8064 } 8065 8066 .start-lg { 8067 -moz-justify-content: flex-start; 8068 justify-content: flex-start; 8069 text-align: left; 8070 } 8071 8072 .center-lg { 8073 -moz-justify-content: center; 8074 justify-content: center; 8075 text-align: center; 8076 } 8077 8078 .end-lg { 8079 -moz-justify-content: flex-end; 8080 justify-content: flex-end; 8081 text-align: right; 8082 } 8083 8084 .top-lg { 8085 -moz-align-items: flex-start; 8086 align-items: flex-start; 8087 } 8088 8089 .middle-lg { 8090 -moz-align-items: center; 8091 align-items: center; 8092 } 8093 8094 .bottom-lg { 8095 -moz-align-items: flex-end; 8096 align-items: flex-end; 8097 } 8098 8099 .around-lg { 8100 -moz-justify-content: space-around; 8101 justify-content: space-around; 8102 } 8103 8104 .between-lg { 8105 -moz-justify-content: space-between; 8106 justify-content: space-between; 8107 } 8108 8109 .first-lg { 8110 order: -1; 8111 } 8112 8113 .last-lg { 8114 order: 1; 8115 } 8116 } 8117 8118 /* 8119 WP CORE 8120 */ 8121 8122 #wp-toolbar ul { 8123 display: inline-block; 8124 } 8125 8126 .sticky { 8127 font-family: inherit; 8128 } 8129 8130 .gallery-caption { 8131 font-family: inherit; 8132 } 8133 8134 .bypostauthor { 8135 font-family: inherit; 8136 } 8137 8138 .aligncenter, 8139 div.aligncenter { 8140 display: block; 8141 margin-bottom: 16px; 8142 } 8143 8144 a img.aligncenter { 8145 display: block; 8146 margin-left: auto; 8147 margin-right: auto; 8148 } 8149 8150 .wp-caption { 8151 background: #fff; 8152 border: 1px solid #f0f0f0; 8153 max-width: 96%; 8154 padding: 5px 3px 10px; 8155 text-align: center; 8156 } 8157 8158 .wp-caption.alignnone { 8159 margin-bottom: 16px; 8160 } 8161 8162 .wp-caption.alignleft { 8163 margin-bottom: 16px; 8164 } 8165 8166 .wp-caption.alignright { 8167 margin-bottom: 16px; 8168 } 8169 8170 .wp-caption img { 8171 border: 0 none; 8172 height: auto; 8173 margin: 0; 8174 max-width: 98.5%; 8175 padding: 0; 8176 width: auto; 8177 } 8178 8179 .wp-caption p.wp-caption-text { 8180 font-size: 0.9em; 8181 font-weight: 400; 8182 line-height: 150%; 8183 margin: 0; 8184 padding: 0 4px 5px; 8185 } 8186 8187 .fancybox-container { 8188 z-index: 100000 !important; 8189 } 8190 8191 .embed-container, 8192 .embed-youtube { 8193 position: relative; 8194 padding-bottom: 56.25%; 8195 /* 16:9 */ 8196 padding-top: 25px; 8197 height: 0; 8198 margin-bottom: 1rem; 8199 } 8200 8201 .embed-container > iframe, 8202 .embed-youtube > iframe { 8203 position: absolute; 8204 top: 0; 8205 left: 0; 8206 width: 100%; 8207 height: 100%; 8208 } 8209 8210 .mejs-container { 8211 margin-bottom: 2rem; 8212 } 8213 8214 .mejs-inner .mejs-button > button[aria-controls] { 8215 min-width: 10px; 8216 width: 20px; 8217 display: block; 8218 padding: 0px; 8219 border-radius: 0; 8220 background-color: transparent; 8221 border: none; 8222 transition: none; 8223 } 8224 8225 .mejs-inner .mejs-button > button[aria-controls]:hover, 8226 .mejs-inner .mejs-button > button[aria-controls]:focus { 8227 background-color: transparent; 8228 } 8229 8230 @media screen and (max-width: 782px) { 8231 .logged-in.admin-bar .fixto-fixed { 8232 top: 0 !important; 8233 } 8234 } 8235 8236 /* Text meant only for screen readers. */ 8237 8238 .screen-reader-text { 8239 clip: rect(1px, 1px, 1px, 1px); 8240 position: absolute !important; 8241 height: 1px; 8242 width: 1px; 8243 overflow: hidden; 8244 word-wrap: normal !important; 8245 /* Many screen reader and browser combinations announce broken words as they would appear visually. */ 8246 } 8247 8248 .screen-reader-text:focus { 8249 background-color: transparent; 8250 border-radius: 3px; 8251 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 8252 clip: auto !important; 8253 color: #ffffff; 8254 display: block; 8255 font-weight: bold; 8256 height: auto; 8257 left: 5px; 8258 line-height: normal; 8259 padding: 15px 23px 14px; 8260 text-decoration: none; 8261 top: 5px; 8262 width: auto; 8263 z-index: 100000; 8264 /* Above WP toolbar. */ 8265 } 8266 8267 .alignleft { 8268 display: inline; 8269 float: left; 8270 margin-right: 1.5em; 8271 } 8272 8273 .alignright { 8274 display: inline; 8275 float: right; 8276 margin-left: 1.5em; 8277 } 8278 8279 .aligncenter { 8280 clear: both; 8281 display: block; 8282 margin-left: auto; 8283 margin-right: auto; 8284 } 8285 8286 /* 8287 HEADER 8288 */ 8289 8290 .header-top-bar { 8291 background-color: #222222; 8292 display: none; 8293 padding-left: 5%; 8294 padding-right: 5%; 8295 } 8296 8297 .header-top-bar .content-placeholder-p { 8298 padding: 10px; 8299 font-size: 0.6rem; 8300 max-width: 100%; 8301 } 8302 8303 .header-top-bar.no-padding { 8304 padding-left: 0px; 8305 padding-right: 0px; 8306 } 8307 8308 .header-top-bar-inner { 8309 height: 40px; 8310 } 8311 8312 .header-top-bar-area { 8313 position: relative; 8314 display: flex; 8315 } 8316 8317 .header-top-bar-area.area-left .top-bar-social-icons a:first-of-type { 8318 margin-left: -8px; 8319 } 8320 8321 .header-top-bar-area.area-left .top-bar-field:first-of-type { 8322 padding-left: 0px; 8323 } 8324 8325 .header-top-bar-area.area-left > .content-placeholder-p { 8326 margin: 0; 8327 } 8328 8329 .header-top-bar-area.area-right .top-bar-field:last-of-type { 8330 padding-right: 0px; 8331 } 8332 8333 .header-top-bar-area.area-right .top-bar-social-icons a:last-of-type { 8334 margin-right: -8px; 8335 } 8336 8337 .gridContainer .header-top-bar-area.area-left { 8338 margin-left: 0px; 8339 } 8340 8341 .gridContainer .header-top-bar-area.area-right { 8342 margin-right: 0px; 8343 } 8344 8345 .top-bar-social-icons { 8346 display: block; 8347 float: left; 8348 } 8349 8350 .top-bar-social-icons a { 8351 display: inline-block; 8352 font-size: 22px; 8353 padding: 2px 10px; 8354 color: #ffffff; 8355 max-height: 40px; 8356 float: left; 8357 } 8358 8359 .top-bar-social-icons a:hover { 8360 color: white; 8361 } 8362 8363 .top-bar-social-icons a i:before { 8364 vertical-align: middle; 8365 } 8366 8367 .top-bar-field { 8368 display: flex; 8369 font-size: 12px; 8370 text-align: left; 8371 color: #ffffff; 8372 padding: 0 15px; 8373 } 8374 8375 .top-bar-field i.mdi { 8376 font-size: 18px; 8377 color: #999; 8378 margin-right: 10px; 8379 } 8380 8381 .top-bar-field span { 8382 line-height: 18px; 8383 font-size: 0.8rem; 8384 } 8385 8386 .top-bar-field a { 8387 color: #ffffff; 8388 } 8389 8390 .top-bar-field a:hover { 8391 color: white; 8392 } 8393 8394 .top-bar-menu { 8395 list-style: none; 8396 display: block; 8397 margin: 0; 8398 margin-left: -7px; 8399 margin-right: -7px; 8400 } 8401 8402 .top-bar-menu li { 8403 float: left; 8404 padding: 0px 7px; 8405 } 8406 8407 .top-bar-menu li a { 8408 color: #bdbdbd; 8409 text-decoration: none; 8410 line-height: 40px; 8411 font-size: 12px; 8412 } 8413 8414 @media (min-width: 768px) { 8415 .header-top-bar { 8416 display: block; 8417 } 8418 } 8419 8420 #mainmenu_container { 8421 display: none; 8422 } 8423 8424 @media (min-width: 768px) { 8425 #mainmenu_container { 8426 display: flex; 8427 } 8428 } 8429 8430 ul.dropdown-menu { 8431 list-style: none; 8432 padding: 0; 8433 margin: 0; 8434 display: none; 8435 z-index: 1; 8436 box-sizing: border-box; 8437 width: 100%; 8438 position: absolute; 8439 } 8440 8441 ul.dropdown-menu > li.logo:before, 8442 ul.dropdown-menu > li.logo:after { 8443 display: none !important; 8444 } 8445 8446 ul.dropdown-menu li { 8447 display: block; 8448 position: relative; 8449 color: #ffffff; 8450 transition: all 0.4s; 8451 overflow: hidden; 8452 } 8453 8454 ul.dropdown-menu li a { 8455 display: block; 8456 text-decoration: none; 8457 white-space: nowrap; 8458 color: inherit; 8459 position: relative; 8460 overflow: hidden; 8461 padding: 0.9em; 8462 } 8463 8464 ul.dropdown-menu li:hover > ul, 8465 ul.dropdown-menu li.hover > ul, 8466 ul.dropdown-menu li:hover, 8467 ul.dropdown-menu li.hover { 8468 opacity: 1; 8469 height: auto; 8470 overflow: visible; 8471 } 8472 8473 ul.dropdown-menu ul { 8474 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); 8475 background-color: #fff; 8476 /* @alternate */ 8477 background-color: var(--mdc-theme-background, #fff); 8478 display: block; 8479 position: absolute; 8480 box-sizing: border-box; 8481 min-width: 170px; 8482 max-width: calc(100vw - 32px); 8483 max-height: calc(100vh - 32px); 8484 margin: 0; 8485 -webkit-transform: scale(1); 8486 transform: scale(1); 8487 -webkit-transform-origin: top left; 8488 transform-origin: top left; 8489 border-radius: 3px; 8490 opacity: 0; 8491 white-space: nowrap; 8492 overflow-x: hidden; 8493 overflow-y: auto; 8494 z-index: 4; 8495 transition: all 0.2s linear; 8496 padding: 8px 0; 8497 } 8498 8499 ul.dropdown-menu ul li { 8500 font-family: Roboto, sans-serif; 8501 -moz-osx-font-smoothing: grayscale; 8502 -webkit-font-smoothing: antialiased; 8503 font-size: 1rem; 8504 line-height: 1.75rem; 8505 font-weight: 400; 8506 letter-spacing: 0.009375em; 8507 text-decoration: inherit; 8508 text-transform: inherit; 8509 cursor: pointer; 8510 position: relative; 8511 outline: none; 8512 color: #111111; 8513 text-decoration: none; 8514 -webkit-user-select: none; 8515 -moz-user-select: none; 8516 -ms-user-select: none; 8517 user-select: none; 8518 padding: 0px; 8519 } 8520 8521 ul.dropdown-menu ul ul { 8522 left: 100%; 8523 top: 0; 8524 } 8525 8526 ul.dropdown-menu:before { 8527 content: " "; 8528 display: table; 8529 } 8530 8531 ul.dropdown-menu:after { 8532 content: " "; 8533 display: table; 8534 clear: both; 8535 } 8536 8537 a[data-menu-toggler] { 8538 display: block; 8539 top: 0px; 8540 right: 0px; 8541 padding: 1em; 8542 text-decoration: none; 8543 white-space: nowrap; 8544 position: relative; 8545 color: #ffffff; 8546 text-align: right; 8547 background: #1bc2a2; 8548 } 8549 8550 @media (min-width: 768px) { 8551 ul.dropdown-menu { 8552 display: -moz-flex; 8553 display: flex; 8554 -moz-flex: 1 0 auto; 8555 flex: 1 0 auto; 8556 -moz-flex-direction: row; 8557 flex-direction: row; 8558 flex-wrap: wrap; 8559 position: static; 8560 } 8561 8562 ul.dropdown-menu > li { 8563 margin: 0px 4px; 8564 } 8565 8566 ul.dropdown-menu > li > a { 8567 font-style: normal; 8568 font-size: 0.9em; 8569 line-height: 160%; 8570 letter-spacing: 1px; 8571 text-transform: uppercase; 8572 border-radius: 2px; 8573 } 8574 8575 ul.dropdown-menu li ul { 8576 position: absolute; 8577 padding-left: 0em; 8578 min-width: 200px; 8579 z-index: 10; 8580 top: 100%; 8581 } 8582 8583 ul.dropdown-menu li ul ul { 8584 margin-left: 1px; 8585 top: 5%; 8586 } 8587 8588 ul.dropdown-menu li ul ul:before { 8589 display: block; 8590 content: " "; 8591 width: 5px; 8592 height: 100%; 8593 background: transparent; 8594 float: left; 8595 position: absolute; 8596 margin-left: -5px; 8597 z-index: -1; 8598 } 8599 8600 ul.dropdown-menu li ul ul.open-reverse { 8601 right: 100%; 8602 left: auto; 8603 top: 5%; 8604 margin-right: 1px; 8605 margin-left: 1px; 8606 } 8607 8608 ul.dropdown-menu li ul ul.open-reverse:before { 8609 display: none; 8610 } 8611 8612 ul.dropdown-menu li ul ul.open-reverse:after { 8613 display: block; 8614 content: " "; 8615 width: 5px; 8616 height: 100%; 8617 background: transparent; 8618 position: absolute; 8619 z-index: -1; 8620 top: 0px; 8621 right: -5px; 8622 } 8623 8624 a[data-menu-toggler] { 8625 display: none; 8626 } 8627 8628 .fixto-fixed ul.dropdown-menu > li > a, 8629 .coloured-nav ul.dropdown-menu > li > a { 8630 color: #000000; 8631 } 8632 } 8633 8634 ul.dropdown-menu li li a { 8635 --mdc-ripple-fg-size: 0; 8636 --mdc-ripple-left: 0; 8637 --mdc-ripple-top: 0; 8638 --mdc-ripple-fg-scale: 1; 8639 --mdc-ripple-fg-translate-end: 0; 8640 --mdc-ripple-fg-translate-start: 0; 8641 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 8642 will-change: transform, opacity; 8643 padding: 0.9em 1em; 8644 line-height: 1.5; 8645 } 8646 8647 ul.dropdown-menu li li a::before, 8648 ul.dropdown-menu li li a::after { 8649 position: absolute; 8650 border-radius: 50%; 8651 opacity: 0; 8652 pointer-events: none; 8653 content: ""; 8654 } 8655 8656 ul.dropdown-menu li li a::before { 8657 transition: opacity 15ms linear; 8658 z-index: 1; 8659 } 8660 8661 ul.dropdown-menu li li a.mdc-ripple-upgraded::before { 8662 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); 8663 transform: scale(var(--mdc-ripple-fg-scale, 1)); 8664 } 8665 8666 ul.dropdown-menu li li a.mdc-ripple-upgraded::after { 8667 top: 0; 8668 /* @noflip */ 8669 left: 0; 8670 -webkit-transform: scale(0); 8671 transform: scale(0); 8672 -webkit-transform-origin: center center; 8673 transform-origin: center center; 8674 } 8675 8676 ul.dropdown-menu li li a.mdc-ripple-upgraded--unbounded::after { 8677 top: var(--mdc-ripple-top, 0); 8678 /* @noflip */ 8679 left: var(--mdc-ripple-left, 0); 8680 } 8681 8682 ul.dropdown-menu li li a.mdc-ripple-upgraded--foreground-activation::after { 8683 -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 8684 animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 8685 } 8686 8687 ul.dropdown-menu li li a.mdc-ripple-upgraded--foreground-deactivation::after { 8688 -webkit-animation: 150ms mdc-ripple-fg-opacity-out; 8689 animation: 150ms mdc-ripple-fg-opacity-out; 8690 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 8691 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 8692 } 8693 8694 ul.dropdown-menu li li a::before, 8695 ul.dropdown-menu li li a::after { 8696 top: calc(50% - 100%); 8697 /* @noflip */ 8698 left: calc(50% - 100%); 8699 width: 200%; 8700 height: 200%; 8701 } 8702 8703 ul.dropdown-menu li li a.mdc-ripple-upgraded::after { 8704 width: var(--mdc-ripple-fg-size, 100%); 8705 height: var(--mdc-ripple-fg-size, 100%); 8706 } 8707 8708 ul.dropdown-menu li li a::before, 8709 ul.dropdown-menu li li a::after { 8710 background-color: #ffffff; 8711 } 8712 8713 ul.dropdown-menu li li a:hover::before { 8714 opacity: 0.2; 8715 } 8716 8717 ul.dropdown-menu li li a:not(.mdc-ripple-upgraded):focus::before, 8718 ul.dropdown-menu li li a.mdc-ripple-upgraded--background-focused::before { 8719 transition-duration: 75ms; 8720 opacity: 0.4; 8721 } 8722 8723 ul.dropdown-menu li li a:not(.mdc-ripple-upgraded)::after { 8724 transition: opacity 150ms linear; 8725 } 8726 8727 ul.dropdown-menu li li a:not(.mdc-ripple-upgraded):active::after { 8728 transition-duration: 75ms; 8729 opacity: 0.5; 8730 } 8731 8732 ul.dropdown-menu li li a.mdc-ripple-upgraded { 8733 --mdc-ripple-fg-opacity: 0.5; 8734 } 8735 8736 ul.dropdown-menu li li:hover:after { 8737 color: #ffffff; 8738 } 8739 8740 ul.dropdown-menu li li:hover > a, 8741 ul.dropdown-menu li li a:hover, 8742 ul.dropdown-menu li li a.hover { 8743 background-color: #228ae6; 8744 color: #ffffff; 8745 } 8746 8747 ul.dropdown-menu.material-buttons li:after { 8748 content: " "; 8749 font-family: Material Design Icons; 8750 display: inline-flex; 8751 align-items: center; 8752 justify-content: center; 8753 color: inherit; 8754 font-size: 1.5em; 8755 box-sizing: border-box; 8756 width: 12px; 8757 height: 100%; 8758 text-align: center; 8759 position: absolute; 8760 top: 0; 8761 right: 12px; 8762 opacity: 0.9; 8763 pointer-events: none; 8764 } 8765 8766 ul.dropdown-menu.material-buttons li.page_item_has_children > a, 8767 ul.dropdown-menu.material-buttons li.menu-item-has-children > a { 8768 padding-right: calc(0.9em + 20px); 8769 } 8770 8771 ul.dropdown-menu.material-buttons li.page_item_has_children:after, 8772 ul.dropdown-menu.material-buttons li.menu-item-has-children:after { 8773 content: "\F35D"; 8774 } 8775 8776 ul.dropdown-menu.material-buttons li.page_item_has_children li.page_item_has_children:after, 8777 ul.dropdown-menu.material-buttons li.page_item_has_children li.page_item_has_children:hover:after, 8778 ul.dropdown-menu.material-buttons li.page_item_has_children li.page_item_has_children.hover:after, 8779 ul.dropdown-menu.material-buttons li.page_item_has_children li.menu-item-has-children:after, 8780 ul.dropdown-menu.material-buttons li.page_item_has_children li.menu-item-has-children:hover:after, 8781 ul.dropdown-menu.material-buttons li.page_item_has_children li.menu-item-has-children.hover:after, 8782 ul.dropdown-menu.material-buttons li.menu-item-has-children li.page_item_has_children:after, 8783 ul.dropdown-menu.material-buttons li.menu-item-has-children li.page_item_has_children:hover:after, 8784 ul.dropdown-menu.material-buttons li.menu-item-has-children li.page_item_has_children.hover:after, 8785 ul.dropdown-menu.material-buttons li.menu-item-has-children li.menu-item-has-children:after, 8786 ul.dropdown-menu.material-buttons li.menu-item-has-children li.menu-item-has-children:hover:after, 8787 ul.dropdown-menu.material-buttons li.menu-item-has-children li.menu-item-has-children.hover:after { 8788 content: "\F35F"; 8789 font-size: 1.5em; 8790 } 8791 8792 ul.dropdown-menu:not(.material-buttons) > li > a { 8793 position: relative; 8794 } 8795 8796 ul.dropdown-menu:not(.material-buttons) > li > a:after { 8797 content: " "; 8798 font-family: Material Design Icons; 8799 color: inherit; 8800 font-size: 1.5em; 8801 box-sizing: border-box; 8802 opacity: 0.9; 8803 pointer-events: none; 8804 line-height: 1; 8805 display: inline-block; 8806 position: absolute; 8807 top: 50%; 8808 -webkit-transform: translateY(-50%) scale(0.7, 1.4); 8809 transform: translateY(-50%) scale(0.7, 1.4); 8810 right: 0; 8811 } 8812 8813 ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children > a, 8814 ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children > a { 8815 padding-right: 1.5em; 8816 } 8817 8818 ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children > a:after, 8819 ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children > a:after { 8820 content: "\F35D"; 8821 } 8822 8823 ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.page_item_has_children:after, 8824 ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.menu-item-has-children:after, 8825 ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.page_item_has_children:after, 8826 ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.menu-item-has-children:after { 8827 content: " "; 8828 font-family: Material Design Icons; 8829 display: inline-flex; 8830 align-items: center; 8831 justify-content: center; 8832 color: inherit; 8833 font-size: 1.5em; 8834 box-sizing: border-box; 8835 width: 12px; 8836 height: 100%; 8837 text-align: center; 8838 position: absolute; 8839 top: 0; 8840 right: 12px; 8841 opacity: 0.9; 8842 pointer-events: none; 8843 } 8844 8845 ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.page_item_has_children:after, 8846 ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.page_item_has_children:hover:after, 8847 ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.page_item_has_children.hover:after, 8848 ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.menu-item-has-children:after, 8849 ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.menu-item-has-children:hover:after, 8850 ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.menu-item-has-children.hover:after, 8851 ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.page_item_has_children:after, 8852 ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.page_item_has_children:hover:after, 8853 ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.page_item_has_children.hover:after, 8854 ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.menu-item-has-children:after, 8855 ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.menu-item-has-children:hover:after, 8856 ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.menu-item-has-children.hover:after { 8857 content: "\F35F"; 8858 font-size: 1.5em; 8859 } 8860 8861 ul.dropdown-menu.material-buttons > li { 8862 color: #ffffff; 8863 } 8864 8865 ul.dropdown-menu.material-buttons > li > a { 8866 --mdc-ripple-fg-size: 0; 8867 --mdc-ripple-left: 0; 8868 --mdc-ripple-top: 0; 8869 --mdc-ripple-fg-scale: 1; 8870 --mdc-ripple-fg-translate-end: 0; 8871 --mdc-ripple-fg-translate-start: 0; 8872 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 8873 will-change: transform, opacity; 8874 transition: background-color 0.3s linear; 8875 } 8876 8877 ul.dropdown-menu.material-buttons > li > a::before, 8878 ul.dropdown-menu.material-buttons > li > a::after { 8879 position: absolute; 8880 border-radius: 50%; 8881 opacity: 0; 8882 pointer-events: none; 8883 content: ""; 8884 } 8885 8886 ul.dropdown-menu.material-buttons > li > a::before { 8887 transition: opacity 15ms linear; 8888 z-index: 1; 8889 } 8890 8891 ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded::before { 8892 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); 8893 transform: scale(var(--mdc-ripple-fg-scale, 1)); 8894 } 8895 8896 ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded::after { 8897 top: 0; 8898 /* @noflip */ 8899 left: 0; 8900 -webkit-transform: scale(0); 8901 transform: scale(0); 8902 -webkit-transform-origin: center center; 8903 transform-origin: center center; 8904 } 8905 8906 ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded--unbounded::after { 8907 top: var(--mdc-ripple-top, 0); 8908 /* @noflip */ 8909 left: var(--mdc-ripple-left, 0); 8910 } 8911 8912 ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded--foreground-activation::after { 8913 -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 8914 animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; 8915 } 8916 8917 ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded--foreground-deactivation::after { 8918 -webkit-animation: 150ms mdc-ripple-fg-opacity-out; 8919 animation: 150ms mdc-ripple-fg-opacity-out; 8920 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 8921 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); 8922 } 8923 8924 ul.dropdown-menu.material-buttons > li > a::before, 8925 ul.dropdown-menu.material-buttons > li > a::after { 8926 top: calc(50% - 100%); 8927 /* @noflip */ 8928 left: calc(50% - 100%); 8929 width: 200%; 8930 height: 200%; 8931 } 8932 8933 ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded::after { 8934 width: var(--mdc-ripple-fg-size, 100%); 8935 height: var(--mdc-ripple-fg-size, 100%); 8936 } 8937 8938 ul.dropdown-menu.material-buttons > li > a:hover::before { 8939 opacity: 0.2; 8940 } 8941 8942 ul.dropdown-menu.material-buttons > li > a:not(.mdc-ripple-upgraded):focus::before, 8943 ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded--background-focused::before { 8944 transition-duration: 75ms; 8945 opacity: 0.4; 8946 } 8947 8948 ul.dropdown-menu.material-buttons > li > a:not(.mdc-ripple-upgraded)::after { 8949 transition: opacity 150ms linear; 8950 } 8951 8952 ul.dropdown-menu.material-buttons > li > a:not(.mdc-ripple-upgraded):active::after { 8953 transition-duration: 75ms; 8954 opacity: 0.5; 8955 } 8956 8957 ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded { 8958 --mdc-ripple-fg-opacity: 0.5; 8959 } 8960 8961 ul.dropdown-menu.material-buttons > li > a:before, 8962 ul.dropdown-menu.material-buttons > li > a:after { 8963 background-color: #ffffff !important; 8964 } 8965 8966 ul.dropdown-menu.material-buttons > li > a:after { 8967 color: rgba(255, 255, 255, 0.8); 8968 } 8969 8970 /** mate buttons colors **/ 8971 8972 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover, 8973 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover { 8974 color: #228ae6; 8975 } 8976 8977 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a, 8978 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a { 8979 background-color: rgba(255, 255, 255, 0.8); 8980 } 8981 8982 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(:disabled), 8983 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(:disabled) { 8984 color: #228ae6; 8985 } 8986 8987 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before, 8988 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after, 8989 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before, 8990 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after { 8991 background-color: white; 8992 } 8993 8994 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:hover::before, 8995 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:hover::before { 8996 opacity: 0.08; 8997 } 8998 8999 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):focus::before, 9000 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded--background-focused::before, 9001 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):focus::before, 9002 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded--background-focused::before { 9003 transition-duration: 75ms; 9004 opacity: 0.24; 9005 } 9006 9007 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded)::after, 9008 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded)::after { 9009 transition: opacity 150ms linear; 9010 } 9011 9012 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):active::after, 9013 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):active::after { 9014 transition-duration: 75ms; 9015 opacity: 0.32; 9016 } 9017 9018 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded, 9019 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded { 9020 --mdc-ripple-fg-opacity: 0.32; 9021 } 9022 9023 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before, 9024 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after, 9025 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before, 9026 ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after { 9027 background-color: white; 9028 } 9029 9030 ul.dropdown-menu.material-buttons > .current_page_item, 9031 ul.dropdown-menu.material-buttons > .current-menu-item { 9032 color: #228ae6; 9033 } 9034 9035 ul.dropdown-menu.material-buttons > .current_page_item > a, 9036 ul.dropdown-menu.material-buttons > .current-menu-item > a { 9037 background-color: rgba(255, 255, 255, 0.8); 9038 } 9039 9040 ul.dropdown-menu.material-buttons > .current_page_item > a:not(:disabled), 9041 ul.dropdown-menu.material-buttons > .current-menu-item > a:not(:disabled) { 9042 color: #228ae6; 9043 } 9044 9045 ul.dropdown-menu.material-buttons > .current_page_item > a::before, 9046 ul.dropdown-menu.material-buttons > .current_page_item > a::after, 9047 ul.dropdown-menu.material-buttons > .current-menu-item > a::before, 9048 ul.dropdown-menu.material-buttons > .current-menu-item > a::after { 9049 background-color: white; 9050 } 9051 9052 ul.dropdown-menu.material-buttons > .current_page_item > a:hover::before, 9053 ul.dropdown-menu.material-buttons > .current-menu-item > a:hover::before { 9054 opacity: 0.08; 9055 } 9056 9057 ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):focus::before, 9058 ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded--background-focused::before, 9059 ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):focus::before, 9060 ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded--background-focused::before { 9061 transition-duration: 75ms; 9062 opacity: 0.24; 9063 } 9064 9065 ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded)::after, 9066 ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded)::after { 9067 transition: opacity 150ms linear; 9068 } 9069 9070 ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):active::after, 9071 ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):active::after { 9072 transition-duration: 75ms; 9073 opacity: 0.32; 9074 } 9075 9076 ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded, 9077 ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded { 9078 --mdc-ripple-fg-opacity: 0.32; 9079 } 9080 9081 ul.dropdown-menu.material-buttons > .current_page_item > a::before, 9082 ul.dropdown-menu.material-buttons > .current_page_item > a::after, 9083 ul.dropdown-menu.material-buttons > .current-menu-item > a::before, 9084 ul.dropdown-menu.material-buttons > .current-menu-item > a::after { 9085 background-color: white; 9086 } 9087 9088 /** **/ 9089 9090 .coloured-nav ul.dropdown-menu > li, 9091 .fixto-fixed ul.dropdown-menu > li { 9092 color: #000000; 9093 } 9094 9095 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover, 9096 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover, 9097 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover, 9098 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover { 9099 color: #ffffff; 9100 } 9101 9102 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a, 9103 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a, 9104 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a, 9105 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a { 9106 background-color: #228ae6; 9107 } 9108 9109 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(:disabled), 9110 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(:disabled), 9111 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(:disabled), 9112 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(:disabled) { 9113 color: #ffffff; 9114 } 9115 9116 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before, 9117 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after, 9118 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before, 9119 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after, 9120 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before, 9121 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after, 9122 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before, 9123 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after { 9124 background-color: #228ae6; 9125 } 9126 9127 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:hover::before, 9128 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:hover::before, 9129 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:hover::before, 9130 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:hover::before { 9131 opacity: 0.04; 9132 } 9133 9134 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):focus::before, 9135 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded--background-focused::before, 9136 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):focus::before, 9137 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded--background-focused::before, 9138 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):focus::before, 9139 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded--background-focused::before, 9140 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):focus::before, 9141 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded--background-focused::before { 9142 transition-duration: 75ms; 9143 opacity: 0.12; 9144 } 9145 9146 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded)::after, 9147 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded)::after, 9148 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded)::after, 9149 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded)::after { 9150 transition: opacity 150ms linear; 9151 } 9152 9153 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):active::after, 9154 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):active::after, 9155 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):active::after, 9156 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):active::after { 9157 transition-duration: 75ms; 9158 opacity: 0.16; 9159 } 9160 9161 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded, 9162 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded, 9163 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded, 9164 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded { 9165 --mdc-ripple-fg-opacity: 0.16; 9166 } 9167 9168 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before, 9169 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after, 9170 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before, 9171 .coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after, 9172 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before, 9173 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after, 9174 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before, 9175 .fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after { 9176 background-color: #228ae6; 9177 } 9178 9179 .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item, 9180 .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item, 9181 .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item, 9182 .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item { 9183 color: #ffffff; 9184 } 9185 9186 .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a, 9187 .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a, 9188 .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a, 9189 .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a { 9190 background-color: #228ae6; 9191 } 9192 9193 .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:not(:disabled), 9194 .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:not(:disabled), 9195 .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:not(:disabled), 9196 .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:not(:disabled) { 9197 color: #ffffff; 9198 } 9199 9200 .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a::before, 9201 .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a::after, 9202 .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a::before, 9203 .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a::after, 9204 .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a::before, 9205 .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a::after, 9206 .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a::before, 9207 .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a::after { 9208 background-color: #228ae6; 9209 } 9210 9211 .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a::before, 9212 .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a::after, 9213 .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a::before, 9214 .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a::after, 9215 .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a::before, 9216 .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a::after, 9217 .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a::before, 9218 .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a::after { 9219 background-color: #228ae6; 9220 } 9221 9222 .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:hover::before, 9223 .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:hover::before, 9224 .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:hover::before, 9225 .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:hover::before { 9226 opacity: 0.04; 9227 } 9228 9229 .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):focus::before, 9230 .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded--background-focused::before, 9231 .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):focus::before, 9232 .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded--background-focused::before, 9233 .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):focus::before, 9234 .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded--background-focused::before, 9235 .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):focus::before, 9236 .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded--background-focused::before { 9237 transition-duration: 75ms; 9238 opacity: 0.12; 9239 } 9240 9241 .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded)::after, 9242 .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded)::after, 9243 .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded)::after, 9244 .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded)::after { 9245 transition: opacity 150ms linear; 9246 } 9247 9248 .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):active::after, 9249 .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):active::after, 9250 .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):active::after, 9251 .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):active::after { 9252 transition-duration: 75ms; 9253 opacity: 0.16; 9254 } 9255 9256 .coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded, 9257 .coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded, 9258 .fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded, 9259 .fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded { 9260 --mdc-ripple-fg-opacity: 0.16; 9261 } 9262 9263 /** mate buttons colors **/ 9264 9265 /** simple-text-buttons **/ 9266 9267 ul.dropdown-menu.simple-text-buttons > li > a { 9268 color: rgba(255, 255, 255, 0.65); 9269 transition: color 0.3s; 9270 } 9271 9272 ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a, 9273 ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a { 9274 color: white; 9275 } 9276 9277 ul.dropdown-menu.simple-text-buttons > .current_page_item > a, 9278 ul.dropdown-menu.simple-text-buttons > .current-menu-item > a { 9279 color: white; 9280 } 9281 9282 .coloured-nav ul.dropdown-menu.simple-text-buttons > li > a, 9283 .fixto-fixed ul.dropdown-menu.simple-text-buttons > li > a { 9284 color: #4a4a4a; 9285 } 9286 9287 .coloured-nav ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a, 9288 .coloured-nav ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a, 9289 .fixto-fixed ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a, 9290 .fixto-fixed ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a { 9291 color: #fa5252; 9292 } 9293 9294 .coloured-nav ul.dropdown-menu.simple-text-buttons > .current_page_item > a, 9295 .coloured-nav ul.dropdown-menu.simple-text-buttons > .current-menu-item > a, 9296 .fixto-fixed ul.dropdown-menu.simple-text-buttons > .current_page_item > a, 9297 .fixto-fixed ul.dropdown-menu.simple-text-buttons > .current-menu-item > a { 9298 color: #fa5252; 9299 } 9300 9301 /** simple-text-buttons **/ 9302 9303 ul.dropdown-menu.bordered-active-item > li { 9304 position: relative; 9305 } 9306 9307 ul.dropdown-menu.bordered-active-item > li:before, 9308 ul.dropdown-menu.bordered-active-item > li:after { 9309 content: " "; 9310 display: block; 9311 background: #ffffff; 9312 width: 100%; 9313 left: 0; 9314 height: 2px; 9315 position: absolute; 9316 z-index: 0; 9317 opacity: 0; 9318 } 9319 9320 ul.dropdown-menu.bordered-active-item > li:before { 9321 top: 0.5em; 9322 } 9323 9324 ul.dropdown-menu.bordered-active-item > li:after { 9325 bottom: 0.5em; 9326 } 9327 9328 ul.dropdown-menu.bordered-active-item > li.page_item_has_children, 9329 ul.dropdown-menu.bordered-active-item > li.menu-item-has-children { 9330 padding: 0 0.5em; 9331 } 9332 9333 ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):before, 9334 ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):after { 9335 width: 100%; 9336 content: ""; 9337 opacity: 0; 9338 transition: all 0.3s; 9339 } 9340 9341 ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):before { 9342 -webkit-transform: translateY(-10px); 9343 transform: translateY(-10px); 9344 } 9345 9346 ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):after { 9347 -webkit-transform: translateY(10px); 9348 transform: translateY(10px); 9349 } 9350 9351 ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):hover:before, 9352 ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):hover:after { 9353 opacity: 1; 9354 -webkit-transform: translateY(0px); 9355 transform: translateY(0px); 9356 } 9357 9358 ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):before, 9359 ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):after { 9360 opacity: 0; 9361 transition: all 0.3s; 9362 } 9363 9364 ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):before { 9365 -webkit-transform: translateY(10px); 9366 transform: translateY(10px); 9367 } 9368 9369 ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):after { 9370 -webkit-transform: translateY(-10px); 9371 transform: translateY(-10px); 9372 } 9373 9374 ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):hover:before, 9375 ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):hover:after { 9376 opacity: 1; 9377 -webkit-transform: translateY(0px); 9378 transform: translateY(0px); 9379 } 9380 9381 ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):before, 9382 ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):after { 9383 opacity: 0; 9384 width: 0; 9385 content: ""; 9386 transition: all 0.3s; 9387 } 9388 9389 ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):before { 9390 left: 0em; 9391 right: auto; 9392 } 9393 9394 ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):after { 9395 right: 0em; 9396 left: auto; 9397 } 9398 9399 ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):hover:before, 9400 ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):hover:after { 9401 opacity: 1; 9402 width: 100%; 9403 } 9404 9405 ul.dropdown-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):before, 9406 ul.dropdown-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):after { 9407 opacity: 0; 9408 transition: none; 9409 } 9410 9411 ul.dropdown-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):hover:before, 9412 ul.dropdown-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):hover:after { 9413 opacity: 1; 9414 } 9415 9416 ul.dropdown-menu.bordered-active-item.grow-from-left > li:not(.current_page_item):not(current-menu-item):before, 9417 ul.dropdown-menu.bordered-active-item.grow-from-left > li:not(.current_page_item):not(current-menu-item):after { 9418 left: 0 !important; 9419 right: auto !important; 9420 } 9421 9422 ul.dropdown-menu.bordered-active-item.grow-from-right > li:not(.current_page_item):not(current-menu-item):before, 9423 ul.dropdown-menu.bordered-active-item.grow-from-right > li:not(.current_page_item):not(current-menu-item):after { 9424 right: 0 !important; 9425 left: auto !important; 9426 } 9427 9428 ul.dropdown-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(current-menu-item):before, 9429 ul.dropdown-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(current-menu-item):after { 9430 left: 50% !important; 9431 right: auto !important; 9432 } 9433 9434 ul.dropdown-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(current-menu-item):hover:before, 9435 ul.dropdown-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(current-menu-item):hover:after { 9436 left: 0 !important; 9437 right: auto !important; 9438 } 9439 9440 /** border active item */ 9441 9442 ul.dropdown-menu.bordered-active-item--top > li:after { 9443 visibility: hidden; 9444 } 9445 9446 ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover, 9447 ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover { 9448 color: #ffffff; 9449 } 9450 9451 ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:before, 9452 ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:after, 9453 ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:before, 9454 ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:after { 9455 background: #ffffff; 9456 } 9457 9458 ul.dropdown-menu.bordered-active-item--top > .current_page_item, 9459 ul.dropdown-menu.bordered-active-item--top > .current-menu-item { 9460 color: #ffffff; 9461 } 9462 9463 ul.dropdown-menu.bordered-active-item--top > .current_page_item:before, 9464 ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before { 9465 opacity: 0.75; 9466 } 9467 9468 ul.dropdown-menu.bordered-active-item--top > .current_page_item:before, 9469 ul.dropdown-menu.bordered-active-item--top > .current_page_item:after, 9470 ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before, 9471 ul.dropdown-menu.bordered-active-item--top > .current-menu-item:after { 9472 background: #ffffff; 9473 } 9474 9475 .coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover, 9476 .coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover, 9477 .fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover, 9478 .fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover { 9479 color: #fa5252; 9480 } 9481 9482 .coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:before, 9483 .coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:after, 9484 .coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:before, 9485 .coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:after, 9486 .fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:before, 9487 .fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:after, 9488 .fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:before, 9489 .fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:after { 9490 background: #fa5252; 9491 } 9492 9493 .coloured-nav ul.dropdown-menu.bordered-active-item--top > .current_page_item, 9494 .coloured-nav ul.dropdown-menu.bordered-active-item--top > .current-menu-item, 9495 .fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current_page_item, 9496 .fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current-menu-item { 9497 color: #fa5252; 9498 } 9499 9500 .coloured-nav ul.dropdown-menu.bordered-active-item--top > .current_page_item:before, 9501 .coloured-nav ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before, 9502 .fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current_page_item:before, 9503 .fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before { 9504 opacity: 0.75; 9505 } 9506 9507 .coloured-nav ul.dropdown-menu.bordered-active-item--top > .current_page_item:before, 9508 .coloured-nav ul.dropdown-menu.bordered-active-item--top > .current_page_item:after, 9509 .coloured-nav ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before, 9510 .coloured-nav ul.dropdown-menu.bordered-active-item--top > .current-menu-item:after, 9511 .fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current_page_item:before, 9512 .fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current_page_item:after, 9513 .fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before, 9514 .fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current-menu-item:after { 9515 background: #fa5252; 9516 } 9517 9518 /** border active item */ 9519 9520 ul.dropdown-menu.bordered-active-item--bottom > li:before { 9521 visibility: hidden; 9522 } 9523 9524 ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover, 9525 ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover { 9526 color: #ffffff; 9527 } 9528 9529 ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:before, 9530 ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:after, 9531 ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:before, 9532 ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:after { 9533 background: #ffffff; 9534 } 9535 9536 ul.dropdown-menu.bordered-active-item--bottom > .current_page_item, 9537 ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item { 9538 color: #ffffff; 9539 } 9540 9541 ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after, 9542 ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after { 9543 opacity: 0.75; 9544 } 9545 9546 ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:before, 9547 ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after, 9548 ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:before, 9549 ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after { 9550 background: #ffffff; 9551 } 9552 9553 .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover, 9554 .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover, 9555 .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover, 9556 .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover { 9557 color: #fa5252; 9558 } 9559 9560 .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:before, 9561 .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:after, 9562 .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:before, 9563 .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:after, 9564 .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:before, 9565 .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:after, 9566 .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:before, 9567 .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:after { 9568 background: #fa5252; 9569 } 9570 9571 .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current_page_item, 9572 .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item, 9573 .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current_page_item, 9574 .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item { 9575 color: #fa5252; 9576 } 9577 9578 .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after, 9579 .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after, 9580 .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after, 9581 .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after { 9582 opacity: 0.75; 9583 } 9584 9585 .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:before, 9586 .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after, 9587 .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:before, 9588 .coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after, 9589 .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:before, 9590 .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after, 9591 .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:before, 9592 .fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after { 9593 background: #fa5252; 9594 } 9595 9596 ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover, 9597 ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover { 9598 color: #ffffff; 9599 } 9600 9601 ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:before, 9602 ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:after, 9603 ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:before, 9604 ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:after { 9605 background: #ffffff; 9606 } 9607 9608 ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item, 9609 ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item { 9610 color: #ffffff; 9611 } 9612 9613 ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before, 9614 ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after, 9615 ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before, 9616 ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after { 9617 opacity: 0.75; 9618 } 9619 9620 ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before, 9621 ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after, 9622 ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before, 9623 ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after { 9624 background: #ffffff; 9625 } 9626 9627 .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover, 9628 .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover, 9629 .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover, 9630 .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover { 9631 color: #fa5252; 9632 } 9633 9634 .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:before, 9635 .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:after, 9636 .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:before, 9637 .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:after, 9638 .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:before, 9639 .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:after, 9640 .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:before, 9641 .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:after { 9642 background: #fa5252; 9643 } 9644 9645 .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item, 9646 .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item, 9647 .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item, 9648 .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item { 9649 color: #fa5252; 9650 } 9651 9652 .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before, 9653 .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after, 9654 .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before, 9655 .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after, 9656 .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before, 9657 .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after, 9658 .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before, 9659 .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after { 9660 opacity: 0.75; 9661 } 9662 9663 .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before, 9664 .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after, 9665 .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before, 9666 .coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after, 9667 .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before, 9668 .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after, 9669 .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before, 9670 .fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after { 9671 background: #fa5252; 9672 } 9673 9674 ul.dropdown-menu.solid-active-item > li { 9675 position: relative; 9676 } 9677 9678 ul.dropdown-menu.solid-active-item > li:before, 9679 ul.dropdown-menu.solid-active-item > li:after { 9680 content: " "; 9681 display: block; 9682 background: rgba(255, 255, 255, 0.8); 9683 width: 100%; 9684 left: 0; 9685 height: 100%; 9686 position: absolute; 9687 z-index: 0; 9688 opacity: 0; 9689 transition: all 0.2s; 9690 } 9691 9692 ul.dropdown-menu.solid-active-item > li > a { 9693 z-index: 1; 9694 color: #ffffff; 9695 transition: all 0.2s; 9696 } 9697 9698 ul.dropdown-menu.solid-active-item > li:before { 9699 top: 0; 9700 } 9701 9702 ul.dropdown-menu.solid-active-item > li:after { 9703 bottom: 0; 9704 } 9705 9706 ul.dropdown-menu.solid-active-item.effect-pull-down > li.current_page_item:before, 9707 ul.dropdown-menu.solid-active-item.effect-pull-down > li.current-menu-item:before { 9708 opacity: 1 !important; 9709 } 9710 9711 ul.dropdown-menu.solid-active-item.effect-pull-down > li.current_page_item:after, 9712 ul.dropdown-menu.solid-active-item.effect-pull-down > li.current-menu-item:after { 9713 visibility: hidden; 9714 } 9715 9716 ul.dropdown-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item):before { 9717 height: 0; 9718 opacity: 1 !important; 9719 transition: all 0.3s; 9720 } 9721 9722 ul.dropdown-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item):after { 9723 opacity: 0 !important; 9724 visibility: hidden; 9725 transition: none; 9726 } 9727 9728 ul.dropdown-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item).hover:before, 9729 ul.dropdown-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item):hover:before { 9730 height: 100%; 9731 } 9732 9733 ul.dropdown-menu.solid-active-item.effect-pull-up > li.current_page_item:after, 9734 ul.dropdown-menu.solid-active-item.effect-pull-up > li.current-menu-item:after { 9735 opacity: 1 !important; 9736 } 9737 9738 ul.dropdown-menu.solid-active-item.effect-pull-up > li.current_page_item:before, 9739 ul.dropdown-menu.solid-active-item.effect-pull-up > li.current-menu-item:before { 9740 visibility: hidden; 9741 } 9742 9743 ul.dropdown-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item):after { 9744 height: 0; 9745 opacity: 1 !important; 9746 transition: all 0.3s; 9747 } 9748 9749 ul.dropdown-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item):before { 9750 opacity: 0 !important; 9751 visibility: hidden; 9752 transition: none; 9753 } 9754 9755 ul.dropdown-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item).hover:after, 9756 ul.dropdown-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item):hover:after { 9757 height: 100%; 9758 } 9759 9760 ul.dropdown-menu.solid-active-item.effect-pull-up-down > li.current_page_item:before, 9761 ul.dropdown-menu.solid-active-item.effect-pull-up-down > li.current_page_item:after, 9762 ul.dropdown-menu.solid-active-item.effect-pull-up-down > li.current-menu-item:before, 9763 ul.dropdown-menu.solid-active-item.effect-pull-up-down > li.current-menu-item:after { 9764 opacity: 1 !important; 9765 } 9766 9767 ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):before, 9768 ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):after { 9769 height: 0; 9770 opacity: 1 !important; 9771 transition: all 0.4s; 9772 } 9773 9774 ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item).hover:before, 9775 ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item).hover:after, 9776 ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):hover:before, 9777 ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):hover:after { 9778 height: 100%; 9779 } 9780 9781 ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li.current_page_item:before, 9782 ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li.current_page_item:after, 9783 ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li.current-menu-item:before, 9784 ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li.current-menu-item:after { 9785 opacity: 1 !important; 9786 } 9787 9788 ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li:not(.current_page_item):not(current-menu-item):before { 9789 height: 0%; 9790 width: 100%; 9791 top: 50%; 9792 opacity: 1 !important; 9793 transition: all 0.3s; 9794 } 9795 9796 ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li:not(.current_page_item):not(current-menu-item):after { 9797 opacity: 0 !important; 9798 visibility: hidden; 9799 transition: none; 9800 } 9801 9802 ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li:not(.current_page_item):not(current-menu-item):hover:before { 9803 top: 0; 9804 height: 100%; 9805 } 9806 9807 ul.dropdown-menu.solid-active-item.effect-pull-left-right > li.current_page_item:before, 9808 ul.dropdown-menu.solid-active-item.effect-pull-left-right > li.current-menu-item:before { 9809 opacity: 1 !important; 9810 } 9811 9812 ul.dropdown-menu.solid-active-item.effect-pull-left-right > li.current_page_item:after, 9813 ul.dropdown-menu.solid-active-item.effect-pull-left-right > li.current-menu-item:after { 9814 visibility: hidden; 9815 } 9816 9817 ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):after, 9818 ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):before { 9819 height: 100%; 9820 width: 0; 9821 opacity: 1 !important; 9822 transition: all 0.3s; 9823 } 9824 9825 ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):before { 9826 left: 0; 9827 right: auto; 9828 } 9829 9830 ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):not(.hover):not(:hover):before { 9831 border-top-right-radius: 0px; 9832 border-bottom-right-radius: 0px; 9833 } 9834 9835 ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):not(.hover):not(:hover):after { 9836 border-top-left-radius: 0px; 9837 border-bottom-left-radius: 0px; 9838 } 9839 9840 ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):after { 9841 right: 0; 9842 left: auto; 9843 } 9844 9845 ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item).hover:after, 9846 ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item).hover:before, 9847 ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):hover:after, 9848 ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):hover:before { 9849 width: 100%; 9850 border: inherit; 9851 } 9852 9853 ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li.current_page_item:before, 9854 ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li.current-menu-item:before { 9855 opacity: 1 !important; 9856 } 9857 9858 ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li.current_page_item:after, 9859 ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li.current-menu-item:after { 9860 visibility: hidden; 9861 } 9862 9863 ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li:not(.current_page_item):not(current-menu-item):before { 9864 height: 100%; 9865 width: 0; 9866 left: 50%; 9867 opacity: 1 !important; 9868 transition: all 0.3s; 9869 } 9870 9871 ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li:not(.current_page_item):not(current-menu-item):after { 9872 opacity: 0 !important; 9873 visibility: hidden; 9874 transition: none; 9875 } 9876 9877 ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li:not(.current_page_item):not(current-menu-item):hover:before { 9878 left: 0; 9879 width: 100%; 9880 } 9881 9882 ul.dropdown-menu.solid-active-item.effect-none > li.current_page_item:before, 9883 ul.dropdown-menu.solid-active-item.effect-none > li.current-menu-item:before { 9884 opacity: 1 !important; 9885 } 9886 9887 ul.dropdown-menu.solid-active-item.effect-none > li.current_page_item:after, 9888 ul.dropdown-menu.solid-active-item.effect-none > li.current-menu-item:after { 9889 visibility: hidden; 9890 } 9891 9892 ul.dropdown-menu.solid-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):before { 9893 height: 100%; 9894 width: 0; 9895 left: 50%; 9896 opacity: 1 !important; 9897 transition: none; 9898 } 9899 9900 ul.dropdown-menu.solid-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):after { 9901 opacity: 0 !important; 9902 visibility: hidden; 9903 transition: none; 9904 } 9905 9906 ul.dropdown-menu.solid-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):hover:before { 9907 left: 0; 9908 width: 100%; 9909 } 9910 9911 /** solid color menu **/ 9912 9913 ul.dropdown-menu.solid-active-item > li { 9914 color: #ffffff; 9915 } 9916 9917 ul.dropdown-menu.solid-active-item > li:before, 9918 ul.dropdown-menu.solid-active-item > li:after { 9919 background: rgba(255, 255, 255, 0.8); 9920 } 9921 9922 ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover, 9923 ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover { 9924 color: #228ae6; 9925 } 9926 9927 ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:before, 9928 ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:after, 9929 ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:before, 9930 ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:after { 9931 background: rgba(255, 255, 255, 0.8); 9932 } 9933 9934 ul.dropdown-menu.solid-active-item > .current_page_item, 9935 ul.dropdown-menu.solid-active-item > .current-menu-item { 9936 color: #228ae6; 9937 } 9938 9939 ul.dropdown-menu.solid-active-item > .current_page_item:before, 9940 ul.dropdown-menu.solid-active-item > .current_page_item:after, 9941 ul.dropdown-menu.solid-active-item > .current-menu-item:before, 9942 ul.dropdown-menu.solid-active-item > .current-menu-item:after { 9943 background: rgba(255, 255, 255, 0.8); 9944 } 9945 9946 .coloured-nav ul.dropdown-menu.solid-active-item > li > a, 9947 .fixto-fixed ul.dropdown-menu.solid-active-item > li > a { 9948 color: #000000; 9949 } 9950 9951 .coloured-nav ul.dropdown-menu.solid-active-item > li:before, 9952 .coloured-nav ul.dropdown-menu.solid-active-item > li:after, 9953 .fixto-fixed ul.dropdown-menu.solid-active-item > li:before, 9954 .fixto-fixed ul.dropdown-menu.solid-active-item > li:after { 9955 background: #228ae6; 9956 } 9957 9958 .coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:before, 9959 .coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:after, 9960 .coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:before, 9961 .coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:after, 9962 .fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:before, 9963 .fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:after, 9964 .fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:before, 9965 .fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:after { 9966 background: #228ae6; 9967 } 9968 9969 .coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover > a, 9970 .coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover > a, 9971 .fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover > a, 9972 .fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover > a { 9973 color: #ffffff; 9974 } 9975 9976 .coloured-nav ul.dropdown-menu.solid-active-item > .current_page_item:before, 9977 .coloured-nav ul.dropdown-menu.solid-active-item > .current_page_item:after, 9978 .coloured-nav ul.dropdown-menu.solid-active-item > .current-menu-item:before, 9979 .coloured-nav ul.dropdown-menu.solid-active-item > .current-menu-item:after, 9980 .fixto-fixed ul.dropdown-menu.solid-active-item > .current_page_item:before, 9981 .fixto-fixed ul.dropdown-menu.solid-active-item > .current_page_item:after, 9982 .fixto-fixed ul.dropdown-menu.solid-active-item > .current-menu-item:before, 9983 .fixto-fixed ul.dropdown-menu.solid-active-item > .current-menu-item:after { 9984 background: #228ae6; 9985 } 9986 9987 .coloured-nav ul.dropdown-menu.solid-active-item > .current_page_item > a, 9988 .coloured-nav ul.dropdown-menu.solid-active-item > .current-menu-item > a, 9989 .fixto-fixed ul.dropdown-menu.solid-active-item > .current_page_item > a, 9990 .fixto-fixed ul.dropdown-menu.solid-active-item > .current-menu-item > a { 9991 color: #ffffff; 9992 } 9993 9994 /** solid color menu **/ 9995 9996 .header-separator-bottom { 9997 position: absolute; 9998 bottom: -1px; 9999 left: 0px; 10000 width: 100%; 10001 } 10002 10003 .header-separator-reverse { 10004 -webkit-transform: rotate(180deg); 10005 transform: rotate(180deg); 10006 } 10007 10008 .header-separator svg { 10009 display: block; 10010 width: calc(100% + 1.3px); 10011 } 10012 10013 .header-separator { 10014 position: absolute; 10015 width: 100%; 10016 max-width: 100%; 10017 bottom: -2px; 10018 overflow: hidden; 10019 z-index: 45; 10020 /* because svg inside is a bit bigger to cover the entire separator correctly */ 10021 } 10022 10023 .page .svg-white-bg { 10024 fill: white; 10025 } 10026 10027 /* 10028 Navigation Bar 10029 */ 10030 10031 .header-top { 10032 align-items: center; 10033 width: 100%; 10034 position: absolute; 10035 z-index: 100; 10036 } 10037 10038 .header-top.small, 10039 .header-top.comment-meta { 10040 position: static; 10041 box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33); 10042 -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33); 10043 -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33); 10044 } 10045 10046 .navigation-bar { 10047 display: block; 10048 width: 100%; 10049 -webkit-backface-visibility: hidden; 10050 backface-visibility: hidden; 10051 padding-top: 10px; 10052 padding-bottom: 10px; 10053 position: relative; 10054 transition: background-color 0.3s; 10055 } 10056 10057 .navigation-bar.coloured-nav { 10058 background-color: white; 10059 } 10060 10061 .navigation-bar.fixto-fixed { 10062 -webkit-transform: translateZ(0); 10063 transform: translateZ(0); 10064 background-color: #FFFFFF; 10065 box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33); 10066 } 10067 10068 .navigation-bar.fixto-fixed.bordered, 10069 .navigation-bar.fixto-fixed.card[class*=bottom-border-] { 10070 border-bottom: none; 10071 border-bottom-width: 0px; 10072 } 10073 10074 .navigation-bar.bordered, 10075 .navigation-bar.card[class*=bottom-border-] { 10076 border-bottom-width: 2px; 10077 border-bottom-color: white; 10078 border-bottom-style: solid; 10079 } 10080 10081 .navigation-wrapper:not(.gridContainer) { 10082 padding-left: 5%; 10083 padding-right: 5%; 10084 } 10085 10086 .navigation-wrapper .custom_area_col { 10087 display: none; 10088 } 10089 10090 .main_menu_col, 10091 .logo_col { 10092 text-align: left; 10093 display: -moz-flex; 10094 display: flex; 10095 -moz-align-items: center; 10096 align-items: center; 10097 } 10098 10099 .main_menu_col { 10100 justify-content: flex-end; 10101 } 10102 10103 .logo_col { 10104 flex-basis: auto; 10105 max-width: 80%; 10106 } 10107 10108 .custom_area_col { 10109 text-align: center; 10110 white-space: nowrap; 10111 } 10112 10113 .custom_area_col button, 10114 .custom_area_col .button { 10115 margin-right: 1rem; 10116 } 10117 10118 .custom_area_col button:last-of-type, 10119 .custom_area_col .button:last-of-type { 10120 margin-right: 0; 10121 } 10122 10123 a.text-logo, 10124 a.text-logo:visited, 10125 a.text-logo:hover { 10126 text-decoration: none; 10127 font-size: 1.5rem; 10128 line-height: 100%; 10129 color: #ffffff; 10130 text-transform: uppercase; 10131 } 10132 10133 .dark-logo #main_menu > li.logo > a.text-logo, 10134 .dark-logo #main_menu > li.logo > a.text-logo:visited, 10135 .dark-logo #main_menu > li.logo > a.text-logo:hover, 10136 .dark-logo a.text-logo, 10137 .dark-logo a.text-logo:visited, 10138 .dark-logo a.text-logo:hover, 10139 .coloured-nav #main_menu > li.logo > a.text-logo, 10140 .coloured-nav #main_menu > li.logo > a.text-logo:visited, 10141 .coloured-nav #main_menu > li.logo > a.text-logo:hover, 10142 .coloured-nav a.text-logo, 10143 .coloured-nav a.text-logo:visited, 10144 .coloured-nav a.text-logo:hover, 10145 .fixto-fixed #main_menu > li.logo > a.text-logo, 10146 .fixto-fixed #main_menu > li.logo > a.text-logo:visited, 10147 .fixto-fixed #main_menu > li.logo > a.text-logo:hover, 10148 .fixto-fixed a.text-logo, 10149 .fixto-fixed a.text-logo:visited, 10150 .fixto-fixed a.text-logo:hover { 10151 text-decoration: none; 10152 color: #000000; 10153 } 10154 10155 .coloured-nav .main_menu_col [data-component=offcanvas] .bubble, 10156 .fixto-fixed .main_menu_col [data-component=offcanvas] .bubble { 10157 background-color: #000; 10158 } 10159 10160 .coloured-nav .main_menu_col [data-component=offcanvas], 10161 .fixto-fixed .main_menu_col [data-component=offcanvas] { 10162 color: #000000; 10163 } 10164 10165 /* Header */ 10166 10167 .header-wrapper { 10168 position: relative; 10169 -moz-flex: 0 0 auto; 10170 flex: 0 0 auto; 10171 flex-grow: 0; 10172 } 10173 10174 .header-wrapper > div[class*=header] { 10175 flex-grow: 1; 10176 } 10177 10178 .header, 10179 .header-homepage { 10180 background-position: center center; 10181 background-repeat: no-repeat; 10182 background-size: cover; 10183 position: relative; 10184 z-index: 0; 10185 } 10186 10187 h1.hero-title { 10188 color: #FFFFFF; 10189 margin-bottom: 1.25rem; 10190 font-size: 3.2rem; 10191 font-weight: 500; 10192 line-height: 114%; 10193 letter-spacing: 1px; 10194 max-width: 100%; 10195 } 10196 10197 @media (max-width: 767px) { 10198 h1.hero-title { 10199 font-size: 2.3rem; 10200 } 10201 } 10202 10203 p.header-subtitle2, 10204 p.header-subtitle { 10205 font-family: "Roboto", sans-serif; 10206 font-size: 1.3rem; 10207 font-weight: 400; 10208 line-height: 130%; 10209 color: #ffffff; 10210 margin-bottom: 1.25rem; 10211 max-width: 100%; 10212 } 10213 10214 .color-overlay:after, 10215 .color-overlay:before { 10216 width: 100%; 10217 height: 100%; 10218 top: 0px; 10219 left: 0px; 10220 position: absolute; 10221 z-index: 1; 10222 display: inline-block; 10223 content: " "; 10224 /*SAFARI BUG*/ 10225 } 10226 10227 .color-overlay:after { 10228 z-index: 2; 10229 display: block; 10230 } 10231 10232 .background-overlay { 10233 width: 100%; 10234 height: 100%; 10235 top: 0px; 10236 left: 0px; 10237 position: absolute; 10238 z-index: 1; 10239 display: inline-block; 10240 content: ""; 10241 /*SAFARI BUG*/ 10242 } 10243 10244 a.hp-header-primary-button { 10245 color: #ffffff; 10246 background-color: #f5b219; 10247 border-color: #f5b219; 10248 } 10249 10250 a.hp-header-primary-button:hover { 10251 color: #ffffff; 10252 background-color: #f7c24a; 10253 border-color: #f7c24a; 10254 } 10255 10256 a.hp-header-primary-button:disabled, 10257 a.hp-header-primary-button.disabled { 10258 color: rgba(255, 255, 255, 0.7); 10259 background-color: rgba(245, 178, 25, 0.7); 10260 border-color: rgba(245, 178, 25, 0.7); 10261 } 10262 10263 a.hp-header-primary-button.outline { 10264 background: none; 10265 color: #f5b219; 10266 border-color: #f5b219; 10267 } 10268 10269 a.hp-header-primary-button.outline:hover { 10270 color: rgba(255, 255, 255, 0.9); 10271 border-color: rgba(245, 178, 25, 0.7); 10272 } 10273 10274 a.hp-header-primary-button.outline:disabled, 10275 a.hp-header-primary-button.outline.disabled { 10276 background: none; 10277 color: rgba(245, 178, 25, 0.7); 10278 border-color: rgba(245, 178, 25, 0.5); 10279 } 10280 10281 .header-buttons-wrapper .remove-gutter { 10282 margin: 0 -15px; 10283 } 10284 10285 .header-buttons-wrapper .remove-gutter .button { 10286 margin-left: 15px; 10287 margin-right: 15px; 10288 margin-bottom: 7.5px; 10289 margin-top: 7.5px; 10290 } 10291 10292 .header-buttons-wrapper .remove-gutter .badge-button { 10293 width: 12rem; 10294 font-size: 0; 10295 vertical-align: top; 10296 line-height: 0; 10297 border-radius: 8px; 10298 padding: 0; 10299 background: transparent; 10300 border: none; 10301 } 10302 10303 .header-buttons-wrapper .remove-gutter .badge-button:hover { 10304 border: none; 10305 } 10306 10307 .header-buttons-wrapper .remove-gutter .badge-button svg { 10308 width: 100%; 10309 height: auto; 10310 } 10311 10312 .header-homepage-arrow-c { 10313 position: absolute; 10314 text-align: center; 10315 bottom: 0px; 10316 left: 0px; 10317 right: 0px; 10318 z-index: 500; 10319 } 10320 10321 @media (max-width: 767px) { 10322 .header-homepage-arrow-c { 10323 display: none; 10324 } 10325 } 10326 10327 .header-homepage-arrow { 10328 display: inline-block; 10329 line-height: 0px; 10330 cursor: pointer; 10331 background-color: #ffffff; 10332 border-radius: 500px; 10333 padding-left: 10px; 10334 padding-right: 10px; 10335 padding-top: 10px; 10336 padding-bottom: 10px; 10337 bottom: 60px; 10338 color: #000000; 10339 position: relative; 10340 font-size: 20px; 10341 } 10342 10343 .header-homepage-arrow i { 10344 display: flex; 10345 justify-content: center; 10346 align-items: center; 10347 } 10348 10349 @-webkit-keyframes move-down-bounce { 10350 0%, 20%, 50%, 80%, 100% { 10351 -webkit-transform: translateY(0); 10352 transform: translateY(0); 10353 } 10354 10355 40% { 10356 -webkit-transform: translateY(-20px); 10357 transform: translateY(-20px); 10358 } 10359 10360 60% { 10361 -webkit-transform: translateY(-10px); 10362 transform: translateY(-10px); 10363 } 10364 } 10365 10366 @keyframes move-down-bounce { 10367 0%, 20%, 50%, 80%, 100% { 10368 -webkit-transform: translateY(0); 10369 transform: translateY(0); 10370 } 10371 10372 40% { 10373 -webkit-transform: translateY(-20px); 10374 transform: translateY(-20px); 10375 } 10376 10377 60% { 10378 -webkit-transform: translateY(-10px); 10379 transform: translateY(-10px); 10380 } 10381 } 10382 10383 .move-down-bounce { 10384 -webkit-animation: move-down-bounce 2s infinite; 10385 animation: move-down-bounce 2s infinite; 10386 } 10387 10388 img.homepage-header-image { 10389 display: block; 10390 } 10391 10392 img.homepage-header-image.round { 10393 border-radius: 100%; 10394 border: 5px solid #fff; 10395 text-align: center; 10396 } 10397 10398 iframe.header-hero-video { 10399 width: 100%; 10400 height: 300px; 10401 display: block; 10402 } 10403 10404 .video-popup-button { 10405 position: relative; 10406 z-index: 1; 10407 text-align: center; 10408 } 10409 10410 .video-popup-button.with-image:before { 10411 width: 100%; 10412 height: 100%; 10413 top: 0px; 10414 left: 0px; 10415 position: absolute; 10416 z-index: -1; 10417 background-color: rgba(0, 0, 0, 0.5); 10418 display: inline-block; 10419 content: " "; 10420 } 10421 10422 .video-popup-button img.poster { 10423 position: relative; 10424 width: 100%; 10425 display: block; 10426 z-index: -2; 10427 } 10428 10429 a.video-popup-button-link { 10430 color: #ffffff; 10431 font-size: 100px; 10432 width: 100px; 10433 height: 100px; 10434 } 10435 10436 a.video-popup-button-link:hover { 10437 color: #7AA7F5; 10438 } 10439 10440 .video-popup-button img.poster + a.video-popup-button-link { 10441 position: absolute; 10442 top: 50%; 10443 left: 50%; 10444 margin-left: -50px; 10445 margin-top: -50px; 10446 } 10447 10448 img.logo.dark, 10449 img.custom-logo { 10450 vertical-align: middle; 10451 max-height: 100%; 10452 width: auto; 10453 } 10454 10455 .logo-link.dark { 10456 opacity: 0; 10457 display: none; 10458 } 10459 10460 .fixto-fixed a.logo-link.dark, 10461 .coloured-nav a.logo-link.dark { 10462 opacity: 1; 10463 display: inline-block; 10464 } 10465 10466 .fixto-fixed a.logo-link.dark + a.custom-logo-link, 10467 .coloured-nav a.logo-link.dark + a.custom-logo-link { 10468 display: none; 10469 } 10470 10471 .white-logo a.logo-link.dark, 10472 .fixto-fixed .fixed-white-logo a.logo-link.dark { 10473 opacity: 0; 10474 display: none; 10475 } 10476 10477 .white-logo a.logo-link.dark + a.custom-logo-link, 10478 .fixto-fixed .fixed-white-logo a.logo-link.dark + a.custom-logo-link { 10479 opacity: 1; 10480 display: inline-block; 10481 } 10482 10483 .dark-logo a.logo-link.dark, 10484 .fixto-fixed .fixed-dark-logo a.logo-link.dark { 10485 opacity: 1; 10486 display: inline-block; 10487 } 10488 10489 .dark-logo a.logo-link.dark + a.custom-logo-link, 10490 .fixto-fixed .fixed-dark-logo a.logo-link.dark + a.custom-logo-link { 10491 opacity: 0; 10492 display: none; 10493 } 10494 10495 .nav-search.widget_search * { 10496 background: transparent; 10497 color: #ffffff; 10498 margin-bottom: 0px; 10499 } 10500 10501 .nav-search.widget_search .mdc-text-field { 10502 margin-top: 0; 10503 height: 2em; 10504 } 10505 10506 .nav-search.widget_search input::-webkit-input-placeholder { 10507 color: #ffffff; 10508 } 10509 10510 .nav-search.widget_search input:-ms-input-placeholder { 10511 color: #ffffff; 10512 } 10513 10514 .nav-search.widget_search input::-moz-placeholder { 10515 color: #ffffff; 10516 } 10517 10518 .nav-search.widget_search input:-moz-placeholder { 10519 color: #ffffff; 10520 } 10521 10522 .nav-search.widget_search input:-moz-placeholder { 10523 color: #ffffff; 10524 } 10525 10526 .nav-search.widget_search input:-webkit-autofill, 10527 .nav-search.widget_search input:-webkit-autofill:hover, 10528 .nav-search.widget_search input:-webkit-autofill:focus, 10529 .nav-search.widget_search input:-webkit-autofill:active { 10530 -webkit-text-fill-color: #ffffff; 10531 transition: background-color 5000s ease-in-out 0s; 10532 } 10533 10534 .nav-search.widget_search .mdc-text-field { 10535 position: relative; 10536 } 10537 10538 .nav-search.widget_search .mdc-text-field input, 10539 .nav-search.widget_search .mdc-text-field label { 10540 padding-left: 30px; 10541 } 10542 10543 .nav-search.widget_search .mdc-text-field:before { 10544 display: inline-block; 10545 content: "\F349"; 10546 font-family: Material Design Icons; 10547 display: inline-flex; 10548 align-items: center; 10549 -webkit-box-pack: center; 10550 -ms-flex-pack: center; 10551 font-size: 1.2rem; 10552 box-sizing: border-box; 10553 width: 30px; 10554 height: 40px; 10555 min-height: 20px; 10556 position: absolute; 10557 font-size: 1.4rem; 10558 } 10559 10560 .fixto-fixed { 10561 position: relative; 10562 } 10563 10564 .fixto-fixed .nav-search.widget_search * { 10565 color: #000000; 10566 } 10567 10568 .fixto-fixed .nav-search.widget_search input::-webkit-input-placeholder { 10569 color: #000000; 10570 } 10571 10572 .fixto-fixed .nav-search.widget_search input:-ms-input-placeholder { 10573 color: #000000; 10574 } 10575 10576 .fixto-fixed .nav-search.widget_search input::-moz-placeholder { 10577 color: #000000; 10578 } 10579 10580 .fixto-fixed .nav-search.widget_search input:-moz-placeholder { 10581 color: #000000; 10582 } 10583 10584 .fixto-fixed .nav-search.widget_search input:-moz-placeholder { 10585 color: #000000; 10586 } 10587 10588 .fixto-fixed .nav-search.widget_search input { 10589 border-color: #000000; 10590 } 10591 10592 .navigation-custom-area .social-icons { 10593 margin-left: -10px; 10594 margin-right: -10px; 10595 } 10596 10597 .navigation-custom-area .social-icons a { 10598 display: inline-block; 10599 font-size: 22px; 10600 padding-left: 10px; 10601 padding-right: 10px; 10602 opacity: 0.9; 10603 transition: all 0.3s linear; 10604 } 10605 10606 .navigation-custom-area .social-icons a:hover { 10607 opacity: 1; 10608 } 10609 10610 .navigation-custom-area .button { 10611 margin-bottom: 0; 10612 } 10613 10614 .inner-header-description, 10615 .header-description { 10616 position: relative; 10617 z-index: 50; 10618 } 10619 10620 @media (max-width: 767px) { 10621 .inner-header-description:not(.gridContainer), 10622 .header-description:not(.gridContainer) { 10623 padding-left: 15px; 10624 padding-right: 15px; 10625 } 10626 } 10627 10628 @media (min-width: 768px) { 10629 .inner-header-description:not(.gridContainer), 10630 .header-description:not(.gridContainer) { 10631 max-width: 100%; 10632 overflow-x: hidden; 10633 } 10634 10635 .inner-header-description:not(.gridContainer) .header-description-row, 10636 .header-description:not(.gridContainer) .header-description-row { 10637 margin-left: 0; 10638 margin-right: 0; 10639 } 10640 10641 .inner-header-description:not(.gridContainer) .header-description-row .header-content-centered, 10642 .inner-header-description:not(.gridContainer) .header-description-row .header-content-left, 10643 .inner-header-description:not(.gridContainer) .header-description-row .header-content-right, 10644 .header-description:not(.gridContainer) .header-description-row .header-content-centered, 10645 .header-description:not(.gridContainer) .header-description-row .header-content-left, 10646 .header-description:not(.gridContainer) .header-description-row .header-content-right { 10647 padding-left: 0; 10648 padding-right: 0; 10649 } 10650 10651 .inner-header-description:not(.gridContainer) .header-description-row .header-hero-media-v-align > div, 10652 .header-description:not(.gridContainer) .header-description-row .header-hero-media-v-align > div { 10653 padding-left: 0; 10654 padding-right: 0; 10655 margin-left: 0; 10656 margin-right: 0; 10657 } 10658 10659 .inner-header-description:not(.gridContainer) .header-description-row .header-hero-content-v-align > div, 10660 .header-description:not(.gridContainer) .header-description-row .header-hero-content-v-align > div { 10661 padding-left: 0; 10662 padding-right: 0; 10663 margin-left: 0; 10664 margin-right: 0; 10665 } 10666 } 10667 10668 .materialis-front-page.only-template .header-description { 10669 padding-top: 5%; 10670 padding-bottom: 5%; 10671 } 10672 10673 @media (min-width: 768px) { 10674 .materialis-front-page.overlap-first-section .content { 10675 position: relative; 10676 z-index: 10; 10677 } 10678 10679 .materialis-front-page.overlap-first-section .page-content div[data-overlap]:first-of-type > div:not([class*=section-separator]) { 10680 background: transparent !important; 10681 position: relative; 10682 } 10683 10684 .materialis-front-page.overlap-first-section .page-content div[data-overlap]:first-of-type > div:not([class*=section-separator]) ~ div:not([class*=section-separator]) { 10685 margin-top: auto; 10686 background: initial !important; 10687 } 10688 10689 .materialis-front-page.overlap-first-section .page-content div[data-overlap=true]:first-of-type { 10690 padding-top: 0 !important; 10691 } 10692 } 10693 10694 @media (min-width: 768px) { 10695 /* Header*/ 10696 10697 .content-video-container.iframe-holder { 10698 position: relative; 10699 width: 100%; 10700 } 10701 10702 iframe.header-hero-video { 10703 width: 100%; 10704 left: 0px; 10705 top: 0px; 10706 height: 100%; 10707 position: relative; 10708 min-height: 100px; 10709 display: block; 10710 } 10711 10712 .content-video-container iframe.header-hero-video { 10713 position: absolute; 10714 top: 0; 10715 left: 0; 10716 width: 100%; 10717 height: 100%; 10718 } 10719 10720 .navigation-wrapper .custom_area_col { 10721 display: -moz-flex; 10722 display: flex; 10723 -moz-align-items: center; 10724 align-items: center; 10725 } 10726 10727 .materialis-front-page .header-description-row > div { 10728 display: flex; 10729 } 10730 10731 .logo_col { 10732 max-width: 30%; 10733 } 10734 } 10735 10736 .media-on-bottom .header-media-container, 10737 .media-on-top .header-media-container { 10738 width: 100%; 10739 margin: auto; 10740 } 10741 10742 @media (min-width: 768px) { 10743 .media-on-bottom .header-media-container, 10744 .media-on-top .header-media-container { 10745 width: 50%; 10746 } 10747 } 10748 10749 .media-on-bottom .header-content, 10750 .media-on-top .header-content { 10751 width: 100%; 10752 } 10753 10754 .header-content .align-holder { 10755 display: flex; 10756 flex-direction: column; 10757 align-items: center; 10758 } 10759 10760 @media (max-width: 767px) { 10761 .header-description.media-on-left .header-hero-content { 10762 margin-top: 2rem; 10763 } 10764 } 10765 10766 @media (max-width: 767px) { 10767 .header-description.media-on-right .header-hero-content { 10768 margin-bottom: 2rem; 10769 } 10770 } 10771 10772 @media (min-width: 768px) { 10773 .header-content .align-holder { 10774 margin: auto; 10775 } 10776 10777 .header-content .align-holder.right { 10778 text-align: right; 10779 align-items: flex-end; 10780 margin-right: 0; 10781 } 10782 10783 .header-content .align-holder.left { 10784 text-align: left; 10785 align-items: flex-start; 10786 margin-left: 0; 10787 } 10788 10789 .header-content .align-holder.center { 10790 text-align: center; 10791 align-items: center; 10792 } 10793 10794 .header-hero-media-v-align, 10795 .header-hero-content-v-align, 10796 .header-hero-media .header-hero-media-v-align { 10797 -moz-flex: 1; 10798 flex: 1; 10799 } 10800 10801 .header-description.media-on-left .header-hero-content, 10802 .header-description.media-on-right .header-hero-content { 10803 position: relative; 10804 z-index: 50; 10805 } 10806 } 10807 10808 @media (min-width: 1024px) { 10809 .header-description.media-on-left img.homepage-header-image { 10810 float: left; 10811 } 10812 10813 .header-description.media-on-right img.homepage-header-image { 10814 float: right; 10815 } 10816 10817 .header-description.media-on-left .header-hero-content, 10818 .header-description.media-on-right .header-hero-content { 10819 position: relative; 10820 z-index: 50; 10821 } 10822 10823 .header-description.content-on-center .header-content { 10824 margin-right: auto; 10825 margin-left: auto; 10826 } 10827 10828 .header-description.content-on-left .header-content { 10829 margin-right: auto; 10830 } 10831 10832 .header-description.content-on-right .header-content { 10833 margin-left: auto; 10834 } 10835 } 10836 10837 .offcanvas { 10838 background: #fff; 10839 position: fixed; 10840 padding: 1.5rem; 10841 height: 100%; 10842 top: 0; 10843 left: 0; 10844 z-index: 300; 10845 overflow-y: scroll; 10846 } 10847 10848 .offcanvas .close { 10849 position: absolute; 10850 top: 8px; 10851 right: 8px; 10852 } 10853 10854 .offcanvas-left { 10855 border-right: 1px solid rgba(0, 0, 0, 0.1); 10856 } 10857 10858 .offcanvas-right { 10859 left: auto; 10860 right: 0; 10861 border-left: 1px solid rgba(0, 0, 0, 0.1); 10862 } 10863 10864 .offcanvas-push-body { 10865 position: relative; 10866 } 10867 10868 @-webkit-keyframes slideUp { 10869 to { 10870 height: 0; 10871 padding-top: 0; 10872 padding-bottom: 0; 10873 } 10874 } 10875 10876 @keyframes slideUp { 10877 to { 10878 height: 0; 10879 padding-top: 0; 10880 padding-bottom: 0; 10881 } 10882 } 10883 10884 @-webkit-keyframes slideDown { 10885 from { 10886 height: 0; 10887 padding-top: 0; 10888 padding-bottom: 0; 10889 } 10890 } 10891 10892 @keyframes slideDown { 10893 from { 10894 height: 0; 10895 padding-top: 0; 10896 padding-bottom: 0; 10897 } 10898 } 10899 10900 @-webkit-keyframes fadeIn { 10901 from { 10902 opacity: 0; 10903 } 10904 10905 to { 10906 opacity: 1; 10907 } 10908 } 10909 10910 @keyframes fadeIn { 10911 from { 10912 opacity: 0; 10913 } 10914 10915 to { 10916 opacity: 1; 10917 } 10918 } 10919 10920 @-webkit-keyframes fadeOut { 10921 from { 10922 opacity: 1; 10923 } 10924 10925 to { 10926 opacity: 0; 10927 } 10928 } 10929 10930 @keyframes fadeOut { 10931 from { 10932 opacity: 1; 10933 } 10934 10935 to { 10936 opacity: 0; 10937 } 10938 } 10939 10940 @-webkit-keyframes flipIn { 10941 from { 10942 opacity: 0; 10943 -webkit-transform: scaleY(0); 10944 transform: scaleY(0); 10945 } 10946 10947 to { 10948 opacity: 1; 10949 -webkit-transform: scaleY(1); 10950 transform: scaleY(1); 10951 } 10952 } 10953 10954 @keyframes flipIn { 10955 from { 10956 opacity: 0; 10957 -webkit-transform: scaleY(0); 10958 transform: scaleY(0); 10959 } 10960 10961 to { 10962 opacity: 1; 10963 -webkit-transform: scaleY(1); 10964 transform: scaleY(1); 10965 } 10966 } 10967 10968 @-webkit-keyframes flipOut { 10969 from { 10970 opacity: 1; 10971 -webkit-transform: scaleY(1); 10972 transform: scaleY(1); 10973 } 10974 10975 to { 10976 opacity: 0; 10977 -webkit-transform: scaleY(0); 10978 transform: scaleY(0); 10979 } 10980 } 10981 10982 @keyframes flipOut { 10983 from { 10984 opacity: 1; 10985 -webkit-transform: scaleY(1); 10986 transform: scaleY(1); 10987 } 10988 10989 to { 10990 opacity: 0; 10991 -webkit-transform: scaleY(0); 10992 transform: scaleY(0); 10993 } 10994 } 10995 10996 @-webkit-keyframes zoomIn { 10997 from { 10998 opacity: 0; 10999 -webkit-transform: scale3d(0.3, 0.3, 0.3); 11000 transform: scale3d(0.3, 0.3, 0.3); 11001 } 11002 11003 50% { 11004 opacity: 1; 11005 } 11006 } 11007 11008 @keyframes zoomIn { 11009 from { 11010 opacity: 0; 11011 -webkit-transform: scale3d(0.3, 0.3, 0.3); 11012 transform: scale3d(0.3, 0.3, 0.3); 11013 } 11014 11015 50% { 11016 opacity: 1; 11017 } 11018 } 11019 11020 @-webkit-keyframes zoomOut { 11021 from { 11022 opacity: 1; 11023 } 11024 11025 50% { 11026 opacity: 0; 11027 -webkit-transform: scale3d(0.3, 0.3, 0.3); 11028 transform: scale3d(0.3, 0.3, 0.3); 11029 } 11030 11031 to { 11032 opacity: 0; 11033 } 11034 } 11035 11036 @keyframes zoomOut { 11037 from { 11038 opacity: 1; 11039 } 11040 11041 50% { 11042 opacity: 0; 11043 -webkit-transform: scale3d(0.3, 0.3, 0.3); 11044 transform: scale3d(0.3, 0.3, 0.3); 11045 } 11046 11047 to { 11048 opacity: 0; 11049 } 11050 } 11051 11052 @-webkit-keyframes slideInRight { 11053 from { 11054 -webkit-transform: translate3d(100%, 0, 0); 11055 transform: translate3d(100%, 0, 0); 11056 visibility: visible; 11057 } 11058 11059 to { 11060 -webkit-transform: translate3d(0, 0, 0); 11061 transform: translate3d(0, 0, 0); 11062 } 11063 } 11064 11065 @keyframes slideInRight { 11066 from { 11067 -webkit-transform: translate3d(100%, 0, 0); 11068 transform: translate3d(100%, 0, 0); 11069 visibility: visible; 11070 } 11071 11072 to { 11073 -webkit-transform: translate3d(0, 0, 0); 11074 transform: translate3d(0, 0, 0); 11075 } 11076 } 11077 11078 @-webkit-keyframes slideInLeft { 11079 from { 11080 -webkit-transform: translate3d(-100%, 0, 0); 11081 transform: translate3d(-100%, 0, 0); 11082 visibility: visible; 11083 } 11084 11085 to { 11086 -webkit-transform: translate3d(0, 0, 0); 11087 transform: translate3d(0, 0, 0); 11088 } 11089 } 11090 11091 @keyframes slideInLeft { 11092 from { 11093 -webkit-transform: translate3d(-100%, 0, 0); 11094 transform: translate3d(-100%, 0, 0); 11095 visibility: visible; 11096 } 11097 11098 to { 11099 -webkit-transform: translate3d(0, 0, 0); 11100 transform: translate3d(0, 0, 0); 11101 } 11102 } 11103 11104 @-webkit-keyframes slideInDown { 11105 from { 11106 -webkit-transform: translate3d(0, -100%, 0); 11107 transform: translate3d(0, -100%, 0); 11108 visibility: visible; 11109 } 11110 11111 to { 11112 -webkit-transform: translate3d(0, 0, 0); 11113 transform: translate3d(0, 0, 0); 11114 } 11115 } 11116 11117 @keyframes slideInDown { 11118 from { 11119 -webkit-transform: translate3d(0, -100%, 0); 11120 transform: translate3d(0, -100%, 0); 11121 visibility: visible; 11122 } 11123 11124 to { 11125 -webkit-transform: translate3d(0, 0, 0); 11126 transform: translate3d(0, 0, 0); 11127 } 11128 } 11129 11130 @-webkit-keyframes slideOutLeft { 11131 from { 11132 -webkit-transform: translate3d(0, 0, 0); 11133 transform: translate3d(0, 0, 0); 11134 } 11135 11136 to { 11137 visibility: hidden; 11138 -webkit-transform: translate3d(-100%, 0, 0); 11139 transform: translate3d(-100%, 0, 0); 11140 } 11141 } 11142 11143 @keyframes slideOutLeft { 11144 from { 11145 -webkit-transform: translate3d(0, 0, 0); 11146 transform: translate3d(0, 0, 0); 11147 } 11148 11149 to { 11150 visibility: hidden; 11151 -webkit-transform: translate3d(-100%, 0, 0); 11152 transform: translate3d(-100%, 0, 0); 11153 } 11154 } 11155 11156 @-webkit-keyframes slideOutRight { 11157 from { 11158 -webkit-transform: translate3d(0, 0, 0); 11159 transform: translate3d(0, 0, 0); 11160 } 11161 11162 to { 11163 visibility: hidden; 11164 -webkit-transform: translate3d(100%, 0, 0); 11165 transform: translate3d(100%, 0, 0); 11166 } 11167 } 11168 11169 @keyframes slideOutRight { 11170 from { 11171 -webkit-transform: translate3d(0, 0, 0); 11172 transform: translate3d(0, 0, 0); 11173 } 11174 11175 to { 11176 visibility: hidden; 11177 -webkit-transform: translate3d(100%, 0, 0); 11178 transform: translate3d(100%, 0, 0); 11179 } 11180 } 11181 11182 @-webkit-keyframes slideOutUp { 11183 from { 11184 -webkit-transform: translate3d(0, 0, 0); 11185 transform: translate3d(0, 0, 0); 11186 } 11187 11188 to { 11189 visibility: hidden; 11190 -webkit-transform: translate3d(0, -100%, 0); 11191 transform: translate3d(0, -100%, 0); 11192 } 11193 } 11194 11195 @keyframes slideOutUp { 11196 from { 11197 -webkit-transform: translate3d(0, 0, 0); 11198 transform: translate3d(0, 0, 0); 11199 } 11200 11201 to { 11202 visibility: hidden; 11203 -webkit-transform: translate3d(0, -100%, 0); 11204 transform: translate3d(0, -100%, 0); 11205 } 11206 } 11207 11208 @-webkit-keyframes rotate { 11209 from { 11210 -webkit-transform: rotate(0deg); 11211 transform: rotate(0deg); 11212 } 11213 11214 to { 11215 -webkit-transform: rotate(360deg); 11216 transform: rotate(360deg); 11217 } 11218 } 11219 11220 @keyframes rotate { 11221 from { 11222 -webkit-transform: rotate(0deg); 11223 transform: rotate(0deg); 11224 } 11225 11226 to { 11227 -webkit-transform: rotate(360deg); 11228 transform: rotate(360deg); 11229 } 11230 } 11231 11232 @-webkit-keyframes pulse { 11233 from { 11234 -webkit-transform: scale3d(1, 1, 1); 11235 transform: scale3d(1, 1, 1); 11236 } 11237 11238 50% { 11239 -webkit-transform: scale3d(1.03, 1.03, 1.03); 11240 transform: scale3d(1.03, 1.03, 1.03); 11241 } 11242 11243 to { 11244 -webkit-transform: scale3d(1, 1, 1); 11245 transform: scale3d(1, 1, 1); 11246 } 11247 } 11248 11249 @keyframes pulse { 11250 from { 11251 -webkit-transform: scale3d(1, 1, 1); 11252 transform: scale3d(1, 1, 1); 11253 } 11254 11255 50% { 11256 -webkit-transform: scale3d(1.03, 1.03, 1.03); 11257 transform: scale3d(1.03, 1.03, 1.03); 11258 } 11259 11260 to { 11261 -webkit-transform: scale3d(1, 1, 1); 11262 transform: scale3d(1, 1, 1); 11263 } 11264 } 11265 11266 @-webkit-keyframes shake { 11267 15% { 11268 -webkit-transform: translateX(0.5rem); 11269 transform: translateX(0.5rem); 11270 } 11271 11272 30% { 11273 -webkit-transform: translateX(-0.4rem); 11274 transform: translateX(-0.4rem); 11275 } 11276 11277 45% { 11278 -webkit-transform: translateX(0.3rem); 11279 transform: translateX(0.3rem); 11280 } 11281 11282 60% { 11283 -webkit-transform: translateX(-0.2rem); 11284 transform: translateX(-0.2rem); 11285 } 11286 11287 75% { 11288 -webkit-transform: translateX(0.1rem); 11289 transform: translateX(0.1rem); 11290 } 11291 11292 90% { 11293 -webkit-transform: translateX(0); 11294 transform: translateX(0); 11295 } 11296 11297 90% { 11298 -webkit-transform: translateX(0); 11299 transform: translateX(0); 11300 } 11301 } 11302 11303 @keyframes shake { 11304 15% { 11305 -webkit-transform: translateX(0.5rem); 11306 transform: translateX(0.5rem); 11307 } 11308 11309 30% { 11310 -webkit-transform: translateX(-0.4rem); 11311 transform: translateX(-0.4rem); 11312 } 11313 11314 45% { 11315 -webkit-transform: translateX(0.3rem); 11316 transform: translateX(0.3rem); 11317 } 11318 11319 60% { 11320 -webkit-transform: translateX(-0.2rem); 11321 transform: translateX(-0.2rem); 11322 } 11323 11324 75% { 11325 -webkit-transform: translateX(0.1rem); 11326 transform: translateX(0.1rem); 11327 } 11328 11329 90% { 11330 -webkit-transform: translateX(0); 11331 transform: translateX(0); 11332 } 11333 11334 90% { 11335 -webkit-transform: translateX(0); 11336 transform: translateX(0); 11337 } 11338 } 11339 11340 .fadeIn { 11341 -webkit-animation: fadeIn 250ms; 11342 animation: fadeIn 250ms; 11343 } 11344 11345 .fadeOut { 11346 -webkit-animation: fadeOut 250ms; 11347 animation: fadeOut 250ms; 11348 } 11349 11350 .zoomIn { 11351 -webkit-animation: zoomIn 200ms; 11352 animation: zoomIn 200ms; 11353 } 11354 11355 .zoomOut { 11356 -webkit-animation: zoomOut 500ms; 11357 animation: zoomOut 500ms; 11358 } 11359 11360 .slideInRight { 11361 -webkit-animation: slideInRight 500ms; 11362 animation: slideInRight 500ms; 11363 } 11364 11365 .slideInLeft { 11366 -webkit-animation: slideInLeft 500ms; 11367 animation: slideInLeft 500ms; 11368 } 11369 11370 .slideInDown { 11371 -webkit-animation: slideInDown 500ms; 11372 animation: slideInDown 500ms; 11373 } 11374 11375 .slideOutLeft { 11376 -webkit-animation: slideOutLeft 500ms; 11377 animation: slideOutLeft 500ms; 11378 } 11379 11380 .slideOutRight { 11381 -webkit-animation: slideOutRight 500ms; 11382 animation: slideOutRight 500ms; 11383 } 11384 11385 .slideOutUp { 11386 -webkit-animation: slideOutUp 500ms; 11387 animation: slideOutUp 500ms; 11388 } 11389 11390 .slideUp { 11391 overflow: hidden; 11392 -webkit-animation: slideUp 200ms ease-in-out; 11393 animation: slideUp 200ms ease-in-out; 11394 } 11395 11396 .slideDown { 11397 overflow: hidden; 11398 -webkit-animation: slideDown 80ms ease-in-out; 11399 animation: slideDown 80ms ease-in-out; 11400 } 11401 11402 .flipIn { 11403 -webkit-animation: flipIn 250ms cubic-bezier(0.5, -0.5, 0.5, 1.5); 11404 animation: flipIn 250ms cubic-bezier(0.5, -0.5, 0.5, 1.5); 11405 } 11406 11407 .flipOut { 11408 -webkit-animation: flipOut 500ms cubic-bezier(0.5, -0.5, 0.5, 1.5); 11409 animation: flipOut 500ms cubic-bezier(0.5, -0.5, 0.5, 1.5); 11410 } 11411 11412 .rotate { 11413 -webkit-animation: rotate 500ms; 11414 animation: rotate 500ms; 11415 } 11416 11417 .pulse { 11418 -webkit-animation: pulse 250ms 2; 11419 animation: pulse 250ms 2; 11420 } 11421 11422 .shake { 11423 -webkit-animation: shake 500ms; 11424 animation: shake 500ms; 11425 } 11426 11427 @media (min-width: 768px) { 11428 .logo-above-menu .logo_col { 11429 margin: auto; 11430 flex-basis: 100%; 11431 max-width: none; 11432 max-height: none; 11433 } 11434 11435 .logo-above-menu .main_menu_col { 11436 justify-content: center; 11437 } 11438 11439 .logo-above-menu.fixto-fixed .logo_col { 11440 max-width: 30%; 11441 max-height: none; 11442 height: auto; 11443 flex-basis: auto; 11444 -moz-flex-grow: 0; 11445 flex-grow: 0; 11446 } 11447 11448 .logo-above-menu.fixto-fixed .main_menu_col { 11449 justify-content: flex-end; 11450 } 11451 11452 .logo-above-menu:not(.fixto-fixed) .logo_col { 11453 padding-top: 1rem; 11454 padding-bottom: 1rem; 11455 } 11456 } 11457 11458 @media (min-width: 768px) { 11459 .navigation-bar.logo-inside-menu .logo_col { 11460 display: none; 11461 } 11462 11463 .navigation-bar.logo-inside-menu .main_menu_col { 11464 width: 100%; 11465 } 11466 11467 .navigation-bar.logo-inside-menu #mainmenu_container { 11468 width: 100%; 11469 } 11470 11471 .navigation-bar.logo-inside-menu .navigation-wrapper:not(.gridContainer) { 11472 padding-left: 15px; 11473 padding-right: 15px; 11474 } 11475 11476 .navigation-bar.logo-inside-menu #main_menu { 11477 text-align: center; 11478 box-sizing: border-box; 11479 display: -moz-flex; 11480 display: flex; 11481 -moz-flex: 0 1 auto; 11482 flex: 0 1 auto; 11483 -moz-flex-direction: row; 11484 flex-direction: row; 11485 flex-wrap: wrap; 11486 margin-right: -15px; 11487 margin-left: -15px; 11488 -moz-align-items: center; 11489 align-items: center; 11490 align-content: center; 11491 justify-content: center; 11492 } 11493 11494 .navigation-bar.logo-inside-menu #main_menu > li > a.text-logo, 11495 .navigation-bar.logo-inside-menu #main_menu > li > a.text-logo:hover, 11496 .navigation-bar.logo-inside-menu #main_menu a.text-logo, 11497 .navigation-bar.logo-inside-menu #main_menu a.text-logo:hover { 11498 text-transform: none; 11499 margin-top: 0px; 11500 text-decoration: none; 11501 font-weight: 400; 11502 line-height: 1; 11503 display: inline-block; 11504 font-family: "Roboto", sans-serif; 11505 font-size: 2.5rem; 11506 text-align: left; 11507 color: #ffffff; 11508 border: none; 11509 background: none; 11510 margin: 0px; 11511 } 11512 } 11513 11514 html.has-offscreen body:after { 11515 content: " "; 11516 display: block; 11517 top: 0px; 11518 left: 0px; 11519 height: 100%; 11520 width: 100%; 11521 position: fixed; 11522 background: rgba(34, 43, 52, 0.7); 11523 opacity: 0; 11524 z-index: -1; 11525 transition: all 0.5s linear; 11526 } 11527 11528 html.has-offscreen.offcanvas-opened { 11529 overflow-y: auto !important; 11530 } 11531 11532 html.has-offscreen.offcanvas-opened body:after { 11533 opacity: 1; 11534 z-index: 299; 11535 } 11536 11537 .main_menu_col [data-component=offcanvas] { 11538 color: #ffffff; 11539 position: relative; 11540 text-align: center; 11541 } 11542 11543 .main_menu_col [data-component=offcanvas] .bubble { 11544 position: absolute; 11545 z-index: 0; 11546 height: 2.5rem; 11547 width: 2.5rem; 11548 background-color: #000000; 11549 opacity: 0.1; 11550 border-radius: 100%; 11551 transition: all 0.2s linear; 11552 } 11553 11554 .main_menu_col [data-component=offcanvas]:hover .bubble { 11555 opacity: 0.3; 11556 } 11557 11558 .main_menu_col [data-component=offcanvas] i.mdi { 11559 display: inline-block; 11560 font-size: 1.4rem; 11561 line-height: 2.5rem; 11562 height: 2.5rem; 11563 width: 2.5rem; 11564 text-align: center; 11565 position: relative; 11566 z-index: 1; 11567 } 11568 11569 #offcanvas-wrapper { 11570 transition: -webkit-transform 0.3s linear; 11571 transition: transform 0.3s linear; 11572 transition: transform 0.3s linear, -webkit-transform 0.3s linear; 11573 left: auto; 11574 right: 0; 11575 background-color: #222B34; 11576 padding: 0px; 11577 overflow: auto; 11578 z-index: 99999; 11579 display: -moz-flex; 11580 display: flex; 11581 -moz-flex: 0 1 auto; 11582 flex: 0 1 auto; 11583 -moz-flex-direction: column; 11584 flex-direction: column; 11585 } 11586 11587 #offcanvas-wrapper.hide { 11588 display: none; 11589 } 11590 11591 #offcanvas-wrapper.force-hide { 11592 display: none !important; 11593 width: 0 !important; 11594 overflow: hidden; 11595 } 11596 11597 #offcanvas-wrapper .offcanvas-top { 11598 padding-top: 2rem; 11599 padding-bottom: 2rem; 11600 } 11601 11602 #offcanvas-wrapper .offcanvas-top .logo-holder a { 11603 color: #ffffff; 11604 text-decoration: none; 11605 font-size: 1.5rem; 11606 text-align: center; 11607 display: block; 11608 } 11609 11610 #offcanvas-wrapper .offcanvas-top .logo-holder img { 11611 max-width: 80%; 11612 display: block; 11613 margin: auto; 11614 } 11615 11616 #offcanvas-wrapper .social-icons { 11617 bottom: 0px; 11618 padding-bottom: 1rem; 11619 z-index: 1; 11620 text-align: center; 11621 width: 100%; 11622 } 11623 11624 #offcanvas-wrapper .social-icons a, 11625 #offcanvas-wrapper .social-icons i.mdi { 11626 color: #ffffff; 11627 } 11628 11629 #offcanvas-wrapper .social-icons a { 11630 display: inline-block; 11631 text-decoration: none; 11632 padding: 8px; 11633 line-height: 1; 11634 } 11635 11636 #offcanvas-wrapper .social-icons i.mdi { 11637 font-size: calc(0.9rem + 0.5rem); 11638 margin-bottom: 0px; 11639 pointer-events: none; 11640 } 11641 11642 #offcanvas-wrapper #offcanvas-menu { 11643 -moz-flex: 1 1 auto; 11644 flex: 1 1 auto; 11645 } 11646 11647 .offcanvas_menu { 11648 margin-left: 0px; 11649 list-style: none; 11650 flex: 1; 11651 } 11652 11653 .offcanvas_menu * { 11654 color: #ffffff; 11655 } 11656 11657 .offcanvas_menu ul { 11658 list-style: none; 11659 } 11660 11661 .offcanvas_menu li { 11662 color: #ffffff; 11663 border-bottom: 1px solid rgba(128, 128, 128, 0.2); 11664 font-size: 0.8rem; 11665 text-align: left; 11666 transition: all 0.1s linear; 11667 } 11668 11669 .offcanvas_menu li a { 11670 text-decoration: none; 11671 color: inherit; 11672 position: relative; 11673 display: block; 11674 padding: 0.75rem 0 0.75rem 2.5rem; 11675 font-size: 0.875rem; 11676 line-height: 1; 11677 } 11678 11679 .offcanvas_menu li a:hover { 11680 background-color: rgba(255, 255, 255, 0.1); 11681 } 11682 11683 .offcanvas_menu li:first-of-type { 11684 border-bottom: 1px solid rgba(128, 128, 128, 0.2); 11685 } 11686 11687 .offcanvas_menu li.page_item_has_children > a .mdi-chevron-right, 11688 .offcanvas_menu li.menu-item-has-children > a .mdi-chevron-right { 11689 position: absolute; 11690 top: 0rem; 11691 width: 3.5em; 11692 height: 100%; 11693 line-height: 1em; 11694 text-align: center; 11695 right: 0; 11696 transition: all 0.3s linear; 11697 } 11698 11699 .offcanvas_menu li.page_item_has_children > a .mdi-chevron-right:before, 11700 .offcanvas_menu li.menu-item-has-children > a .mdi-chevron-right:before { 11701 -webkit-transform: translateY(-50%) translateX(-50%); 11702 transform: translateY(-50%) translateX(-50%); 11703 display: inline-block; 11704 top: 50%; 11705 position: absolute; 11706 left: 50%; 11707 font-size: 24px; 11708 } 11709 11710 .offcanvas_menu li > ul { 11711 display: none; 11712 margin-left: 0px; 11713 background-color: rgba(255, 255, 255, 0.2); 11714 } 11715 11716 .offcanvas_menu li > ul > li > a { 11717 padding-left: 3.75rem; 11718 } 11719 11720 .offcanvas_menu li > ul > li > ul > li > a { 11721 padding-left: 5rem; 11722 } 11723 11724 .offcanvas_menu li.current_page_item a, 11725 .offcanvas_menu li.current_page_item a:hover, 11726 .offcanvas_menu li.current-menu-item a, 11727 .offcanvas_menu li.current-menu-item a:hover { 11728 background-color: rgba(255, 255, 255, 0.05); 11729 } 11730 11731 .offcanvas_menu li.open { 11732 background-color: rgba(255, 255, 255, 0.05); 11733 border-bottom: none; 11734 } 11735 11736 .offcanvas_menu li.open.page_item_has_children > a .mdi-chevron-right, 11737 .offcanvas_menu li.open.menu-item-has-children > a .mdi-chevron-right { 11738 border-left-color: transparent; 11739 color: #2395F6; 11740 } 11741 11742 .offcanvas_menu li.open > a, 11743 .offcanvas_menu li.open > a:hover { 11744 background-color: #ffffff; 11745 color: #2395F6; 11746 border-left: 3px solid #2395F6; 11747 } 11748 11749 @media (min-width: 768px) and (max-width: 1023px) { 11750 [data-component=offcanvas] { 11751 display: none; 11752 } 11753 11754 .offcanvas_menu-tablet [data-component=offcanvas] { 11755 display: inline-block; 11756 } 11757 11758 .offcanvas_menu-tablet #mainmenu_container { 11759 display: none !important; 11760 } 11761 } 11762 11763 @media (min-width: 1024px) { 11764 [data-component=offcanvas] { 11765 display: none; 11766 } 11767 11768 .offcanvas_menu-desktop [data-component=offcanvas] { 11769 display: inline-block; 11770 } 11771 11772 .offcanvas_menu-desktop #mainmenu_container { 11773 display: none !important; 11774 } 11775 } 11776 11777 @media (min-width: 768px) { 11778 .logo-area-menu-below .custom_area_col { 11779 text-align: right; 11780 } 11781 11782 .logo-area-menu-below .custom_area_col .widget_search { 11783 float: right; 11784 text-align: center; 11785 } 11786 11787 .logo-area-menu-below.fixto-fixed .custom_area_col { 11788 order: 2; 11789 width: auto; 11790 } 11791 11792 .logo-area-menu-below.fixto-fixed .custom_area_col, 11793 .logo-area-menu-below.fixto-fixed .logo_col { 11794 flex-basis: auto; 11795 -moz-flex-grow: 0; 11796 flex-grow: 0; 11797 } 11798 11799 .logo-area-menu-below.fixto-fixed .main_menu_col { 11800 order: 1; 11801 flex-basis: 0; 11802 -moz-flex-grow: 1; 11803 flex-grow: 1; 11804 } 11805 } 11806 11807 .logo-menu-area .custom_area_col { 11808 text-align: center; 11809 } 11810 11811 /* 11812 POST LIST 11813 */ 11814 11815 .button.link.read-more .mdi { 11816 margin-left: 3px; 11817 font-size: 1.2em; 11818 vertical-align: middle; 11819 } 11820 11821 .tags-list { 11822 margin-top: 10px; 11823 display: inline-block; 11824 width: 100%; 11825 } 11826 11827 .tags-list a { 11828 font-size: 10px; 11829 font-weight: 500; 11830 text-decoration: none; 11831 background-color: #676b72; 11832 color: #ffffff; 11833 padding: 0.3rem 0.6rem; 11834 text-transform: uppercase; 11835 letter-spacing: 0.5px; 11836 border-radius: 3px; 11837 } 11838 11839 .tags-list a:hover { 11840 background-color: #228ae6; 11841 border-color: #228ae6; 11842 color: #ffffff; 11843 } 11844 11845 .site > .content.post-page, 11846 .site > .content.blog-page { 11847 padding-top: 30px; 11848 padding-bottom: 30px; 11849 } 11850 11851 .post-list-item.highlighted-post, 11852 .post-item.highlighted-post { 11853 width: 100%; 11854 } 11855 11856 .post-list-item .has-more-categories, 11857 .post-item .has-more-categories { 11858 display: inline-block; 11859 margin-left: 4px; 11860 } 11861 11862 .post-list-item .mdc-card, 11863 .post-item .mdc-card { 11864 padding: 0; 11865 border-radius: 4px; 11866 overflow: hidden; 11867 } 11868 11869 .post-list-item .mdc-card > a .wp-post-image, 11870 .post-item .mdc-card > a .wp-post-image { 11871 display: block; 11872 width: auto; 11873 } 11874 11875 .post-list-item .mdc-card h3, 11876 .post-item .mdc-card h3 { 11877 margin-bottom: 20px; 11878 } 11879 11880 .post-list-item .mdc-card .mdc-card__action-icons, 11881 .post-item .mdc-card .mdc-card__action-icons { 11882 justify-content: flex-start; 11883 } 11884 11885 .post-list-item .mdc-card .mdc-card__action-icons .post-footer-link, 11886 .post-item .mdc-card .mdc-card__action-icons .post-footer-link { 11887 margin-right: 14px; 11888 color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); 11889 } 11890 11891 .post-list-item .mdc-card .mdc-card__action-icons .post-footer-link:hover > *, 11892 .post-item .mdc-card .mdc-card__action-icons .post-footer-link:hover > * { 11893 color: #228ae6; 11894 } 11895 11896 .post-list-item .mdc-card .mdc-card__action-icons .post-footer-link .post-footer-value, 11897 .post-item .mdc-card .mdc-card__action-icons .post-footer-link .post-footer-value { 11898 margin-left: 5px; 11899 font-size: 14px; 11900 } 11901 11902 .post-list-item .mdc-card .mdc-card__action-icons .mdc-card__action--icon, 11903 .post-item .mdc-card .mdc-card__action-icons .mdc-card__action--icon { 11904 vertical-align: middle; 11905 padding: 0; 11906 } 11907 11908 .post-list-item .mdc-card .mdc-card__action-icons .mdi-folder-open, 11909 .post-item .mdc-card .mdc-card__action-icons .mdi-folder-open { 11910 margin-right: 10px; 11911 } 11912 11913 .post-list-item img.attachment-post-thumbnail, 11914 .post-item img.attachment-post-thumbnail { 11915 width: auto; 11916 } 11917 11918 .post-list-item.multiple-per-row img.attachment-post-thumbnail, 11919 .post-item.multiple-per-row img.attachment-post-thumbnail { 11920 width: 100%; 11921 height: auto; 11922 } 11923 11924 .post-list-item.multiple-per-row .mdc-card__actions, 11925 .post-item.multiple-per-row .mdc-card__actions { 11926 flex-flow: wrap; 11927 } 11928 11929 .post-list-item.multiple-per-row .mdc-card__actions .mdc-card__action-icons, 11930 .post-list-item.multiple-per-row .mdc-card__actions .mdc-card__action-buttons, 11931 .post-item.multiple-per-row .mdc-card__actions .mdc-card__action-icons, 11932 .post-item.multiple-per-row .mdc-card__actions .mdc-card__action-buttons { 11933 -moz-justify-content: center; 11934 justify-content: center; 11935 box-sizing: border-box; 11936 -moz-flex-grow: 0; 11937 flex-grow: 0; 11938 flex-shrink: 0; 11939 padding-right: 15px; 11940 padding-left: 15px; 11941 flex-basis: 100%; 11942 max-width: 100%; 11943 text-align: center; 11944 } 11945 11946 .post-list-item.multiple-per-row .mdc-card__actions .mdc-card__action-icons, 11947 .post-item.multiple-per-row .mdc-card__actions .mdc-card__action-icons { 11948 flex-flow: wrap; 11949 } 11950 11951 .post-list-item.multiple-per-row .mdc-card__actions .mdc-card__action-buttons, 11952 .post-item.multiple-per-row .mdc-card__actions .mdc-card__action-buttons { 11953 box-sizing: border-box; 11954 -moz-flex-grow: 0; 11955 flex-grow: 0; 11956 flex-shrink: 0; 11957 padding-right: 15px; 11958 padding-left: 15px; 11959 flex-basis: 100%; 11960 max-width: 100%; 11961 } 11962 11963 .nav-links, 11964 .post-comments .navigation { 11965 background: #ffffff; 11966 display: -moz-flex; 11967 display: flex; 11968 -moz-align-items: center; 11969 align-items: center; 11970 width: 100%; 11971 } 11972 11973 .nav-links a, 11974 .post-comments .navigation a { 11975 outline: none; 11976 text-decoration: none; 11977 } 11978 11979 .nav-links .nav-previous, 11980 .post-comments .navigation .nav-previous, 11981 .nav-links .nav-next, 11982 .post-comments .navigation .nav-next { 11983 box-sizing: border-box; 11984 -moz-flex-grow: 0; 11985 flex-grow: 0; 11986 flex-shrink: 0; 11987 padding-right: 15px; 11988 padding-left: 15px; 11989 flex-basis: 50%; 11990 max-width: 50%; 11991 } 11992 11993 .nav-links .nav-previous .font-icon-post, 11994 .post-comments .navigation .nav-previous .font-icon-post, 11995 .nav-links .nav-next .font-icon-post, 11996 .post-comments .navigation .nav-next .font-icon-post { 11997 margin-right: 0.5rem; 11998 } 11999 12000 .nav-links .nav-next, 12001 .post-comments .navigation .nav-next, 12002 .nav-links .next-navigation, 12003 .post-comments .navigation .next-navigation { 12004 text-align: right; 12005 } 12006 12007 .nav-links .nav-next .post-title, 12008 .post-comments .navigation .nav-next .post-title, 12009 .nav-links .next-navigation .post-title, 12010 .post-comments .navigation .next-navigation .post-title { 12011 margin-right: 0.5rem; 12012 } 12013 12014 .nav-links .prev-navigation, 12015 .post-comments .navigation .prev-navigation, 12016 .nav-links .next-navigation, 12017 .post-comments .navigation .next-navigation { 12018 box-sizing: border-box; 12019 -moz-flex-grow: 0; 12020 flex-grow: 0; 12021 flex-shrink: 0; 12022 padding-right: 15px; 12023 padding-left: 15px; 12024 flex-basis: 40px; 12025 height: 60px; 12026 padding: 0; 12027 } 12028 12029 .nav-links .prev-navigation a, 12030 .post-comments .navigation .prev-navigation a, 12031 .nav-links .next-navigation a, 12032 .post-comments .navigation .next-navigation a { 12033 height: 60px; 12034 width: 60px; 12035 color: #b3b3b3; 12036 border: none; 12037 display: -moz-flex; 12038 display: flex; 12039 -moz-justify-content: center; 12040 justify-content: center; 12041 -moz-align-items: center; 12042 align-items: center; 12043 } 12044 12045 .nav-links .prev-navigation a:hover, 12046 .post-comments .navigation .prev-navigation a:hover, 12047 .nav-links .next-navigation a:hover, 12048 .post-comments .navigation .next-navigation a:hover { 12049 background-color: #228ae6; 12050 border: 0; 12051 color: #ffffff; 12052 opacity: 0.5; 12053 } 12054 12055 .nav-links .prev-navigation a i, 12056 .post-comments .navigation .prev-navigation a i, 12057 .nav-links .next-navigation a i, 12058 .post-comments .navigation .next-navigation a i { 12059 font-size: 1.3em; 12060 font-weight: 600; 12061 } 12062 12063 .nav-links .numbers-navigation, 12064 .post-comments .navigation .numbers-navigation { 12065 box-sizing: border-box; 12066 -moz-flex-grow: 0; 12067 flex-grow: 0; 12068 flex-shrink: 0; 12069 padding-right: 15px; 12070 padding-left: 15px; 12071 display: -moz-flex; 12072 display: flex; 12073 -moz-flex-grow: 1; 12074 flex-grow: 1; 12075 -moz-justify-content: center; 12076 justify-content: center; 12077 flex-wrap: wrap; 12078 flex-shrink: inherit; 12079 } 12080 12081 .nav-links .numbers-navigation .page-numbers, 12082 .post-comments .navigation .numbers-navigation .page-numbers { 12083 padding: 18px 0; 12084 width: 58px; 12085 text-align: center; 12086 font-size: 14px; 12087 border-left: 1px solid #e0e1e1; 12088 border-right: 1px solid #e0e1e1; 12089 margin-left: -1px; 12090 color: #666666; 12091 font-weight: 600; 12092 } 12093 12094 .nav-links .numbers-navigation .page-numbers.prev, 12095 .post-comments .navigation .numbers-navigation .page-numbers.prev, 12096 .nav-links .numbers-navigation .page-numbers.next, 12097 .post-comments .navigation .numbers-navigation .page-numbers.next { 12098 display: none; 12099 } 12100 12101 @media (max-width: 767px) { 12102 .nav-links .numbers-navigation .page-numbers, 12103 .post-comments .navigation .numbers-navigation .page-numbers { 12104 padding: 15px 0; 12105 width: 50px; 12106 } 12107 } 12108 12109 .nav-links .numbers-navigation span.current, 12110 .post-comments .navigation .numbers-navigation span.current, 12111 .nav-links .numbers-navigation a:hover, 12112 .post-comments .navigation .numbers-navigation a:hover { 12113 background-color: #228ae6; 12114 color: #ffffff; 12115 opacity: 0.5; 12116 } 12117 12118 @media (max-width: 767px) { 12119 .nav-links .prev-navigation, 12120 .post-comments .navigation .prev-navigation, 12121 .nav-links .next-navigation, 12122 .post-comments .navigation .next-navigation { 12123 height: 50px; 12124 } 12125 12126 .nav-links .prev-navigation > a, 12127 .post-comments .navigation .prev-navigation > a, 12128 .nav-links .next-navigation > a, 12129 .post-comments .navigation .next-navigation > a { 12130 height: 50px; 12131 width: 50px; 12132 } 12133 } 12134 12135 .materialis-latest-news a.post-list-item-thumb { 12136 display: block; 12137 } 12138 12139 .materialis-latest-news .post-content-body.col-padding { 12140 padding-top: 1rem; 12141 } 12142 12143 .materialis-latest-news div > a:last-of-type { 12144 margin-bottom: 0; 12145 } 12146 12147 a.post-list-item-thumb > img, 12148 a.post-list-item-thumb > svg { 12149 width: auto; 12150 height: auto; 12151 margin-bottom: 0; 12152 display: block; 12153 } 12154 12155 a.post-list-item-thumb > img.materialis-post-list-item-thumb-placeholder, 12156 a.post-list-item-thumb > svg.materialis-post-list-item-thumb-placeholder { 12157 width: 100%; 12158 } 12159 12160 .post-excerpt > :last-child, 12161 .post-excerpt > * :last-child { 12162 margin-bottom: 0; 12163 } 12164 12165 .post-excerpt .button { 12166 margin-top: 1rem; 12167 } 12168 12169 .post-list .post-list-item .mdc-card__action-icons .post-footer-category a.button, 12170 .post-item .mdc-card__action-icons .post-footer-category a.button { 12171 margin-bottom: 0px; 12172 } 12173 12174 @media (max-width: 1023px) { 12175 .post-list .post-list-item .post-excerpt, 12176 .post-list .post-list-item .post-title, 12177 .post-item .post-excerpt, 12178 .post-item .post-title { 12179 text-align: center; 12180 } 12181 12182 .post-list .post-list-item .mdc-card__actions, 12183 .post-item .mdc-card__actions { 12184 flex-flow: wrap; 12185 } 12186 12187 .post-list .post-list-item .mdc-card__actions .mdc-card__action-icons, 12188 .post-list .post-list-item .mdc-card__actions .mdc-card__action-buttons, 12189 .post-item .mdc-card__actions .mdc-card__action-icons, 12190 .post-item .mdc-card__actions .mdc-card__action-buttons { 12191 width: 100%; 12192 justify-content: center; 12193 } 12194 12195 .post-list .post-list-item .mdc-card__actions .mdc-card__action-icons .post-footer-category, 12196 .post-item .mdc-card__actions .mdc-card__action-icons .post-footer-category { 12197 width: 100%; 12198 margin: 15px 0 10px 0; 12199 text-align: center; 12200 } 12201 12202 .post-list .post-list-item .mdc-card__actions .mdc-card__action-icons .post-footer-category i, 12203 .post-item .mdc-card__actions .mdc-card__action-icons .post-footer-category i { 12204 margin-right: 0; 12205 } 12206 12207 .post-list .post-list-item .mdc-card__actions .mdc-card__action-icons, 12208 .post-item .mdc-card__actions .mdc-card__action-icons { 12209 flex-flow: wrap; 12210 } 12211 12212 .post-list .post-list-item .mdc-card__actions .button, 12213 .post-item .mdc-card__actions .button { 12214 font-size: 1rem; 12215 } 12216 12217 .post-list .post-list-item .mdc-card__actions .post-footer-value, 12218 .post-item .mdc-card__actions .post-footer-value { 12219 font-size: 16px !important; 12220 } 12221 12222 .post-list .post-list-item .mdc-card__actions .mdc-card__action--icon, 12223 .post-item .mdc-card__actions .mdc-card__action--icon { 12224 vertical-align: unset; 12225 } 12226 } 12227 12228 @media (min-width: 1024px) { 12229 .post-list .post-list-item .mdc-card__action-buttons { 12230 margin-left: auto; 12231 } 12232 12233 .post-list .post-list-item .mdc-card__action-icons, 12234 .post-list .post-list-item .mdc-card__action-buttons { 12235 padding: 0; 12236 } 12237 12238 .post-list .post-list-item .mdc-card__action-icons .post-footer-category i { 12239 margin-right: 0; 12240 } 12241 } 12242 12243 form.post-password-form { 12244 margin: 3rem 0; 12245 text-align: center; 12246 } 12247 12248 form.post-password-form p { 12249 color: #2b2d42; 12250 display: -moz-flex; 12251 display: flex; 12252 -moz-align-items: center; 12253 align-items: center; 12254 -moz-justify-content: center; 12255 justify-content: center; 12256 text-align: center; 12257 } 12258 12259 form.post-password-form p .mdc-text-field, 12260 form.post-password-form p .mdc-text-field.mdc-text-field--upgraded { 12261 margin-top: 0px; 12262 margin-bottom: 0px; 12263 } 12264 12265 form.post-password-form p input[type=submit] { 12266 margin-left: 1rem; 12267 margin-bottom: 0; 12268 margin-top: 1em; 12269 } 12270 12271 .mdc-card .mdc-card__action-icons i.mdi:not(.icon), 12272 .card .mdc-card__action-icons i.mdi:not(.icon) { 12273 font-size: 1.2rem; 12274 } 12275 12276 .mdc-card .mdc-card__action-buttons a.link, 12277 .mdc-card .mdc-card__action-buttons a.button, 12278 .card .mdc-card__action-buttons a.link, 12279 .card .mdc-card__action-buttons a.button { 12280 margin-bottom: 0; 12281 } 12282 12283 /* 12284 COMMENTS 12285 */ 12286 12287 /*-------------------------------------------------------------- 12288 Comments 12289 --------------------------------------------------------------*/ 12290 12291 .post-comments { 12292 display: flex; 12293 flex-wrap: wrap; 12294 border-radius: 4px; 12295 position: relative; 12296 margin-top: 2rem; 12297 min-height: 100px; 12298 background-color: #FFFFFF; 12299 -moz-flex-direction: column; 12300 flex-direction: column; 12301 } 12302 12303 .post-comments .comments-number > span { 12304 color: #ef233c; 12305 } 12306 12307 .post-comments .add-comment-toggler { 12308 margin: 0; 12309 margin-left: auto; 12310 padding-top: 2px; 12311 padding-bottom: 2px; 12312 } 12313 12314 @media (max-width: 767px) { 12315 .post-comments .add-comment-toggler { 12316 margin-left: auto; 12317 margin-right: auto; 12318 margin-top: 10px; 12319 } 12320 } 12321 12322 .post-comments .navigation { 12323 margin: 2rem 0; 12324 } 12325 12326 .post-comments .navigation .next-posts { 12327 text-align: right; 12328 } 12329 12330 .post-comments .no-margin { 12331 margin: 0; 12332 } 12333 12334 .comments-title { 12335 font-size: 24px; 12336 font-weight: 400; 12337 max-width: 100%; 12338 margin-bottom: 0; 12339 } 12340 12341 @media (max-width: 767px) { 12342 .comments-title { 12343 margin-left: auto; 12344 margin-right: auto; 12345 } 12346 } 12347 12348 .comment-list { 12349 width: 100%; 12350 list-style: none; 12351 margin: 0; 12352 padding: 0; 12353 } 12354 12355 @media (max-width: 767px) { 12356 .comment-list { 12357 margin-top: 50px; 12358 } 12359 } 12360 12361 .comment-list li.comment { 12362 border-bottom: 1px dotted #bdbdbd; 12363 } 12364 12365 .comment-list li.comment .comment { 12366 padding-left: 15px; 12367 padding-right: 15px; 12368 } 12369 12370 @media (max-width: 767px) { 12371 .comment-list li.comment { 12372 text-align: left; 12373 } 12374 } 12375 12376 .comment-list li.comment.even blockquote { 12377 background-color: #ffffff; 12378 } 12379 12380 .comment-list li.comment.odd { 12381 background-color: #ffffff; 12382 } 12383 12384 .comment-list li.comment:last-child { 12385 border-bottom: none; 12386 } 12387 12388 .comment-list li.comment.byuser { 12389 padding: 1rem; 12390 border: 1px solid #d1d1d1; 12391 background-color: #f8f8f8; 12392 } 12393 12394 .comment-list .children { 12395 list-style: none; 12396 margin: 0 0 0 1rem; 12397 padding: 1rem; 12398 } 12399 12400 .comment-list li:before { 12401 display: none; 12402 } 12403 12404 @media (max-width: 767px) { 12405 .comments-counter-wrapper { 12406 -moz-flex-direction: column; 12407 flex-direction: column; 12408 } 12409 } 12410 12411 .comment-body { 12412 margin-left: 60px; 12413 padding: 1rem 0; 12414 word-break: break-word; 12415 white-space: normal; 12416 } 12417 12418 .comment-author { 12419 color: #54617A; 12420 position: relative; 12421 z-index: 2; 12422 } 12423 12424 .comment-author .avatar { 12425 height: 40px; 12426 left: -60px; 12427 position: absolute; 12428 width: 40px; 12429 border-radius: 20px; 12430 } 12431 12432 .comment-author .fn { 12433 font-style: normal; 12434 font-weight: 600; 12435 font-size: 16px; 12436 } 12437 12438 .comment-author .fn a { 12439 color: #000000; 12440 text-decoration: none; 12441 } 12442 12443 .comment-author .says { 12444 display: none; 12445 } 12446 12447 .comment-meta { 12448 margin-bottom: 1.4rem; 12449 } 12450 12451 .comment-meta a { 12452 text-decoration: none; 12453 color: #8D99AE; 12454 } 12455 12456 .comment-metadata { 12457 color: #bdbdbd; 12458 font-size: 10px; 12459 font-size: 0.625rem; 12460 font-weight: 800; 12461 letter-spacing: 0.1818em; 12462 text-transform: uppercase; 12463 } 12464 12465 .comment-metadata a { 12466 color: #bdbdbd; 12467 } 12468 12469 .comment-metadata a.comment-edit-link { 12470 color: #4a4a4a; 12471 margin-left: 1em; 12472 } 12473 12474 .comment-reply-link { 12475 font-size: 12px; 12476 font-weight: 600; 12477 color: #4a4a4a; 12478 text-transform: uppercase; 12479 } 12480 12481 .comment-reply-link i { 12482 color: rgba(0, 0, 0, 0.38); 12483 vertical-align: middle; 12484 font-size: 1.2rem; 12485 margin-right: 5px; 12486 } 12487 12488 .no-comments, 12489 .comment-awaiting-moderation { 12490 color: #bdbdbd; 12491 font-size: 14px; 12492 font-size: 0.875rem; 12493 font-style: italic; 12494 } 12495 12496 .comments-pagination { 12497 margin: 2em 0 3em; 12498 } 12499 12500 .form-submit { 12501 margin-top: 35px; 12502 text-align: right; 12503 margin-left: auto; 12504 } 12505 12506 @media (max-width: 767px) { 12507 .form-submit { 12508 margin-right: auto; 12509 } 12510 } 12511 12512 .form-submit #submit { 12513 width: auto; 12514 padding: 2px 60px; 12515 font-size: 14px; 12516 } 12517 12518 .comments-form { 12519 background-color: #f0effd; 12520 display: none; 12521 border-radius: 0 0 4px 4px; 12522 padding-left: 6px; 12523 padding-right: 6px; 12524 } 12525 12526 .post-comments > .comments-form { 12527 margin: 30px -2rem -2rem -2rem; 12528 } 12529 12530 .comment-form { 12531 display: flex; 12532 flex-wrap: wrap; 12533 } 12534 12535 .comment-form p.logged-in-as { 12536 font-size: 0.9em; 12537 } 12538 12539 @media (max-width: 767px) { 12540 .comment-form p.logged-in-as { 12541 width: 100%; 12542 } 12543 } 12544 12545 .comment-form > .mdc-text-field.mdc-text-field--textarea { 12546 background: #ffffff; 12547 font-size: 1em; 12548 margin: none; 12549 border: none; 12550 } 12551 12552 .comment-form > .mdc-text-field.half { 12553 width: 48%; 12554 } 12555 12556 .comment-form > .mdc-text-field.half.left-margin { 12557 margin-left: 2%; 12558 } 12559 12560 .comment-form > .mdc-text-field.half.right-margin { 12561 margin-right: 2%; 12562 } 12563 12564 .comment-form > .mdc-text-field { 12565 width: 100%; 12566 } 12567 12568 .comment-respond { 12569 background-color: #f0effd; 12570 padding: 2rem; 12571 max-width: 100%; 12572 flex-basis: 100%; 12573 } 12574 12575 .comment-respond .comment-reply-title { 12576 display: flex; 12577 font-size: 24px; 12578 font-weight: 500; 12579 margin-bottom: 0; 12580 } 12581 12582 @media (max-width: 767px) { 12583 .comment-respond .comment-reply-title { 12584 display: block; 12585 } 12586 } 12587 12588 .comment-respond .comment-reply-title small { 12589 margin-left: auto; 12590 font-size: 0.9rem; 12591 } 12592 12593 @media (max-width: 767px) { 12594 .comment-respond .comment-reply-title small { 12595 display: none; 12596 } 12597 } 12598 12599 .post-comments .navigation { 12600 line-height: 36px; 12601 } 12602 12603 .navigation.post-navigation { 12604 border-radius: 4px; 12605 margin-top: 30px; 12606 } 12607 12608 .navigation.post-navigation .nav-links, 12609 .navigation.post-navigation .post-comments .navigation, 12610 .post-comments .navigation.post-navigation .navigation { 12611 border-radius: 4px; 12612 padding: 30px 15px; 12613 } 12614 12615 /* 12616 SIDEBAR 12617 */ 12618 12619 @media (max-width: 767px) { 12620 .sidebar { 12621 margin-top: 40px; 12622 text-align: left; 12623 } 12624 } 12625 12626 .sidebar h5, 12627 .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 12628 .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h6:first-child, 12629 .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 12630 .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h5:first-child, 12631 .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 12632 .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h4:first-child, 12633 .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 12634 .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h3:first-child, 12635 .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 12636 .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h2:first-child, 12637 .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 12638 .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h1:first-child { 12639 text-transform: uppercase; 12640 /*font-size: 23px;*/ 12641 padding: 25px 20px; 12642 line-height: 28px; 12643 } 12644 12645 @media (min-width: 768px) and (max-width: 1023px) { 12646 .sidebar h5, 12647 .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 12648 .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h6:first-child, 12649 .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 12650 .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h5:first-child, 12651 .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 12652 .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h4:first-child, 12653 .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 12654 .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h3:first-child, 12655 .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 12656 .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h2:first-child, 12657 .sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 12658 .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h1:first-child { 12659 padding: 20px 15px; 12660 font-size: 20px; 12661 letter-spacing: 0px; 12662 line-height: 24px; 12663 } 12664 } 12665 12666 .sidebar a { 12667 text-decoration: none; 12668 } 12669 12670 .sidebar .widget_search form { 12671 margin-bottom: 0; 12672 } 12673 12674 .sidebar #wp-calendar td, 12675 .sidebar #wp-calendar th { 12676 padding: 0.5rem; 12677 } 12678 12679 .sidebar .widget_about { 12680 border-radius: 4px; 12681 background-color: #228ae6; 12682 background-image: linear-gradient(to bottom, #228ae6 0%, #67aeee 100%); 12683 padding: 80px 50px 30px 50px; 12684 text-align: center; 12685 margin-top: 80px; 12686 margin-bottom: 30px; 12687 position: relative; 12688 } 12689 12690 .sidebar .widget_about h4 { 12691 color: #ffffff; 12692 margin-bottom: 0px; 12693 } 12694 12695 .sidebar .widget_about .about-box-image { 12696 width: 160px; 12697 height: 160px; 12698 border-radius: 80px; 12699 background-size: contain; 12700 position: absolute; 12701 top: -80px; 12702 left: 50%; 12703 margin-bottom: 1rem; 12704 -webkit-transform: translateX(-50%); 12705 transform: translateX(-50%); 12706 } 12707 12708 .sidebar .widget_about .about-box-subheading { 12709 font-style: italic; 12710 color: #edf2f4; 12711 opacity: 0.6; 12712 } 12713 12714 .sidebar .widget_about .about-box-description { 12715 color: #edf2f4; 12716 } 12717 12718 .sidebar .widget { 12719 background-color: #ffffff; 12720 border-radius: 4px; 12721 } 12722 12723 .sidebar .widget .widgettitle { 12724 position: relative; 12725 margin-bottom: 0px; 12726 text-transform: capitalize; 12727 word-break: break-word; 12728 letter-spacing: 0.4px; 12729 font-weight: 400; 12730 display: flex; 12731 align-items: center; 12732 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 12733 } 12734 12735 .sidebar .widget .widgettitle i.widget-icon { 12736 font-size: 0.8em; 12737 width: 1.7em; 12738 height: 1.7em; 12739 min-width: 27px; 12740 background: #228ae6; 12741 color: #ffffff; 12742 position: relative; 12743 border-radius: 100px; 12744 margin-right: 0.5rem; 12745 } 12746 12747 .sidebar .widget .widgettitle i.widget-icon:before { 12748 position: absolute; 12749 top: 50%; 12750 left: 50%; 12751 -webkit-transform: translate(-50%, -50%); 12752 transform: translate(-50%, -50%); 12753 } 12754 12755 .sidebar .widget > pre { 12756 word-wrap: break-word; 12757 } 12758 12759 .sidebar .widget > select { 12760 width: calc(100% - 40px); 12761 margin-left: 20px; 12762 margin-bottom: 1.5rem; 12763 margin-top: 1.5rem; 12764 } 12765 12766 .sidebar .widget > div { 12767 padding: 25px 20px; 12768 } 12769 12770 .sidebar .widget > ul { 12771 position: relative; 12772 } 12773 12774 .sidebar .widget ul { 12775 list-style: none; 12776 margin: 0; 12777 } 12778 12779 .sidebar .widget ul li { 12780 position: relative; 12781 text-transform: capitalize; 12782 padding: 20px 10px 20px 25px; 12783 border-top: 1px solid rgba(0, 0, 0, 0.1); 12784 } 12785 12786 .sidebar .widget ul li:first-of-type { 12787 border-top: none; 12788 } 12789 12790 .sidebar .widget ul li:last-of-type { 12791 border-bottom: none; 12792 } 12793 12794 .sidebar .widget ul li ul { 12795 margin-top: 20px; 12796 } 12797 12798 .sidebar .widget ul li ul li { 12799 padding: 20px 0px 20px 25px; 12800 } 12801 12802 .sidebar .widget ul li ul li, 12803 .sidebar .widget ul li ul li:first-of-type { 12804 padding-left: 10px; 12805 border-top: 1px solid rgba(0, 0, 0, 0.1); 12806 } 12807 12808 .sidebar .widget ul li ul li:last-of-type { 12809 padding-bottom: 0; 12810 } 12811 12812 .sidebar .widget ul li a { 12813 margin: 0px 10px; 12814 color: #2b2d42; 12815 display: inline-block; 12816 } 12817 12818 .sidebar .widget ul li a:hover, 12819 .sidebar .widget ul li a:hover * { 12820 color: #50a2eb; 12821 } 12822 12823 .sidebar .widget ul li:hover:before { 12824 content: ""; 12825 height: calc(100%); 12826 width: 4px; 12827 display: block; 12828 background: #228ae6; 12829 position: absolute; 12830 top: 0px; 12831 left: 0px; 12832 } 12833 12834 .sidebar .widget .widgettitle i.widget-icon:before { 12835 content: "\F72B"; 12836 } 12837 12838 .sidebar .widget.widget_search .widgettitle i.widget-icon:before { 12839 content: "\F349"; 12840 } 12841 12842 .sidebar .widget.widget_search h5, 12843 .sidebar .widget.widget_search .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 12844 .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar .widget.widget_search h6:first-child, 12845 .sidebar .widget.widget_search .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 12846 .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar .widget.widget_search h5:first-child, 12847 .sidebar .widget.widget_search .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 12848 .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar .widget.widget_search h4:first-child, 12849 .sidebar .widget.widget_search .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 12850 .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar .widget.widget_search h3:first-child, 12851 .sidebar .widget.widget_search .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 12852 .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar .widget.widget_search h2:first-child, 12853 .sidebar .widget.widget_search .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 12854 .widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar .widget.widget_search h1:first-child { 12855 padding: 25px 20px 10px 20px; 12856 } 12857 12858 .sidebar .widget.widget_search form { 12859 padding: 0 25px 10px 25px; 12860 } 12861 12862 .sidebar .widget.widget_search form .mdc-text-field { 12863 width: 100%; 12864 } 12865 12866 .sidebar .widget.widget_calendar .widgettitle i.widget-icon:before { 12867 content: "\F0F6"; 12868 } 12869 12870 .sidebar .widget.widget_recent_entries .widgettitle i.widget-icon:before { 12871 content: "\F2DA"; 12872 } 12873 12874 .sidebar .widget.widget_media_image { 12875 padding: 0px; 12876 overflow: hidden; 12877 } 12878 12879 .sidebar .widget.widget_media_image img { 12880 display: block; 12881 width: 100%; 12882 } 12883 12884 .sidebar .widget.widget_media_image .wp-caption { 12885 padding: 0px; 12886 margin: 0px; 12887 max-width: 100%; 12888 border: none; 12889 } 12890 12891 .sidebar .widget.widget_media_image .wp-caption .wp-caption-text { 12892 margin-top: 1rem; 12893 margin-bottom: 1rem; 12894 } 12895 12896 .sidebar .widget.widget_media_image .widgettitle + .wp-caption { 12897 padding: 25px 20px; 12898 } 12899 12900 .sidebar .widget.widget_media_image .widgettitle + .wp-caption .wp-caption-text { 12901 margin-bottom: 0rem; 12902 } 12903 12904 .sidebar .widget.widget_media_video { 12905 padding: 0px; 12906 overflow: hidden; 12907 } 12908 12909 .sidebar .widget.widget_media_video mediaelementwrapper { 12910 display: block; 12911 width: 100%; 12912 } 12913 12914 .sidebar .widget.widget_media_video .wp-video { 12915 padding: 0px; 12916 margin: 0px; 12917 max-width: 100%; 12918 border: none; 12919 } 12920 12921 .sidebar .widget.widget_media_video .wp-video .wp-caption-text { 12922 margin-top: 1rem; 12923 margin-bottom: 1rem; 12924 } 12925 12926 .sidebar .widget.widget_media_video .widgettitle + .wp-video { 12927 padding: 25px 20px; 12928 } 12929 12930 .sidebar .widget.widget_media_video .widgettitle + .wp-video .wp-caption-text { 12931 margin-bottom: 0rem; 12932 } 12933 12934 .sidebar .widget.widget_archive .widgettitle i.widget-icon:before { 12935 content: "\F03C"; 12936 } 12937 12938 .sidebar .widget.widget_categories .widgettitle i.widget-icon:before { 12939 content: "\F332"; 12940 } 12941 12942 .sidebar .widget.widget_meta .widgettitle i.widget-icon:before { 12943 content: "\F4FB"; 12944 } 12945 12946 .sidebar .widget.widget_rss .widgettitle i.widget-icon:before { 12947 content: "\F46B"; 12948 } 12949 12950 .sidebar .widget.widget_rss .rss-widget-icon { 12951 display: none; 12952 } 12953 12954 .sidebar .widget.widget_rss a.rsswidget { 12955 padding-left: 0; 12956 padding-right: 0; 12957 margin-bottom: 1.2rem; 12958 } 12959 12960 .sidebar .widget.widget_rss .rss-date, 12961 .sidebar .widget.widget_rss .rssSummary, 12962 .sidebar .widget.widget_rss cite { 12963 font-size: 0.8rem; 12964 } 12965 12966 .sidebar .widget.widget_tag_cloud .widgettitle i.widget-icon:before { 12967 content: "\F15F"; 12968 } 12969 12970 .sidebar .widget.widget_tag_cloud .tagcloud a:hover { 12971 border-bottom: 1px solid #228ae6; 12972 } 12973 12974 .sidebar .widget.widget_price_filter .widgettitle i.widget-icon:before { 12975 content: "\F178"; 12976 } 12977 12978 .sidebar .widget.widget_price_filter .price_slider_wrapper { 12979 padding: 30px 20px 10px 20px; 12980 } 12981 12982 .sidebar .widget.widget_price_filter .price_slider_wrapper .price_slider_amount { 12983 display: flex; 12984 flex-direction: row-reverse; 12985 flex-wrap: wrap; 12986 justify-content: flex-end; 12987 } 12988 12989 .sidebar .widget.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label { 12990 width: 100%; 12991 text-align: left; 12992 } 12993 12994 .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child { 12995 font-size: 1em; 12996 padding: 0; 12997 } 12998 12999 .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child { 13000 font-size: 1em; 13001 padding: 0; 13002 } 13003 13004 .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child { 13005 font-size: 1em; 13006 padding: 0; 13007 } 13008 13009 .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child { 13010 font-size: 1em; 13011 padding: 0; 13012 } 13013 13014 .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 13015 .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 13016 .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 13017 .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 13018 .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 13019 .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child { 13020 font-size: 1em; 13021 padding: 0; 13022 } 13023 13024 .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child { 13025 font-size: 1em; 13026 padding: 0; 13027 } 13028 13029 .widget_block ul, 13030 .widget_block ol { 13031 list-style: none; 13032 padding: 0; 13033 margin: 0; 13034 } 13035 13036 .widget_block ul > li, 13037 .widget_block ol > li { 13038 border-top: 1px solid rgba(0, 0, 0, 0.1); 13039 } 13040 13041 .widget_block ul > li:first-of-type, 13042 .widget_block ol > li:first-of-type { 13043 border-top: none; 13044 } 13045 13046 .widget_block [class*=wp-block] { 13047 margin-top: initial; 13048 margin-bottom: initial; 13049 } 13050 13051 div#block-2 label.wp-block-search__label { 13052 display: none; 13053 } 13054 13055 .widget_block > .wp-block-group > .wp-block-group__inner-container > h1:first-child, 13056 .widget_block > .wp-block-group > .wp-block-group__inner-container > h2:first-child, 13057 .widget_block > .wp-block-group > .wp-block-group__inner-container > h3:first-child, 13058 .widget_block > .wp-block-group > .wp-block-group__inner-container > h4:first-child, 13059 .widget_block > .wp-block-group > .wp-block-group__inner-container > h5:first-child, 13060 .widget_block > .wp-block-group > .wp-block-group__inner-container > h6:first-child { 13061 position: relative; 13062 margin-bottom: 0px; 13063 text-transform: capitalize; 13064 word-break: break-word; 13065 letter-spacing: 0.4px; 13066 font-weight: 400; 13067 display: flex; 13068 align-items: center; 13069 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 13070 padding: 0; 13071 } 13072 13073 .widget.widget_block > div { 13074 padding: 0; 13075 } 13076 13077 .widget.widget_block h5, 13078 .widget.widget_block .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 13079 .widget_block > .wp-block-group > .wp-block-group__inner-container .widget.widget_block h1:first-child, 13080 .widget.widget_block .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 13081 .widget_block > .wp-block-group > .wp-block-group__inner-container .widget.widget_block h2:first-child, 13082 .widget.widget_block .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 13083 .widget_block > .wp-block-group > .wp-block-group__inner-container .widget.widget_block h3:first-child, 13084 .widget.widget_block .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 13085 .widget_block > .wp-block-group > .wp-block-group__inner-container .widget.widget_block h4:first-child, 13086 .widget.widget_block .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 13087 .widget_block > .wp-block-group > .wp-block-group__inner-container .widget.widget_block h5:first-child, 13088 .widget.widget_block .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 13089 .widget_block > .wp-block-group > .wp-block-group__inner-container .widget.widget_block h6:first-child { 13090 padding: 0; 13091 } 13092 13093 .widget.widget_block ul, 13094 .widget.widget_block ol { 13095 padding-left: 1em; 13096 padding-right: 1em; 13097 } 13098 13099 .widget.widget_block ul li, 13100 .widget.widget_block ol li { 13101 margin-left: -1em; 13102 margin-right: -1em; 13103 padding: 1em; 13104 position: relative; 13105 } 13106 13107 .widget.widget_block ul li:hover:before, 13108 .widget.widget_block ol li:hover:before { 13109 content: ""; 13110 height: calc(100%); 13111 width: 4px; 13112 display: block; 13113 background: #228ae6; 13114 position: absolute; 13115 top: 0px; 13116 left: 0px; 13117 } 13118 13119 .widget_block.widget_search { 13120 padding-top: 1em; 13121 padding-bottom: 1em; 13122 } 13123 13124 div#block-2 label.wp-block-search__label { 13125 display: none; 13126 } 13127 13128 /* 13129 FREE TRIAL 13130 */ 13131 13132 .our-services .gridContainer > .row { 13133 padding: 80px 0; 13134 } 13135 13136 .our-services .gridContainer > .row > div { 13137 display: flex; 13138 align-items: center; 13139 padding: 20px 0; 13140 } 13141 13142 .our-services .gridContainer > .row > div:last-child { 13143 border-left: 1px solid #eaeaea; 13144 } 13145 13146 .our-services .gridContainer > .row > div > i.mdi { 13147 margin-left: 100px; 13148 margin-right: 20px; 13149 font-size: 50px; 13150 width: 100px; 13151 height: 100px; 13152 background: #228ae6; 13153 color: #ffffff; 13154 position: relative; 13155 text-align: center; 13156 border-radius: 100px; 13157 display: inline-table; 13158 } 13159 13160 .our-services .gridContainer > .row > div > i.mdi:before { 13161 position: absolute; 13162 top: 50%; 13163 left: 50%; 13164 -webkit-transform: translate(-48%, -56%); 13165 transform: translate(-48%, -56%); 13166 } 13167 13168 .our-services .gridContainer > .row > div h4 { 13169 margin-bottom: 5px; 13170 } 13171 13172 .our-services .gridContainer > .row > div h4 i { 13173 vertical-align: middle; 13174 margin-bottom: 3px; 13175 } 13176 13177 .free-trial { 13178 background-color: #654ea3; 13179 background-image: linear-gradient(to bottom, #654ea3 0%, #bf69fd 100%); 13180 } 13181 13182 .free-trial .gridContainer > .row { 13183 padding: 100px 0; 13184 color: #e5f3fc; 13185 } 13186 13187 .free-trial .gridContainer > .row h3 { 13188 color: #fff; 13189 } 13190 13191 .free-trial .gridContainer > .row > div:last-child { 13192 align-items: center; 13193 display: flex; 13194 justify-content: flex-end; 13195 } 13196 13197 .free-trial .gridContainer > .row > div:last-child .button { 13198 margin-left: 25px; 13199 } 13200 13201 /* 13202 FOOTER 13203 */ 13204 13205 .footer-shadow { 13206 box-shadow: 0px 20px 20px -10px rgba(49, 52, 57, 0.3), 0 20px 30px rgba(0, 0, 0, 0.08); 13207 } 13208 13209 .footer { 13210 background-color: #ffffff; 13211 margin-bottom: -1px; 13212 color: #8D99AE; 13213 } 13214 13215 .footer .materialis-theme-link { 13216 color: inherit; 13217 text-decoration: none; 13218 border-bottom: none; 13219 } 13220 13221 .footer .materialis-theme-link:hover { 13222 color: inherit; 13223 border-bottom: none; 13224 text-decoration: underline; 13225 } 13226 13227 .footer table caption { 13228 color: #8D99AE; 13229 } 13230 13231 .footer .mdi { 13232 color: #8D99AE; 13233 } 13234 13235 .footer a { 13236 color: #228ae6; 13237 } 13238 13239 .footer a .mdi { 13240 color: #8D99AE; 13241 } 13242 13243 .footer a:hover { 13244 color: #50a2eb; 13245 } 13246 13247 .footer a:hover .mdi { 13248 color: #50a2eb; 13249 } 13250 13251 .footer h1, 13252 .footer h2, 13253 .footer h3, 13254 .footer h4, 13255 .footer h5, 13256 .footer .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 13257 .widget_block > .wp-block-group > .wp-block-group__inner-container .footer h1:first-child, 13258 .footer .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 13259 .widget_block > .wp-block-group > .wp-block-group__inner-container .footer h2:first-child, 13260 .footer .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 13261 .widget_block > .wp-block-group > .wp-block-group__inner-container .footer h3:first-child, 13262 .footer .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 13263 .widget_block > .wp-block-group > .wp-block-group__inner-container .footer h4:first-child, 13264 .footer .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 13265 .widget_block > .wp-block-group > .wp-block-group__inner-container .footer h5:first-child, 13266 .footer .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 13267 .widget_block > .wp-block-group > .wp-block-group__inner-container .footer h6:first-child, 13268 .footer h6 { 13269 color: #54617A; 13270 } 13271 13272 .footer p { 13273 color: #8D99AE; 13274 } 13275 13276 .footer .footer-content { 13277 position: relative; 13278 z-index: 0; 13279 } 13280 13281 .footer #wp-calendar td, 13282 .footer #wp-calendar th { 13283 padding: 0.5rem; 13284 } 13285 13286 .footer .widget > ul { 13287 list-style: none; 13288 margin: 0; 13289 } 13290 13291 .footer .widget > ul > li a { 13292 font-size: 1rem; 13293 text-decoration: none; 13294 } 13295 13296 .footer input, 13297 .footer textarea, 13298 .footer select { 13299 display: inline-block; 13300 max-width: 100%; 13301 height: 44px; 13302 } 13303 13304 .footer form { 13305 margin-bottom: 25px; 13306 } 13307 13308 .footer form input[type=email] { 13309 width: 70%; 13310 float: left; 13311 } 13312 13313 .footer form input[type=submit] { 13314 width: 30%; 13315 float: right; 13316 height: 42px; 13317 line-height: 42px; 13318 background-color: #228ae6; 13319 color: #fff; 13320 font-size: 14px; 13321 font-weight: 600; 13322 letter-spacing: 2px; 13323 text-transform: uppercase; 13324 border: none; 13325 border-radius: 0px; 13326 outline: 1px solid #228ae6; 13327 margin-top: 1px; 13328 cursor: pointer; 13329 } 13330 13331 .footer ul { 13332 list-style: none; 13333 margin: 0; 13334 line-height: 32px; 13335 } 13336 13337 .footer .bottom-bar { 13338 background-color: #f8f8f8; 13339 } 13340 13341 .footer .bottom-bar h4 { 13342 margin-bottom: 0; 13343 } 13344 13345 .horizontal_footer_menu ul { 13346 list-style: none; 13347 margin-left: -0.4rem; 13348 margin-right: -0.4rem; 13349 } 13350 13351 .horizontal_footer_menu ul li { 13352 display: inline-block; 13353 position: relative; 13354 transition: all 0.4s; 13355 padding-left: 0.4rem; 13356 padding-right: 0.4rem; 13357 } 13358 13359 .horizontal_footer_menu ul li a { 13360 display: block; 13361 text-decoration: none; 13362 white-space: nowrap; 13363 } 13364 13365 .footer.paralax { 13366 position: fixed; 13367 bottom: 0; 13368 left: 0; 13369 right: 0; 13370 visibility: hidden; 13371 } 13372 13373 .footer-social-icons { 13374 max-width: 100%; 13375 margin: -5px; 13376 } 13377 13378 .footer-social-icons a { 13379 display: inline-block; 13380 font-size: 22px; 13381 margin: 5px; 13382 max-height: 40px; 13383 opacity: 0.9; 13384 transition: all 0.3s linear; 13385 } 13386 13387 .footer-social-icons a:hover { 13388 opacity: 1; 13389 } 13390 13391 .footer-social-icons.spaced { 13392 margin: -10px; 13393 } 13394 13395 .footer-social-icons.spaced a { 13396 margin: 10px; 13397 } 13398 13399 .footer::before, 13400 .footer::after { 13401 position: absolute; 13402 top: 0; 13403 bottom: 0; 13404 left: 0; 13405 right: 0; 13406 } 13407 13408 .footer::before { 13409 z-index: 0; 13410 } 13411 13412 .footer::after { 13413 z-index: 1; 13414 } 13415 13416 .footer .gridContainer { 13417 position: relative; 13418 z-index: 10; 13419 } 13420 13421 .no-parallax .footer { 13422 position: static !important; 13423 } 13424 13425 .no-parallax .footer-shadow { 13426 margin-bottom: 0px !important; 13427 box-shadow: none; 13428 } 13429 13430 .footer .copyright a { 13431 color: inherit; 13432 } 13433 13434 .footer .copyright a:hover { 13435 color: inherit; 13436 } 13437 13438 @media (max-width: 767px) { 13439 .footer ul#materialis-footer-menu { 13440 justify-content: center; 13441 } 13442 } 13443 13444 @media (max-width: 767px) { 13445 .footer .row:not(.no-spacing) > div:not(.no-gutter-col) { 13446 padding-top: 20px; 13447 padding-bottom: 20px; 13448 } 13449 } 13450 13451 .footer-simple .footer-content { 13452 padding-top: 40px; 13453 padding-bottom: 40px; 13454 border-top: 1px solid #e8e8e8; 13455 } 13456 13457 .footer.footer-dark .footer-content { 13458 background: #0b0815; 13459 padding-top: 16px; 13460 padding-bottom: 16px; 13461 } 13462 13463 @media (min-width: 768px) and (max-width: 1023px) { 13464 .footer.footer-dark .menu-column { 13465 order: 3; 13466 padding-top: 1rem; 13467 padding-bottom: 0; 13468 } 13469 } 13470 13471 @media (max-width: 767px) { 13472 .footer.footer-dark .footer-social-icons { 13473 margin-top: 1rem; 13474 } 13475 13476 .footer.footer-dark .menu-column { 13477 margin-top: 1rem; 13478 } 13479 13480 .footer.footer-dark .menu-column li { 13481 display: block; 13482 } 13483 } 13484 13485 ul.materialis-footer-menu { 13486 list-style: none; 13487 padding: 0; 13488 margin: 0; 13489 display: -moz-flex; 13490 display: flex; 13491 -moz-flex: 1 0 auto; 13492 flex: 1 0 auto; 13493 -moz-flex-direction: row; 13494 flex-direction: row; 13495 flex-wrap: wrap; 13496 z-index: 1; 13497 left: 0px; 13498 box-sizing: border-box; 13499 width: 100%; 13500 } 13501 13502 ul.materialis-footer-menu li { 13503 display: block; 13504 color: #ffffff; 13505 transition: all 0.4s; 13506 overflow: hidden; 13507 } 13508 13509 ul.materialis-footer-menu li a { 13510 display: block; 13511 text-decoration: none; 13512 white-space: nowrap; 13513 color: inherit; 13514 position: relative; 13515 overflow: hidden; 13516 padding: 1rem 0.9rem; 13517 font-style: normal; 13518 font-size: 14px; 13519 line-height: 160%; 13520 letter-spacing: 1px; 13521 text-transform: uppercase; 13522 } 13523 13524 ul.materialis-footer-menu li:hover, 13525 ul.materialis-footer-menu li.hover { 13526 overflow: visible; 13527 } 13528 13529 ul.materialis-footer-menu li:hover > ul, 13530 ul.materialis-footer-menu li.hover > ul, 13531 ul.materialis-footer-menu li:hover, 13532 ul.materialis-footer-menu li.hover { 13533 opacity: 1; 13534 height: auto; 13535 overflow: visible; 13536 } 13537 13538 @media (min-width: 768px) { 13539 .footer.footer-1 .footer-social-icons { 13540 margin-left: auto; 13541 } 13542 } 13543 13544 @media (min-width: 768px) and (max-width: 1023px) { 13545 .footer.footer-1 .menu-column { 13546 order: 3; 13547 padding-top: 1rem; 13548 padding-bottom: 0; 13549 } 13550 } 13551 13552 @media (max-width: 767px) { 13553 .footer.footer-1 .footer-social-icons { 13554 margin-top: 1rem; 13555 } 13556 13557 .footer.footer-1 .menu-column { 13558 margin-top: 1rem; 13559 } 13560 13561 .footer.footer-1 .menu-column li { 13562 display: block; 13563 } 13564 } 13565 13566 /* 13567 .footer-4 { 13568 .footer-content .row > div { 13569 min-height:200px; 13570 } 13571 }*/ 13572 13573 .footer.footer-4 .bottom-bar-content { 13574 display: flex; 13575 flex-direction: column; 13576 align-items: center; 13577 } 13578 13579 .footer-contact-boxes { 13580 background-color: #222222; 13581 color: #ffffff; 13582 } 13583 13584 .footer-contact-boxes table caption { 13585 color: #ffffff; 13586 } 13587 13588 .footer-contact-boxes .mdi { 13589 color: #ffffff; 13590 } 13591 13592 .footer-contact-boxes a { 13593 color: #03a9f4; 13594 } 13595 13596 .footer-contact-boxes a .mdi { 13597 color: #ffffff; 13598 } 13599 13600 .footer-contact-boxes a:hover { 13601 color: #03a9f4; 13602 } 13603 13604 .footer-contact-boxes a:hover .mdi { 13605 color: #3F464C; 13606 } 13607 13608 .footer-contact-boxes h1, 13609 .footer-contact-boxes h2, 13610 .footer-contact-boxes h3, 13611 .footer-contact-boxes h4, 13612 .footer-contact-boxes h5, 13613 .footer-contact-boxes .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 13614 .widget_block > .wp-block-group > .wp-block-group__inner-container .footer-contact-boxes h1:first-child, 13615 .footer-contact-boxes .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 13616 .widget_block > .wp-block-group > .wp-block-group__inner-container .footer-contact-boxes h2:first-child, 13617 .footer-contact-boxes .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 13618 .widget_block > .wp-block-group > .wp-block-group__inner-container .footer-contact-boxes h3:first-child, 13619 .footer-contact-boxes .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 13620 .widget_block > .wp-block-group > .wp-block-group__inner-container .footer-contact-boxes h4:first-child, 13621 .footer-contact-boxes .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 13622 .widget_block > .wp-block-group > .wp-block-group__inner-container .footer-contact-boxes h5:first-child, 13623 .footer-contact-boxes .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 13624 .widget_block > .wp-block-group > .wp-block-group__inner-container .footer-contact-boxes h6:first-child, 13625 .footer-contact-boxes h6 { 13626 color: #ffffff; 13627 } 13628 13629 .footer-contact-boxes p { 13630 color: #ffffff; 13631 } 13632 13633 .footer-contact-boxes .big-icon { 13634 font-size: 48px; 13635 margin-bottom: 24px; 13636 } 13637 13638 .footer-contact-boxes .footer-bg-accent { 13639 padding-left: 1rem; 13640 padding-right: 1rem; 13641 background-color: #fa5252; 13642 } 13643 13644 .footer-contact-boxes .footer-social-icons { 13645 margin-bottom: 16px; 13646 } 13647 13648 .footer-contact-boxes .col-sm-3 { 13649 padding-top: 20px; 13650 padding-bottom: 20px; 13651 border-left: 1px solid rgba(128, 128, 128, 0.2); 13652 } 13653 13654 .footer-contact-boxes .col-sm-3:last-child { 13655 border-right: 1px solid rgba(128, 128, 128, 0.2); 13656 } 13657 13658 @media (min-width: 768px) { 13659 .footer-contact-boxes .col-sm-3 { 13660 padding-top: 80px; 13661 padding-bottom: 80px; 13662 } 13663 } 13664 13665 /* 13666 EDITOR STYLE 13667 */ 13668 13669 body#tinymce { 13670 color: #333333; 13671 } 13672 13673 /* 13674 GENERAL - STICKY FOOTER 13675 */ 13676 13677 body { 13678 min-height: 1px; 13679 } 13680 13681 [data-parallax-depth] { 13682 background-attachment: fixed; 13683 } 13684 13685 [data-parallax-depth]:before, 13686 [data-parallax-depth]:after { 13687 background-attachment: fixed !important; 13688 } 13689 13690 .no-parallax [data-parallax-depth] { 13691 background-attachment: scroll; 13692 } 13693 13694 .no-parallax [data-parallax-depth]:before, 13695 .no-parallax [data-parallax-depth]:after { 13696 background-attachment: scroll !important; 13697 } 13698 13699 .page-content .content-section a.link, 13700 .page-content .content-section a.button { 13701 margin-right: 3px; 13702 max-width: 100%; 13703 } 13704 13705 .site { 13706 box-sizing: border-box; 13707 display: -moz-flex; 13708 display: flex; 13709 -moz-flex: 0 1 auto; 13710 flex: 0 1 auto; 13711 -moz-flex-direction: column; 13712 flex-direction: column; 13713 min-height: 100vh; 13714 } 13715 13716 .site > .page-content, 13717 .site > .content { 13718 z-index: 1; 13719 -moz-flex: 0 0 auto; 13720 flex: 0 0 auto; 13721 flex-grow: 1; 13722 padding: 30px 0; 13723 } 13724 13725 .site > .page-content.landing, 13726 .site > .content.landing { 13727 display: -moz-flex; 13728 display: flex; 13729 justify-content: center; 13730 align-items: center; 13731 flex-direction: column; 13732 } 13733 13734 .site > .page-content.landing .content, 13735 .site > .content.landing .content { 13736 width: 100%; 13737 } 13738 13739 .site > .content { 13740 padding-top: 6rem; 13741 padding-bottom: 6rem; 13742 } 13743 13744 .site > .content.boxed-layout, 13745 .site > .page-content.boxed-layout { 13746 width: 96%; 13747 margin: 0 auto; 13748 border-radius: 6px 6px 0 0; 13749 margin-top: -20px; 13750 } 13751 13752 .site > .content.boxed-layout.mdc-elevation--z0, 13753 .site > .page-content.boxed-layout.mdc-elevation--z0 { 13754 margin-bottom: 0px; 13755 } 13756 13757 .site > .content.boxed-layout.mdc-elevation--z1, 13758 .site > .page-content.boxed-layout.mdc-elevation--z1 { 13759 margin-bottom: 1.8px; 13760 } 13761 13762 .site > .content.boxed-layout.mdc-elevation--z2, 13763 .site > .page-content.boxed-layout.mdc-elevation--z2 { 13764 margin-bottom: 3.6px; 13765 } 13766 13767 .site > .content.boxed-layout.mdc-elevation--z3, 13768 .site > .page-content.boxed-layout.mdc-elevation--z3 { 13769 margin-bottom: 5.4px; 13770 } 13771 13772 .site > .content.boxed-layout.mdc-elevation--z4, 13773 .site > .page-content.boxed-layout.mdc-elevation--z4 { 13774 margin-bottom: 7.2px; 13775 } 13776 13777 .site > .content.boxed-layout.mdc-elevation--z5, 13778 .site > .page-content.boxed-layout.mdc-elevation--z5 { 13779 margin-bottom: 9px; 13780 } 13781 13782 .site > .content.boxed-layout.mdc-elevation--z6, 13783 .site > .page-content.boxed-layout.mdc-elevation--z6 { 13784 margin-bottom: 10.8px; 13785 } 13786 13787 .site > .content.boxed-layout.mdc-elevation--z7, 13788 .site > .page-content.boxed-layout.mdc-elevation--z7 { 13789 margin-bottom: 12.6px; 13790 } 13791 13792 .site > .content.boxed-layout.mdc-elevation--z8, 13793 .site > .page-content.boxed-layout.mdc-elevation--z8 { 13794 margin-bottom: 14.4px; 13795 } 13796 13797 .site > .content.boxed-layout.mdc-elevation--z9, 13798 .site > .page-content.boxed-layout.mdc-elevation--z9 { 13799 margin-bottom: 16.2px; 13800 } 13801 13802 .site > .content.boxed-layout.mdc-elevation--z10, 13803 .site > .page-content.boxed-layout.mdc-elevation--z10 { 13804 margin-bottom: 18px; 13805 } 13806 13807 .site > .content.boxed-layout.mdc-elevation--z11, 13808 .site > .page-content.boxed-layout.mdc-elevation--z11 { 13809 margin-bottom: 19.8px; 13810 } 13811 13812 .site > .content.boxed-layout.mdc-elevation--z12, 13813 .site > .page-content.boxed-layout.mdc-elevation--z12 { 13814 margin-bottom: 21.6px; 13815 } 13816 13817 .site > .content.boxed-layout.mdc-elevation--z13, 13818 .site > .page-content.boxed-layout.mdc-elevation--z13 { 13819 margin-bottom: 23.4px; 13820 } 13821 13822 .site > .content.boxed-layout.mdc-elevation--z14, 13823 .site > .page-content.boxed-layout.mdc-elevation--z14 { 13824 margin-bottom: 25.2px; 13825 } 13826 13827 .site > .content.boxed-layout.mdc-elevation--z15, 13828 .site > .page-content.boxed-layout.mdc-elevation--z15 { 13829 margin-bottom: 27px; 13830 } 13831 13832 .site > .content.boxed-layout.mdc-elevation--z16, 13833 .site > .page-content.boxed-layout.mdc-elevation--z16 { 13834 margin-bottom: 28.8px; 13835 } 13836 13837 .site > .content.boxed-layout.mdc-elevation--z17, 13838 .site > .page-content.boxed-layout.mdc-elevation--z17 { 13839 margin-bottom: 30.6px; 13840 } 13841 13842 .site > .content.boxed-layout.mdc-elevation--z18, 13843 .site > .page-content.boxed-layout.mdc-elevation--z18 { 13844 margin-bottom: 32.4px; 13845 } 13846 13847 .site > .content.boxed-layout.mdc-elevation--z19, 13848 .site > .page-content.boxed-layout.mdc-elevation--z19 { 13849 margin-bottom: 34.2px; 13850 } 13851 13852 .site > .content.boxed-layout.mdc-elevation--z20, 13853 .site > .page-content.boxed-layout.mdc-elevation--z20 { 13854 margin-bottom: 36px; 13855 } 13856 13857 .site > .content.boxed-layout.mdc-elevation--z21, 13858 .site > .page-content.boxed-layout.mdc-elevation--z21 { 13859 margin-bottom: 37.8px; 13860 } 13861 13862 .site > .content.boxed-layout.mdc-elevation--z22, 13863 .site > .page-content.boxed-layout.mdc-elevation--z22 { 13864 margin-bottom: 39.6px; 13865 } 13866 13867 .site > .content.boxed-layout.mdc-elevation--z23, 13868 .site > .page-content.boxed-layout.mdc-elevation--z23 { 13869 margin-bottom: 41.4px; 13870 } 13871 13872 .site > .content.boxed-layout.mdc-elevation--z24, 13873 .site > .page-content.boxed-layout.mdc-elevation--z24 { 13874 margin-bottom: 43.2px; 13875 } 13876 13877 body.materialis-maintainable-in-customizer .boxed-layout div[data-id]:first-of-type { 13878 border-top-left-radius: 6px; 13879 border-top-right-radius: 6px; 13880 } 13881 13882 @media (max-width: 768px) { 13883 .site > .content { 13884 padding-top: 3rem; 13885 padding-bottom: 3rem; 13886 } 13887 } 13888 13889 @media (max-width: 767px) { 13890 .page-content .page-sidebar-column { 13891 order: 2; 13892 } 13893 } 13894 13895 .materialis-front-page #page > .blog-page, 13896 .materialis-content-padding #page > .page-content, 13897 .materialis-inner-page #page > .page-content { 13898 padding-top: 6rem; 13899 padding-bottom: 6rem; 13900 } 13901 13902 .materialis-front-page #page > .blog-page.no-padding, 13903 .materialis-content-padding #page > .page-content.no-padding, 13904 .materialis-inner-page #page > .page-content.no-padding { 13905 padding: 0 !important; 13906 } 13907 13908 @media (max-width: 768px) { 13909 .materialis-front-page #page > .blog-page, 13910 .materialis-content-padding #page > .page-content, 13911 .materialis-inner-page #page > .page-content { 13912 padding-top: 3rem; 13913 padding-bottom: 3rem; 13914 } 13915 } 13916 13917 .materialis-content-no-padding #page > .page-content, 13918 .materialis-content-no-padding #page > .content { 13919 padding-top: 0; 13920 padding-bottom: 0; 13921 } 13922 13923 body.custom-background, 13924 .materialis-front-page.materialis-content-padding .page-content, 13925 .materialis-inner-page .page-content, 13926 .materialis-inner-page .content { 13927 background-color: #f8f8f8; 13928 } 13929 13930 /* GENERAL CONTENT STYLE */ 13931 13932 .content-section { 13933 text-align: center; 13934 } 13935 13936 .content-section a { 13937 display: inline-block; 13938 } 13939 13940 .content-section a i.mdi { 13941 margin: 0; 13942 } 13943 13944 .content-section img { 13945 margin-bottom: 1rem; 13946 } 13947 13948 @media (min-width: 768px) { 13949 .content-section { 13950 text-align: left; 13951 } 13952 } 13953 13954 .content-section > div:not([class*=gridContainer]):not([class*=separator]) { 13955 padding-left: 15px; 13956 padding-right: 15px; 13957 } 13958 13959 .content-section p { 13960 display: block; 13961 } 13962 13963 .content-section.content-section-spacing-top, 13964 .content-section.content-section-spacing { 13965 padding-top: 32px; 13966 } 13967 13968 .content-section.content-section-spacing-bottom, 13969 .content-section.content-section-spacing { 13970 padding-bottom: 32px; 13971 } 13972 13973 @media (min-width: 768px) { 13974 .content-section.content-section-spacing { 13975 padding-top: 64px; 13976 padding-bottom: 64px; 13977 } 13978 } 13979 13980 .content-section.content-section-spacing-small { 13981 padding-top: 0.6rem; 13982 padding-bottom: 0.6rem; 13983 } 13984 13985 @media (min-width: 768px) { 13986 .content-section.content-section-spacing-small { 13987 padding-top: 1.5rem; 13988 padding-bottom: 1.5rem; 13989 } 13990 } 13991 13992 .content-section.content-section-spacing-medium { 13993 padding-top: 20px; 13994 padding-bottom: 20px; 13995 } 13996 13997 @media (min-width: 768px) { 13998 .content-section.content-section-spacing-medium { 13999 padding-top: 40px; 14000 padding-bottom: 40px; 14001 } 14002 } 14003 14004 .content-section.content-section-spacing-large { 14005 padding-top: 40px; 14006 padding-bottom: 40px; 14007 } 14008 14009 @media (min-width: 768px) { 14010 .content-section.content-section-spacing-large { 14011 padding-top: 80px; 14012 padding-bottom: 80px; 14013 } 14014 } 14015 14016 .content-section.content-section-spacing-xlarge { 14017 padding-top: 60px; 14018 padding-bottom: 60px; 14019 } 14020 14021 @media (min-width: 768px) { 14022 .content-section.content-section-spacing-xlarge { 14023 padding-top: 100px; 14024 padding-bottom: 100px; 14025 } 14026 } 14027 14028 .content-section.content-relative { 14029 position: relative; 14030 } 14031 14032 .content-section.content-relative > *:not([class*=section-separator]) { 14033 position: relative; 14034 z-index: 1; 14035 } 14036 14037 @media (max-width: 767px) { 14038 .content-section > .row:not(.no-spacing) > div:not(.no-gutter-col), 14039 .content-section > div:not(.gridContainer) > .row:not(.no-spacing) > div:not(.no-gutter-col) { 14040 padding-top: 2rem; 14041 padding-bottom: 2rem; 14042 } 14043 } 14044 14045 .offset-double-border-overlay { 14046 display: inline-block; 14047 position: absolute; 14048 pointer-events: none; 14049 width: auto; 14050 top: 0; 14051 left: 0; 14052 right: 0; 14053 bottom: 0; 14054 top: -15%; 14055 bottom: 15%; 14056 left: 15%; 14057 right: -15%; 14058 width: auto; 14059 height: auto; 14060 z-index: 12; 14061 } 14062 14063 .offset-double-border-overlay .border-1, 14064 .offset-double-border-overlay .border-2 { 14065 position: absolute; 14066 width: 100%; 14067 height: 100%; 14068 border-width: 10px; 14069 border-style: solid; 14070 border-color: #ffffff; 14071 } 14072 14073 .offset-double-border-overlay .border-2 { 14074 border-color: rgba(0, 0, 0, 0.2); 14075 right: -10px; 14076 top: 10px; 14077 z-index: -1; 14078 } 14079 14080 .offset-box { 14081 position: relative; 14082 z-index: 0; 14083 } 14084 14085 .offset-box.border:after { 14086 display: inline-block; 14087 position: absolute; 14088 pointer-events: none; 14089 width: auto; 14090 top: 0; 14091 left: 0; 14092 right: 0; 14093 bottom: 0; 14094 -webkit-transform: translate(3%, -3%); 14095 transform: translate(3%, -3%); 14096 border-width: 10px; 14097 border-style: solid; 14098 border-color: rgba(0, 0, 0, 0.5); 14099 z-index: -1; 14100 } 14101 14102 .offset-box.bg:after { 14103 display: flex; 14104 background-color: white; 14105 display: inline-block; 14106 position: absolute; 14107 pointer-events: none; 14108 width: auto; 14109 top: 0; 14110 left: 0; 14111 right: 0; 14112 bottom: 0; 14113 -webkit-transform: translate(-5%, -5%); 14114 transform: translate(-5%, -5%); 14115 z-index: -1; 14116 } 14117 14118 .overlay-box { 14119 position: relative; 14120 z-index: 0; 14121 } 14122 14123 .overlay-box .offset-border { 14124 display: inline-block; 14125 position: absolute; 14126 pointer-events: none; 14127 width: auto; 14128 top: 0; 14129 left: 0; 14130 right: 0; 14131 bottom: 0; 14132 -webkit-transform: translate(3%, -3%); 14133 transform: translate(3%, -3%); 14134 border-width: 10px; 14135 border-style: solid; 14136 } 14137 14138 .overlay-box .offset-border-top-right { 14139 display: inline-block; 14140 position: absolute; 14141 pointer-events: none; 14142 width: auto; 14143 top: 0; 14144 left: 0; 14145 right: 0; 14146 bottom: 0; 14147 -webkit-transform: translate(3%, -3%); 14148 transform: translate(3%, -3%); 14149 border-width: 10px; 14150 } 14151 14152 .overlay-box .offset-border-top-left { 14153 display: inline-block; 14154 position: absolute; 14155 pointer-events: none; 14156 width: auto; 14157 top: 0; 14158 left: 0; 14159 right: 0; 14160 bottom: 0; 14161 -webkit-transform: translate(-3%, -3%); 14162 transform: translate(-3%, -3%); 14163 border-width: 10px; 14164 border-style: solid; 14165 } 14166 14167 .overlay-box .offset-background { 14168 display: inline-block; 14169 position: absolute; 14170 pointer-events: none; 14171 width: auto; 14172 top: 0; 14173 left: 0; 14174 right: 0; 14175 bottom: 0; 14176 z-index: -1; 14177 } 14178 14179 .overlay-box .offset-background-top-right { 14180 display: inline-block; 14181 position: absolute; 14182 pointer-events: none; 14183 width: auto; 14184 top: 0; 14185 left: 0; 14186 right: 0; 14187 bottom: 0; 14188 -webkit-transform: translate(5%, -5%); 14189 transform: translate(5%, -5%); 14190 z-index: -1; 14191 } 14192 14193 .overlay-box .offset-background-top-left { 14194 display: inline-block; 14195 position: absolute; 14196 pointer-events: none; 14197 width: auto; 14198 top: 0; 14199 left: 0; 14200 right: 0; 14201 bottom: 0; 14202 -webkit-transform: translate(-5%, -5%); 14203 transform: translate(-5%, -5%); 14204 z-index: -1; 14205 } 14206 14207 .center-overlay { 14208 display: inline-block; 14209 position: absolute; 14210 pointer-events: none; 14211 width: auto; 14212 top: 0; 14213 left: 0; 14214 right: 0; 14215 bottom: 0; 14216 -webkit-transform: scale(0.75); 14217 transform: scale(0.75); 14218 z-index: 12; 14219 } 14220 14221 .dark-overlay-bg { 14222 position: relative; 14223 z-index: 0; 14224 } 14225 14226 .dark-overlay-bg:before { 14227 display: inline-block; 14228 position: absolute; 14229 pointer-events: none; 14230 width: auto; 14231 top: 0; 14232 left: 0; 14233 right: 0; 14234 bottom: 0; 14235 background-color: rgba(0, 0, 0, 0.498039); 14236 z-index: -1; 14237 } 14238 14239 .dark-overlay { 14240 position: relative; 14241 } 14242 14243 .dark-overlay:before { 14244 display: inline-block; 14245 position: absolute; 14246 pointer-events: none; 14247 width: auto; 14248 top: 0; 14249 left: 0; 14250 right: 0; 14251 bottom: 0; 14252 background-color: rgba(0, 0, 0, 0.498039); 14253 z-index: 0; 14254 } 14255 14256 .dark-overlay > * { 14257 position: absolute; 14258 z-index: 1; 14259 top: 50%; 14260 left: 50%; 14261 margin: -2.22em 0px 0px -2.22em; 14262 } 14263 14264 @media (min-width: 768px) { 14265 .overlay-box .offset-border-top-right { 14266 -webkit-transform: translate(10%, -10%); 14267 transform: translate(10%, -10%); 14268 } 14269 14270 .overlay-box .offset-border-top-left { 14271 -webkit-transform: translate(-10%, -10%); 14272 transform: translate(-10%, -10%); 14273 } 14274 } 14275 14276 .image-group-1 { 14277 position: relative; 14278 } 14279 14280 .image-group-1 img { 14281 width: 100%; 14282 position: relative; 14283 } 14284 14285 .image-group-1 img { 14286 width: 60%; 14287 } 14288 14289 .image-group-1 .img-1 { 14290 z-index: 2; 14291 margin-left: 9%; 14292 } 14293 14294 .image-group-1 .img-2 { 14295 margin-top: -10%; 14296 z-index: 1; 14297 } 14298 14299 .image-group-1 .img-3 { 14300 margin-top: -2%; 14301 margin-left: 15%; 14302 } 14303 14304 .image-group-2-img { 14305 position: relative; 14306 } 14307 14308 .image-group-2-img img { 14309 width: 100%; 14310 position: relative; 14311 } 14312 14313 .image-group-2-img img { 14314 width: 60%; 14315 } 14316 14317 .image-group-2-img .img-1 { 14318 -webkit-transform: translateY(-12%); 14319 transform: translateY(-12%); 14320 } 14321 14322 .image-group-2-img .img-2 { 14323 z-index: 1; 14324 margin-left: -25%; 14325 -webkit-transform: translateY(12%); 14326 transform: translateY(12%); 14327 } 14328 14329 .image-group-right-2 { 14330 position: relative; 14331 } 14332 14333 .image-group-right-2 img { 14334 width: 100%; 14335 position: relative; 14336 } 14337 14338 .image-group-right-2 .left-el, 14339 .image-group-right-2 .right-el { 14340 display: inline-block; 14341 position: relative; 14342 width: 50%; 14343 } 14344 14345 .image-group-right-2 .left-el { 14346 z-index: 11; 14347 } 14348 14349 .image-group-right-2 .right-el { 14350 margin-top: 25%; 14351 margin-left: -20px; 14352 } 14353 14354 .image-group-right-3 { 14355 position: relative; 14356 } 14357 14358 .image-group-right-3 img { 14359 width: 100%; 14360 position: relative; 14361 } 14362 14363 .image-group-right-3 .left-media, 14364 .image-group-right-3 .right-media, 14365 .image-group-right-3 .bottom-media { 14366 display: inline-block; 14367 position: relative; 14368 } 14369 14370 .image-group-right-3 .top-media { 14371 width: 60%; 14372 margin-left: 30%; 14373 } 14374 14375 .image-group-right-3 .bottom-media { 14376 margin-left: 26%; 14377 margin-top: -10%; 14378 width: 60%; 14379 float: right; 14380 } 14381 14382 .image-group-right-3 .left-media { 14383 z-index: 11; 14384 width: 60%; 14385 margin-left: -40%; 14386 margin-top: -50%; 14387 } 14388 14389 .image-group-bottom-3 img { 14390 position: relative; 14391 max-width: 100%; 14392 float: left; 14393 } 14394 14395 .image-group-bottom-3 .left-img { 14396 margin-left: 0%; 14397 margin-top: 10%; 14398 width: 30%; 14399 z-index: 11; 14400 } 14401 14402 .image-group-bottom-3 .center-img { 14403 margin-left: -16%; 14404 max-width: 100%; 14405 width: 70%; 14406 } 14407 14408 .image-group-bottom-3 .right-img { 14409 margin-left: 60%; 14410 margin-top: -30%; 14411 max-width: 100%; 14412 width: 40%; 14413 } 14414 14415 .image-group-side-3-img .topimg, 14416 .image-group-side-3-img .rightimg, 14417 .image-group-side-3-img .leftimg { 14418 float: left; 14419 display: inline-block; 14420 position: relative; 14421 max-width: 100%; 14422 } 14423 14424 .image-group-side-3-img .topimg { 14425 width: 80%; 14426 z-index: 10; 14427 margin-left: 10%; 14428 } 14429 14430 .image-group-side-3-img .rightimg { 14431 margin-top: -25%; 14432 width: auto; 14433 width: 80%; 14434 float: right; 14435 } 14436 14437 .image-group-side-3-img .leftimg { 14438 margin-top: -50%; 14439 z-index: 11; 14440 width: 60%; 14441 } 14442 14443 .image-group-bottom-3-img { 14444 overflow: hidden; 14445 } 14446 14447 .image-group-bottom-3-img img { 14448 position: relative; 14449 max-width: 100%; 14450 } 14451 14452 .image-group-bottom-3-img .left-img { 14453 margin-right: -10%; 14454 width: 35%; 14455 z-index: 0; 14456 } 14457 14458 .image-group-bottom-3-img .center-img { 14459 max-width: 100%; 14460 width: 42%; 14461 z-index: 1; 14462 } 14463 14464 .image-group-bottom-3-img .right-img { 14465 margin-left: -10%; 14466 max-width: 100%; 14467 width: 35%; 14468 } 14469 14470 .subscribe-form input, 14471 .subscribe-form textarea, 14472 .subscribe-form select { 14473 display: inline-block; 14474 width: auto; 14475 } 14476 14477 .subscribe-form form, 14478 .subscribe-form .form-item { 14479 margin-bottom: 0; 14480 } 14481 14482 .subscribe-form input[type=submit] { 14483 margin-left: 20px; 14484 } 14485 14486 .subscribe-form input[type=email] { 14487 max-width: 400px; 14488 width: 100%; 14489 } 14490 14491 .subscribe-form .mc4wp-form-fields { 14492 display: -moz-flex; 14493 display: flex; 14494 -moz-justify-content: center; 14495 justify-content: center; 14496 } 14497 14498 @media (max-width: 767px) { 14499 .subscribe-form .mc4wp-form-fields { 14500 display: block; 14501 } 14502 14503 .subscribe-form .mc4wp-form-fields input[type=email] { 14504 width: calc(100% - 40px); 14505 max-width: unset; 14506 } 14507 14508 .subscribe-form .mc4wp-form-fields input[type=submit] { 14509 margin: 1.5rem auto 0 auto; 14510 display: flex; 14511 } 14512 } 14513 14514 .subscribe-form input[type=submit] { 14515 height: auto; 14516 font-family: "Roboto"; 14517 font-size: 0.875rem; 14518 color: #ffffff; 14519 background-color: #228ae6; 14520 border-radius: 4px; 14521 min-width: 7rem; 14522 padding: 0.55rem 20px; 14523 font-weight: 500; 14524 letter-spacing: 1px; 14525 text-align: center; 14526 text-decoration: none; 14527 cursor: pointer; 14528 display: inline-block; 14529 line-height: 40px; 14530 border: 2px solid #228ae6; 14531 vertical-align: middle; 14532 -webkit-appearance: none; 14533 margin-bottom: 0.875rem; 14534 margin-bottom: 0; 14535 line-height: 1; 14536 min-width: 6rem; 14537 } 14538 14539 .subscribe-form input[type=submit] i { 14540 position: relative; 14541 top: 1px; 14542 margin: 0 2px; 14543 } 14544 14545 .subscribe-form input[type=submit]:hover { 14546 outline: none; 14547 text-decoration: none; 14548 color: #ffffff; 14549 background-color: #50a2eb; 14550 border-color: #50a2eb; 14551 } 14552 14553 .subscribe-form input[type=submit]:disabled, 14554 .subscribe-form input[type=submit]:disabled[disabled], 14555 .subscribe-form input[type=submit].disabled { 14556 cursor: default; 14557 font-style: normal; 14558 color: rgba(255, 255, 255, 0.7); 14559 background-color: rgba(34, 138, 230, 0.7); 14560 border-color: rgba(34, 138, 230, 0.7); 14561 padding: 0.55rem 20px; 14562 } 14563 14564 .subscribe-form input[type=submit]:disabled:hover, 14565 .subscribe-form input[type=submit]:disabled[disabled]:hover, 14566 .subscribe-form input[type=submit].disabled:hover { 14567 color: #ffffff; 14568 } 14569 14570 .subscribe-form input[type=submit] .button-icon { 14571 font-size: 1.5em; 14572 margin-right: 0.25em; 14573 vertical-align: middle; 14574 } 14575 14576 .v-spacing { 14577 margin-top: 1rem; 14578 margin-bottom: 1rem; 14579 } 14580 14581 .v-spacing.medium { 14582 margin-top: 1.5rem; 14583 margin-bottom: 1.5rem; 14584 } 14585 14586 .v-spacing.large { 14587 margin-top: 2rem; 14588 margin-bottom: 2rem; 14589 } 14590 14591 .full-height-row { 14592 height: 100%; 14593 } 14594 14595 .no-margin-top { 14596 margin-top: 0px; 14597 } 14598 14599 .no-margin-bottom { 14600 margin-bottom: 0px; 14601 } 14602 14603 .space-bottom-large { 14604 margin-bottom: 4rem; 14605 } 14606 14607 .space-bottom { 14608 margin-bottom: 2rem; 14609 } 14610 14611 .space-bottom-small, 14612 .sidebar .widget { 14613 margin-bottom: 1rem; 14614 } 14615 14616 .space-top-large { 14617 margin-top: 4rem; 14618 } 14619 14620 .space-top { 14621 margin-top: 2rem; 14622 } 14623 14624 .space-top-small { 14625 margin-top: 1rem; 14626 } 14627 14628 @media (max-width: 767px) { 14629 .hide-xs { 14630 display: none !important; 14631 } 14632 14633 .space-bottom-xs-large { 14634 margin-bottom: 3rem; 14635 } 14636 14637 .space-bottom-xs { 14638 margin-bottom: 1.5rem; 14639 } 14640 14641 .space-top-xs-large { 14642 margin-top: 3rem; 14643 } 14644 14645 .space-top-xs { 14646 margin-top: 1.5rem; 14647 } 14648 } 14649 14650 div.section-separator-top, 14651 div.section-separator-bottom { 14652 width: 100%; 14653 max-width: 100%; 14654 overflow-x: hidden; 14655 position: absolute; 14656 z-index: 0; 14657 height: 10%; 14658 display: flex; 14659 } 14660 14661 svg.section-separator-top, 14662 svg.section-separator-bottom { 14663 display: block; 14664 margin-left: -1%; 14665 max-height: 100%; 14666 width: 102%; 14667 height: 100%; 14668 } 14669 14670 svg.section-separator-top[data-separator-name*=-negative] { 14671 -webkit-transform: rotateX(180deg); 14672 transform: rotateX(180deg); 14673 } 14674 14675 svg.section-separator-bottom:not([data-separator-name*=-negative]) { 14676 -webkit-transform: rotateX(180deg); 14677 transform: rotateX(180deg); 14678 } 14679 14680 div.section-separator-bottom { 14681 bottom: 0px; 14682 } 14683 14684 div.section-separator-top { 14685 top: 0px; 14686 } 14687 14688 .mdi.video-icon { 14689 color: #ffffff; 14690 font-size: 4.44rem; 14691 padding: 0 10px; 14692 } 14693 14694 img.round { 14695 border-radius: 100%; 14696 } 14697 14698 img.rounded { 14699 border-radius: 8px; 14700 } 14701 14702 img.desaturate { 14703 -webkit-filter: grayscale(100%); 14704 filter: grayscale(100%); 14705 opacity: 0.6; 14706 transition: 1s all; 14707 } 14708 14709 img.desaturate:hover { 14710 -webkit-filter: grayscale(0%); 14711 filter: grayscale(0%); 14712 opacity: 1; 14713 } 14714 14715 img.icon { 14716 font-size: 4.5rem; 14717 margin-bottom: 1rem; 14718 width: 4.5rem; 14719 min-width: 4.5rem; 14720 height: 4.5rem; 14721 position: relative; 14722 } 14723 14724 img.icon:before { 14725 position: absolute; 14726 top: 50%; 14727 left: 50%; 14728 -webkit-transform: translateX(-50%) translateY(-50%); 14729 transform: translateX(-50%) translateY(-50%); 14730 } 14731 14732 img.icon.round { 14733 border-radius: 100%; 14734 } 14735 14736 img.icon.reverse { 14737 font-size: 2.25rem; 14738 color: #ffffff; 14739 } 14740 14741 img.icon.bordered, 14742 img.icon.card[class*=bottom-border-] { 14743 border-width: 2px; 14744 border-style: solid; 14745 font-size: 2.25rem; 14746 padding: calc(0.3em - 2px); 14747 } 14748 14749 img.icon.small, 14750 img.icon.comment-meta { 14751 font-size: 3.375rem; 14752 margin-bottom: 1rem; 14753 width: 3.375rem; 14754 min-width: 3.375rem; 14755 height: 3.375rem; 14756 position: relative; 14757 } 14758 14759 img.icon.small:before, 14760 img.icon.comment-meta:before { 14761 position: absolute; 14762 top: 50%; 14763 left: 50%; 14764 -webkit-transform: translateX(-50%) translateY(-50%); 14765 transform: translateX(-50%) translateY(-50%); 14766 } 14767 14768 img.icon.small.round, 14769 img.icon.round.comment-meta { 14770 border-radius: 100%; 14771 } 14772 14773 img.icon.small.reverse, 14774 img.icon.reverse.comment-meta { 14775 font-size: 1.6875rem; 14776 color: #ffffff; 14777 } 14778 14779 img.icon.small.bordered, 14780 img.icon.bordered.comment-meta, 14781 img.icon.small.card[class*=bottom-border-], 14782 img.icon.comment-meta.card[class*=bottom-border-] { 14783 border-width: 2px; 14784 border-style: solid; 14785 font-size: 1.6875rem; 14786 padding: calc(0.3em - 2px); 14787 } 14788 14789 img.icon.big { 14790 font-size: 5.625rem; 14791 margin-bottom: 1rem; 14792 width: 5.625rem; 14793 min-width: 5.625rem; 14794 height: 5.625rem; 14795 position: relative; 14796 } 14797 14798 img.icon.big:before { 14799 position: absolute; 14800 top: 50%; 14801 left: 50%; 14802 -webkit-transform: translateX(-50%) translateY(-50%); 14803 transform: translateX(-50%) translateY(-50%); 14804 } 14805 14806 img.icon.big.round { 14807 border-radius: 100%; 14808 } 14809 14810 img.icon.big.reverse { 14811 font-size: 2.8125rem; 14812 color: #ffffff; 14813 } 14814 14815 img.icon.big.bordered, 14816 img.icon.big.card[class*=bottom-border-] { 14817 border-width: 2px; 14818 border-style: solid; 14819 font-size: 2.8125rem; 14820 padding: calc(0.3em - 2px); 14821 } 14822 14823 img.icon.large { 14824 font-size: 6.75rem; 14825 margin-bottom: 1rem; 14826 width: 6.75rem; 14827 min-width: 6.75rem; 14828 height: 6.75rem; 14829 position: relative; 14830 } 14831 14832 img.icon.large:before { 14833 position: absolute; 14834 top: 50%; 14835 left: 50%; 14836 -webkit-transform: translateX(-50%) translateY(-50%); 14837 transform: translateX(-50%) translateY(-50%); 14838 } 14839 14840 img.icon.large.round { 14841 border-radius: 100%; 14842 } 14843 14844 img.icon.large.reverse { 14845 font-size: 3.375rem; 14846 color: #ffffff; 14847 } 14848 14849 img.icon.large.bordered, 14850 img.icon.large.card[class*=bottom-border-] { 14851 border-width: 2px; 14852 border-style: solid; 14853 font-size: 3.375rem; 14854 padding: calc(0.3em - 2px); 14855 } 14856 14857 img.icon.bordered, 14858 img.icon.card[class*=bottom-border-] { 14859 border-width: 4px; 14860 padding: 0; 14861 } 14862 14863 i.mdi { 14864 -webkit-font-feature-settings: "liga"; 14865 -webkit-font-smoothing: antialiased; 14866 line-height: 1; 14867 display: inline-block; 14868 text-align: center; 14869 } 14870 14871 i.mdi.icon { 14872 font-size: 4.5rem; 14873 margin-bottom: 1rem; 14874 width: 4.5rem; 14875 min-width: 4.5rem; 14876 height: 4.5rem; 14877 position: relative; 14878 } 14879 14880 i.mdi.icon:before { 14881 position: absolute; 14882 top: 50%; 14883 left: 50%; 14884 -webkit-transform: translateX(-50%) translateY(-50%); 14885 transform: translateX(-50%) translateY(-50%); 14886 } 14887 14888 i.mdi.icon.round { 14889 border-radius: 100%; 14890 } 14891 14892 i.mdi.icon.reverse { 14893 font-size: 2.25rem; 14894 color: #ffffff; 14895 } 14896 14897 i.mdi.icon.bordered, 14898 i.mdi.icon.card[class*=bottom-border-] { 14899 border-width: 2px; 14900 border-style: solid; 14901 font-size: 2.25rem; 14902 padding: calc(0.3em - 2px); 14903 } 14904 14905 i.mdi.icon.small, 14906 i.mdi.icon.comment-meta { 14907 font-size: 3.375rem; 14908 margin-bottom: 1rem; 14909 width: 3.375rem; 14910 min-width: 3.375rem; 14911 height: 3.375rem; 14912 position: relative; 14913 } 14914 14915 i.mdi.icon.small:before, 14916 i.mdi.icon.comment-meta:before { 14917 position: absolute; 14918 top: 50%; 14919 left: 50%; 14920 -webkit-transform: translateX(-50%) translateY(-50%); 14921 transform: translateX(-50%) translateY(-50%); 14922 } 14923 14924 i.mdi.icon.small.round, 14925 i.mdi.icon.round.comment-meta { 14926 border-radius: 100%; 14927 } 14928 14929 i.mdi.icon.small.reverse, 14930 i.mdi.icon.reverse.comment-meta { 14931 font-size: 1.6875rem; 14932 color: #ffffff; 14933 } 14934 14935 i.mdi.icon.small.bordered, 14936 i.mdi.icon.bordered.comment-meta, 14937 i.mdi.icon.small.card[class*=bottom-border-], 14938 i.mdi.icon.comment-meta.card[class*=bottom-border-] { 14939 border-width: 2px; 14940 border-style: solid; 14941 font-size: 1.6875rem; 14942 padding: calc(0.3em - 2px); 14943 } 14944 14945 i.mdi.icon.big { 14946 font-size: 5.625rem; 14947 margin-bottom: 1rem; 14948 width: 5.625rem; 14949 min-width: 5.625rem; 14950 height: 5.625rem; 14951 position: relative; 14952 } 14953 14954 i.mdi.icon.big:before { 14955 position: absolute; 14956 top: 50%; 14957 left: 50%; 14958 -webkit-transform: translateX(-50%) translateY(-50%); 14959 transform: translateX(-50%) translateY(-50%); 14960 } 14961 14962 i.mdi.icon.big.round { 14963 border-radius: 100%; 14964 } 14965 14966 i.mdi.icon.big.reverse { 14967 font-size: 2.8125rem; 14968 color: #ffffff; 14969 } 14970 14971 i.mdi.icon.big.bordered, 14972 i.mdi.icon.big.card[class*=bottom-border-] { 14973 border-width: 2px; 14974 border-style: solid; 14975 font-size: 2.8125rem; 14976 padding: calc(0.3em - 2px); 14977 } 14978 14979 i.mdi.icon.large { 14980 font-size: 6.75rem; 14981 margin-bottom: 1rem; 14982 width: 6.75rem; 14983 min-width: 6.75rem; 14984 height: 6.75rem; 14985 position: relative; 14986 } 14987 14988 i.mdi.icon.large:before { 14989 position: absolute; 14990 top: 50%; 14991 left: 50%; 14992 -webkit-transform: translateX(-50%) translateY(-50%); 14993 transform: translateX(-50%) translateY(-50%); 14994 } 14995 14996 i.mdi.icon.large.round { 14997 border-radius: 100%; 14998 } 14999 15000 i.mdi.icon.large.reverse { 15001 font-size: 3.375rem; 15002 color: #ffffff; 15003 } 15004 15005 i.mdi.icon.large.bordered, 15006 i.mdi.icon.large.card[class*=bottom-border-] { 15007 border-width: 2px; 15008 border-style: solid; 15009 font-size: 3.375rem; 15010 padding: calc(0.3em - 2px); 15011 } 15012 15013 i.mdi.icon.reverse { 15014 background-color: #228ae6; 15015 } 15016 15017 i.mdi.icon.bordered, 15018 i.mdi.icon.card[class*=bottom-border-] { 15019 border-color: #228ae6; 15020 } 15021 15022 .content-section i.mdi:not(.icon) { 15023 font-size: 1.6rem; 15024 } 15025 15026 a.icon-link { 15027 text-decoration: none; 15028 display: inline-block; 15029 } 15030 15031 a.icon-link i.mdi { 15032 color: inherit; 15033 } 15034 15035 a.icon-link i.mdi.icon { 15036 display: block; 15037 border-radius: 100%; 15038 margin-right: 0.5rem; 15039 margin-bottom: 0; 15040 } 15041 15042 .top-right-triangle { 15043 width: 0; 15044 height: 0; 15045 border-style: solid; 15046 border-width: 0 70px 70px 0; 15047 border-color: transparent; 15048 display: inline-block; 15049 position: relative; 15050 } 15051 15052 .top-right-triangle.color1 { 15053 border-right-color: #228ae6; 15054 } 15055 15056 .top-right-triangle.color2 { 15057 border-right-color: #fa5252; 15058 } 15059 15060 .top-right-triangle.color3 { 15061 border-right-color: #82c91e; 15062 } 15063 15064 .top-right-triangle.color4 { 15065 border-right-color: #fab005; 15066 } 15067 15068 .top-right-triangle.color5 { 15069 border-right-color: #fab005; 15070 } 15071 15072 .top-right-triangle i.mdi { 15073 position: absolute; 15074 top: 13px; 15075 right: -58px; 15076 color: #ffffff; 15077 } 15078 15079 .top-right-triangle { 15080 width: 0; 15081 height: 0; 15082 border-style: solid; 15083 border-width: 0px 70px 70px 0px; 15084 border-color: transparent; 15085 display: inline-block; 15086 position: relative; 15087 } 15088 15089 .top-right-triangle.color1 { 15090 border-right-color: #228ae6; 15091 } 15092 15093 .top-right-triangle.color2 { 15094 border-right-color: #fa5252; 15095 } 15096 15097 .top-right-triangle.color3 { 15098 border-right-color: #82c91e; 15099 } 15100 15101 .top-right-triangle.color4 { 15102 border-right-color: #fab005; 15103 } 15104 15105 .top-right-triangle.color5 { 15106 border-right-color: #fab005; 15107 } 15108 15109 .top-right-triangle i.mdi { 15110 position: absolute; 15111 top: 8.75px; 15112 right: -66.6666666667px; 15113 color: #ffffff; 15114 } 15115 15116 .top-right-triangle.small, 15117 .top-right-triangle.comment-meta { 15118 border-width: 0px 35px 35px 0px; 15119 } 15120 15121 .top-right-triangle.small i.mdi, 15122 .top-right-triangle.comment-meta i.mdi { 15123 top: 5.8333333333px; 15124 right: -30.1724137931px; 15125 } 15126 15127 .bottom-right-triangle { 15128 width: 0; 15129 height: 0; 15130 border-style: solid; 15131 border-width: 0px 0px 70px 70px; 15132 border-color: transparent; 15133 display: inline-block; 15134 position: relative; 15135 } 15136 15137 .bottom-right-triangle.color1 { 15138 border-bottom-color: #228ae6; 15139 } 15140 15141 .bottom-right-triangle.color2 { 15142 border-bottom-color: #fa5252; 15143 } 15144 15145 .bottom-right-triangle.color3 { 15146 border-bottom-color: #82c91e; 15147 } 15148 15149 .bottom-right-triangle.color4 { 15150 border-bottom-color: #fab005; 15151 } 15152 15153 .bottom-right-triangle.color5 { 15154 border-bottom-color: #fab005; 15155 } 15156 15157 .bottom-right-triangle i.mdi { 15158 position: absolute; 15159 top: 8.75px; 15160 right: -66.6666666667px; 15161 color: #ffffff; 15162 } 15163 15164 .bottom-right-triangle.small, 15165 .bottom-right-triangle.comment-meta { 15166 border-width: 0px 0px 35px 35px; 15167 } 15168 15169 .bottom-right-triangle.small i.mdi, 15170 .bottom-right-triangle.comment-meta i.mdi { 15171 top: 5.8333333333px; 15172 right: -30.1724137931px; 15173 } 15174 15175 .top-left-triangle { 15176 width: 0; 15177 height: 0; 15178 border-style: solid; 15179 border-width: 70px 70px 0px 0px; 15180 border-color: transparent; 15181 display: inline-block; 15182 position: relative; 15183 } 15184 15185 .top-left-triangle.color1 { 15186 border-top-color: #228ae6; 15187 } 15188 15189 .top-left-triangle.color2 { 15190 border-top-color: #fa5252; 15191 } 15192 15193 .top-left-triangle.color3 { 15194 border-top-color: #82c91e; 15195 } 15196 15197 .top-left-triangle.color4 { 15198 border-top-color: #fab005; 15199 } 15200 15201 .top-left-triangle.color5 { 15202 border-top-color: #fab005; 15203 } 15204 15205 .top-left-triangle i.mdi { 15206 position: absolute; 15207 top: 8.75px; 15208 right: -66.6666666667px; 15209 color: #ffffff; 15210 } 15211 15212 .top-left-triangle.small, 15213 .top-left-triangle.comment-meta { 15214 border-width: 35px 35px 0px 0px; 15215 } 15216 15217 .top-left-triangle.small i.mdi, 15218 .top-left-triangle.comment-meta i.mdi { 15219 top: 5.8333333333px; 15220 right: -30.1724137931px; 15221 } 15222 15223 .materialis-latest-news div.negative-margin { 15224 margin-left: -0.5rem; 15225 } 15226 15227 .materialis-latest-news .latest-news-layout-overlap .post-content-body h1, 15228 .materialis-latest-news .latest-news-layout-overlap .post-content-body h2, 15229 .materialis-latest-news .latest-news-layout-overlap .post-content-body h3, 15230 .materialis-latest-news .latest-news-layout-overlap .post-content-body h4, 15231 .materialis-latest-news .latest-news-layout-overlap .post-content-body h5, 15232 .materialis-latest-news .latest-news-layout-overlap .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 15233 .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .latest-news-layout-overlap .post-content-body h1:first-child, 15234 .materialis-latest-news .latest-news-layout-overlap .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 15235 .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .latest-news-layout-overlap .post-content-body h2:first-child, 15236 .materialis-latest-news .latest-news-layout-overlap .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 15237 .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .latest-news-layout-overlap .post-content-body h3:first-child, 15238 .materialis-latest-news .latest-news-layout-overlap .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 15239 .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .latest-news-layout-overlap .post-content-body h4:first-child, 15240 .materialis-latest-news .latest-news-layout-overlap .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 15241 .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .latest-news-layout-overlap .post-content-body h5:first-child, 15242 .materialis-latest-news .latest-news-layout-overlap .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 15243 .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .latest-news-layout-overlap .post-content-body h6:first-child, 15244 .materialis-latest-news .latest-news-layout-overlap .post-content-body h6, 15245 .materialis-latest-news .mdc-card .post-content-body h1, 15246 .materialis-latest-news .mdc-card .post-content-body h2, 15247 .materialis-latest-news .mdc-card .post-content-body h3, 15248 .materialis-latest-news .mdc-card .post-content-body h4, 15249 .materialis-latest-news .mdc-card .post-content-body h5, 15250 .materialis-latest-news .mdc-card .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 15251 .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .mdc-card .post-content-body h1:first-child, 15252 .materialis-latest-news .mdc-card .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 15253 .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .mdc-card .post-content-body h2:first-child, 15254 .materialis-latest-news .mdc-card .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 15255 .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .mdc-card .post-content-body h3:first-child, 15256 .materialis-latest-news .mdc-card .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 15257 .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .mdc-card .post-content-body h4:first-child, 15258 .materialis-latest-news .mdc-card .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 15259 .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .mdc-card .post-content-body h5:first-child, 15260 .materialis-latest-news .mdc-card .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 15261 .widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .mdc-card .post-content-body h6:first-child, 15262 .materialis-latest-news .mdc-card .post-content-body h6 { 15263 color: #54617A; 15264 } 15265 15266 .materialis-latest-news .latest-news-layout-overlap .post-content-body p, 15267 .materialis-latest-news .latest-news-layout-overlap .post-content-body span, 15268 .materialis-latest-news .mdc-card .post-content-body p, 15269 .materialis-latest-news .mdc-card .post-content-body span { 15270 color: #8D99AE; 15271 } 15272 15273 .materialis-latest-news .latest-news-item-meta.after-title i.mdi { 15274 line-height: 1; 15275 vertical-align: middle; 15276 padding: 0; 15277 margin-top: -0.45rem; 15278 } 15279 15280 .materialis-latest-news .latest-news-item-meta.after-title a { 15281 padding: 0px 6px; 15282 } 15283 15284 .materialis-latest-news .latest-news-layout-list { 15285 display: -moz-flex; 15286 display: flex; 15287 -moz-flex-direction: column; 15288 flex-direction: column; 15289 height: 100%; 15290 } 15291 15292 .materialis-latest-news .latest-news-layout-list .post-content-body { 15293 flex-grow: 1; 15294 } 15295 15296 @media (max-width: 1024px) { 15297 .materialis-latest-news .mdc-card__actions { 15298 flex-flow: wrap; 15299 } 15300 15301 .materialis-latest-news .mdc-card__actions .mdc-card__action-icons, 15302 .materialis-latest-news .mdc-card__actions .mdc-card__action-buttons { 15303 -moz-justify-content: center; 15304 justify-content: center; 15305 box-sizing: border-box; 15306 -moz-flex-grow: 0; 15307 flex-grow: 0; 15308 flex-shrink: 0; 15309 padding-right: 15px; 15310 padding-left: 15px; 15311 flex-basis: 100%; 15312 max-width: 100%; 15313 text-align: center; 15314 } 15315 15316 .materialis-latest-news .mdc-card__actions .mdc-card__action-icons { 15317 flex-flow: wrap; 15318 } 15319 15320 .materialis-latest-news .mdc-card__actions .mdc-card__action-buttons { 15321 box-sizing: border-box; 15322 -moz-flex-grow: 0; 15323 flex-grow: 0; 15324 flex-shrink: 0; 15325 padding-right: 15px; 15326 padding-left: 15px; 15327 flex-basis: 100%; 15328 max-width: 100%; 15329 } 15330 } 15331 15332 .materialis-latest-news .latest-news-layout-overlap { 15333 position: relative; 15334 } 15335 15336 .materialis-latest-news .latest-news-layout-overlap .background-image { 15337 top: 0; 15338 left: 0; 15339 width: 100%; 15340 padding-top: 180%; 15341 overflow: hidden; 15342 z-index: 1; 15343 position: relative; 15344 } 15345 15346 @media (max-width: 1023px) { 15347 .materialis-latest-news .latest-news-layout-overlap .background-image { 15348 padding-top: 200%; 15349 } 15350 } 15351 15352 .materialis-latest-news .latest-news-layout-overlap .background-image img { 15353 position: absolute; 15354 top: -10%; 15355 left: -10%; 15356 height: 110%; 15357 max-width: unset; 15358 width: auto; 15359 } 15360 15361 .materialis-latest-news .latest-news-layout-overlap .post-content-body { 15362 position: absolute; 15363 bottom: 0px; 15364 left: 0; 15365 z-index: 2; 15366 width: 90%; 15367 } 15368 15369 .materialis-latest-news .elevate-image .post-list-item-thumb img { 15370 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); 15371 } 15372 15373 .materialis-latest-news .mdc-card, 15374 .materialis-latest-news .card { 15375 height: 100%; 15376 } 15377 15378 .materialis-latest-news .mdc-card .post-content-body, 15379 .materialis-latest-news .card .post-content-body { 15380 flex-grow: 1; 15381 } 15382 15383 .materialis-latest-news .mdc-card .button.link, 15384 .materialis-latest-news .card .button.link { 15385 margin-left: -8px; 15386 font-size: 16px; 15387 text-transform: capitalize; 15388 } 15389 15390 .materialis-latest-news .mdc-card .mdc-card__action-icons .post-footer-link, 15391 .materialis-latest-news .card .mdc-card__action-icons .post-footer-link { 15392 margin-right: 10px; 15393 } 15394 15395 .materialis-latest-news .mdc-card .mdc-card__action-icons .post-footer-link > i, 15396 .materialis-latest-news .card .mdc-card__action-icons .post-footer-link > i { 15397 padding: 0; 15398 vertical-align: middle; 15399 } 15400 15401 .materialis-latest-news .mdc-card .mdc-card__action-icons .post-footer-link > .post-footer-value, 15402 .materialis-latest-news .card .mdc-card__action-icons .post-footer-link > .post-footer-value { 15403 color: rgba(0, 0, 0, 0.38); 15404 vertical-align: middle; 15405 } 15406 15407 .materialis-latest-news .mdc-card .mdc-card__action-buttons, 15408 .materialis-latest-news .card .mdc-card__action-buttons { 15409 margin-left: auto; 15410 } 15411 15412 .materialis-latest-news .mdc-card .mdc-card__action-buttons .button.link, 15413 .materialis-latest-news .card .mdc-card__action-buttons .button.link { 15414 font-size: 14px; 15415 text-transform: uppercase; 15416 } 15417 15418 [data-section-ov], 15419 [data-ovid] { 15420 position: relative; 15421 } 15422 15423 [data-section-ov] > *, 15424 [data-ovid] > * { 15425 z-index: 1; 15426 position: relative; 15427 } 15428 15429 [data-section-ov]:before, 15430 [data-ovid]:before { 15431 position: absolute; 15432 display: block; 15433 top: 0px; 15434 left: 0px; 15435 width: 100%; 15436 height: 100%; 15437 z-index: 0; 15438 } 15439 15440 .col-relative { 15441 position: relative; 15442 } 15443 15444 .col-padding { 15445 padding: 2rem; 15446 } 15447 15448 .col-padding-top { 15449 padding-top: 2rem; 15450 } 15451 15452 .col-padding-bottom { 15453 padding-top: 2rem; 15454 } 15455 15456 .col-padding-small { 15457 padding: 1rem; 15458 } 15459 15460 .col-no-padding { 15461 padding: 0; 15462 } 15463 15464 .col-no-padding-bottom { 15465 padding-bottom: 0; 15466 } 15467 15468 .col-no-padding-top { 15469 padding-top: 0; 15470 } 15471 15472 .no-gutter-col { 15473 padding-left: 0px; 15474 padding-right: 0px; 15475 } 15476 15477 .no-padding { 15478 padding: 0px; 15479 } 15480 15481 .no-padding-top { 15482 padding-top: 0px; 15483 } 15484 15485 .no-padding-bottom { 15486 padding-bottom: 0px; 15487 } 15488 15489 .no-padding-left { 15490 padding-left: 0px; 15491 } 15492 15493 .box-padding-tb-medium { 15494 padding-top: 40px; 15495 padding-bottom: 40px; 15496 } 15497 15498 .box-padding-tb-small { 15499 padding-top: 22px; 15500 padding-bottom: 22px; 15501 } 15502 15503 .box-padding-lr-small { 15504 padding-left: 28px; 15505 padding-right: 28px; 15506 } 15507 15508 .box-padding-lr-medium { 15509 padding-left: 40px; 15510 padding-right: 40px; 15511 } 15512 15513 @media (min-width: 768px) { 15514 .col-sm-padding-medium { 15515 padding-left: 5%; 15516 padding-right: 5%; 15517 padding-top: 3rem; 15518 padding-bottom: 3rem; 15519 } 15520 15521 .col-sm-padding-large { 15522 padding-left: 10%; 15523 padding-right: 10%; 15524 padding-top: 6rem; 15525 padding-bottom: 6rem; 15526 } 15527 } 15528 15529 @media (max-width: 767px) { 15530 .col-padding-xs { 15531 padding: 2rem; 15532 } 15533 15534 .col-padding-small-xs { 15535 padding: 1rem; 15536 } 15537 } 15538 15539 .row.spaced-cols { 15540 margin-bottom: -30px; 15541 } 15542 15543 .row.spaced-cols.space-bottom { 15544 margin-bottom: 0px; 15545 } 15546 15547 .spaced-cols > div { 15548 margin-bottom: 30px; 15549 } 15550 15551 .full-col-left-padding { 15552 padding-left: 8%; 15553 } 15554 15555 .full-col-right-padding { 15556 padding-right: 8%; 15557 } 15558 15559 .full-title-col { 15560 margin: auto; 15561 } 15562 15563 .gridContainer .full-col-left-padding, 15564 .gridContainer .full-col-right-padding { 15565 padding-left: 15px; 15566 padding-right: 15px; 15567 } 15568 15569 .section-title-col { 15570 box-sizing: border-box; 15571 -moz-flex-grow: 0; 15572 flex-grow: 0; 15573 flex-shrink: 0; 15574 padding-right: 15px; 15575 padding-left: 15px; 15576 flex-basis: 100%; 15577 max-width: 100%; 15578 max-width: 100%; 15579 text-align: center; 15580 margin: auto; 15581 } 15582 15583 .section-title-col > *:last-child:not(.button) { 15584 margin-bottom: 1.5rem; 15585 } 15586 15587 @media (min-width: 768px) { 15588 .section-title-col { 15589 box-sizing: border-box; 15590 -moz-flex-grow: 0; 15591 flex-grow: 0; 15592 flex-shrink: 0; 15593 padding-right: 15px; 15594 padding-left: 15px; 15595 flex-basis: 83.3333333333%; 15596 max-width: 83.3333333333%; 15597 } 15598 15599 .section-title-col > *:last-child:not(.button) { 15600 margin-bottom: 2rem; 15601 } 15602 } 15603 15604 @media (min-width: 1228px) { 15605 .section-title-col { 15606 max-width: 65%; 15607 } 15608 15609 .section-title-col.large { 15610 max-width: 82.5%; 15611 } 15612 } 15613 15614 .white-text p:not([class*=color]), 15615 .white-text h1:not([class*=color]), 15616 .white-text h2:not([class*=color]), 15617 .white-text h3:not([class*=color]), 15618 .white-text h4:not([class*=color]), 15619 .white-text h5:not([class*=color]), 15620 .white-text .widget_block > .wp-block-group > .wp-block-group__inner-container h1:not([class*=color]):first-child, 15621 .widget_block > .wp-block-group > .wp-block-group__inner-container .white-text h1:not([class*=color]):first-child, 15622 .white-text .widget_block > .wp-block-group > .wp-block-group__inner-container h2:not([class*=color]):first-child, 15623 .widget_block > .wp-block-group > .wp-block-group__inner-container .white-text h2:not([class*=color]):first-child, 15624 .white-text .widget_block > .wp-block-group > .wp-block-group__inner-container h3:not([class*=color]):first-child, 15625 .widget_block > .wp-block-group > .wp-block-group__inner-container .white-text h3:not([class*=color]):first-child, 15626 .white-text .widget_block > .wp-block-group > .wp-block-group__inner-container h4:not([class*=color]):first-child, 15627 .widget_block > .wp-block-group > .wp-block-group__inner-container .white-text h4:not([class*=color]):first-child, 15628 .white-text .widget_block > .wp-block-group > .wp-block-group__inner-container h5:not([class*=color]):first-child, 15629 .widget_block > .wp-block-group > .wp-block-group__inner-container .white-text h5:not([class*=color]):first-child, 15630 .white-text .widget_block > .wp-block-group > .wp-block-group__inner-container h6:not([class*=color]):first-child, 15631 .widget_block > .wp-block-group > .wp-block-group__inner-container .white-text h6:not([class*=color]):first-child, 15632 .white-text h6:not([class*=color]), 15633 .white-text i:not(.read-more-icon):not([class*=color]), 15634 .white-text .section-title-col p:not([class*=color]), 15635 .white-text .section-title-col h1:not([class*=color]), 15636 .white-text .section-title-col h2:not([class*=color]), 15637 .white-text .section-title-col h3:not([class*=color]), 15638 .white-text .section-title-col h4:not([class*=color]), 15639 .white-text .section-title-col h5:not([class*=color]), 15640 .white-text .section-title-col h6:not([class*=color]), 15641 .white-text .section-title-col i:not(.read-more-icon):not([class*=color]) { 15642 color: #ffffff; 15643 } 15644 15645 .section-title-col-white-text .section-title-col p:not([class*=color]), 15646 .section-title-col-white-text .section-title-col h1:not([class*=color]), 15647 .section-title-col-white-text .section-title-col h2:not([class*=color]), 15648 .section-title-col-white-text .section-title-col h3:not([class*=color]), 15649 .section-title-col-white-text .section-title-col h4:not([class*=color]), 15650 .section-title-col-white-text .section-title-col h5:not([class*=color]), 15651 .section-title-col-white-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h1:not([class*=color]):first-child, 15652 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .section-title-col h1:not([class*=color]):first-child, 15653 .section-title-col-white-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h2:not([class*=color]):first-child, 15654 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .section-title-col h2:not([class*=color]):first-child, 15655 .section-title-col-white-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h3:not([class*=color]):first-child, 15656 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .section-title-col h3:not([class*=color]):first-child, 15657 .section-title-col-white-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h4:not([class*=color]):first-child, 15658 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .section-title-col h4:not([class*=color]):first-child, 15659 .section-title-col-white-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h5:not([class*=color]):first-child, 15660 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .section-title-col h5:not([class*=color]):first-child, 15661 .section-title-col-white-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h6:not([class*=color]):first-child, 15662 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .section-title-col h6:not([class*=color]):first-child, 15663 .section-title-col-white-text .section-title-col h6:not([class*=color]), 15664 .section-title-col-white-text .section-title-col i:not(.read-more-icon):not([class*=color]) { 15665 color: #ffffff; 15666 } 15667 15668 .section-title-col-white-text .use-section-text-color > p:not([class*=color]), 15669 .section-title-col-white-text .use-section-text-color > h1:not([class*=color]), 15670 .section-title-col-white-text .use-section-text-color > h2:not([class*=color]), 15671 .section-title-col-white-text .use-section-text-color > h3:not([class*=color]), 15672 .section-title-col-white-text .use-section-text-color > h4:not([class*=color]), 15673 .section-title-col-white-text .use-section-text-color > h5:not([class*=color]), 15674 .section-title-col-white-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h1:not([class*=color]):first-child, 15675 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .use-section-text-color > h1:not([class*=color]):first-child, 15676 .section-title-col-white-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h2:not([class*=color]):first-child, 15677 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .use-section-text-color > h2:not([class*=color]):first-child, 15678 .section-title-col-white-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h3:not([class*=color]):first-child, 15679 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .use-section-text-color > h3:not([class*=color]):first-child, 15680 .section-title-col-white-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h4:not([class*=color]):first-child, 15681 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .use-section-text-color > h4:not([class*=color]):first-child, 15682 .section-title-col-white-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h5:not([class*=color]):first-child, 15683 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .use-section-text-color > h5:not([class*=color]):first-child, 15684 .section-title-col-white-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h6:not([class*=color]):first-child, 15685 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .use-section-text-color > h6:not([class*=color]):first-child, 15686 .section-title-col-white-text .use-section-text-color > h6:not([class*=color]), 15687 .section-title-col-white-text .use-section-text-color > i:not(.read-more-icon):not([class*=color]), 15688 .section-title-col-white-text .use-section-text-color :not(.dark-text) p:not([class*=color]), 15689 .section-title-col-white-text .use-section-text-color :not(.dark-text) h1:not([class*=color]), 15690 .section-title-col-white-text .use-section-text-color :not(.dark-text) h2:not([class*=color]), 15691 .section-title-col-white-text .use-section-text-color :not(.dark-text) h3:not([class*=color]), 15692 .section-title-col-white-text .use-section-text-color :not(.dark-text) h4:not([class*=color]), 15693 .section-title-col-white-text .use-section-text-color :not(.dark-text) h5:not([class*=color]), 15694 .section-title-col-white-text .use-section-text-color :not(.dark-text) h6:not([class*=color]), 15695 .section-title-col-white-text .use-section-text-color :not(.dark-text) i:not(.read-more-icon):not([class*=color]) { 15696 color: #ffffff; 15697 } 15698 15699 .dark-text p:not([class*=color]), 15700 .dark-text h1:not([class*=color]), 15701 .dark-text h2:not([class*=color]), 15702 .dark-text h3:not([class*=color]), 15703 .dark-text h4:not([class*=color]), 15704 .dark-text h5:not([class*=color]), 15705 .dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container h1:not([class*=color]):first-child, 15706 .widget_block > .wp-block-group > .wp-block-group__inner-container .dark-text h1:not([class*=color]):first-child, 15707 .dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container h2:not([class*=color]):first-child, 15708 .widget_block > .wp-block-group > .wp-block-group__inner-container .dark-text h2:not([class*=color]):first-child, 15709 .dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container h3:not([class*=color]):first-child, 15710 .widget_block > .wp-block-group > .wp-block-group__inner-container .dark-text h3:not([class*=color]):first-child, 15711 .dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container h4:not([class*=color]):first-child, 15712 .widget_block > .wp-block-group > .wp-block-group__inner-container .dark-text h4:not([class*=color]):first-child, 15713 .dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container h5:not([class*=color]):first-child, 15714 .widget_block > .wp-block-group > .wp-block-group__inner-container .dark-text h5:not([class*=color]):first-child, 15715 .dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container h6:not([class*=color]):first-child, 15716 .widget_block > .wp-block-group > .wp-block-group__inner-container .dark-text h6:not([class*=color]):first-child, 15717 .dark-text h6:not([class*=color]), 15718 .dark-text i:not(.read-more-icon):not([class*=color]), 15719 .dark-text .section-title-col p:not([class*=color]), 15720 .dark-text .section-title-col h1:not([class*=color]), 15721 .dark-text .section-title-col h2:not([class*=color]), 15722 .dark-text .section-title-col h3:not([class*=color]), 15723 .dark-text .section-title-col h4:not([class*=color]), 15724 .dark-text .section-title-col h5:not([class*=color]), 15725 .dark-text .section-title-col h6:not([class*=color]), 15726 .dark-text .section-title-col i:not(.read-more-icon):not([class*=color]) { 15727 color: #4a4a4a; 15728 } 15729 15730 .section-title-col-dark-text .section-title-col p:not([class*=color]), 15731 .section-title-col-dark-text .section-title-col h1:not([class*=color]), 15732 .section-title-col-dark-text .section-title-col h2:not([class*=color]), 15733 .section-title-col-dark-text .section-title-col h3:not([class*=color]), 15734 .section-title-col-dark-text .section-title-col h4:not([class*=color]), 15735 .section-title-col-dark-text .section-title-col h5:not([class*=color]), 15736 .section-title-col-dark-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h1:not([class*=color]):first-child, 15737 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .section-title-col h1:not([class*=color]):first-child, 15738 .section-title-col-dark-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h2:not([class*=color]):first-child, 15739 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .section-title-col h2:not([class*=color]):first-child, 15740 .section-title-col-dark-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h3:not([class*=color]):first-child, 15741 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .section-title-col h3:not([class*=color]):first-child, 15742 .section-title-col-dark-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h4:not([class*=color]):first-child, 15743 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .section-title-col h4:not([class*=color]):first-child, 15744 .section-title-col-dark-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h5:not([class*=color]):first-child, 15745 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .section-title-col h5:not([class*=color]):first-child, 15746 .section-title-col-dark-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h6:not([class*=color]):first-child, 15747 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .section-title-col h6:not([class*=color]):first-child, 15748 .section-title-col-dark-text .section-title-col h6:not([class*=color]), 15749 .section-title-col-dark-text .section-title-col i:not(.read-more-icon):not([class*=color]) { 15750 color: #4a4a4a; 15751 } 15752 15753 .section-title-col-dark-text .use-section-text-color > p:not([class*=color]), 15754 .section-title-col-dark-text .use-section-text-color > h1:not([class*=color]), 15755 .section-title-col-dark-text .use-section-text-color > h2:not([class*=color]), 15756 .section-title-col-dark-text .use-section-text-color > h3:not([class*=color]), 15757 .section-title-col-dark-text .use-section-text-color > h4:not([class*=color]), 15758 .section-title-col-dark-text .use-section-text-color > h5:not([class*=color]), 15759 .section-title-col-dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h1:not([class*=color]):first-child, 15760 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .use-section-text-color > h1:not([class*=color]):first-child, 15761 .section-title-col-dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h2:not([class*=color]):first-child, 15762 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .use-section-text-color > h2:not([class*=color]):first-child, 15763 .section-title-col-dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h3:not([class*=color]):first-child, 15764 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .use-section-text-color > h3:not([class*=color]):first-child, 15765 .section-title-col-dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h4:not([class*=color]):first-child, 15766 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .use-section-text-color > h4:not([class*=color]):first-child, 15767 .section-title-col-dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h5:not([class*=color]):first-child, 15768 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .use-section-text-color > h5:not([class*=color]):first-child, 15769 .section-title-col-dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h6:not([class*=color]):first-child, 15770 .widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .use-section-text-color > h6:not([class*=color]):first-child, 15771 .section-title-col-dark-text .use-section-text-color > h6:not([class*=color]), 15772 .section-title-col-dark-text .use-section-text-color > i:not(.read-more-icon):not([class*=color]), 15773 .section-title-col-dark-text .use-section-text-color :not(.white-text) p:not([class*=color]), 15774 .section-title-col-dark-text .use-section-text-color :not(.white-text) h1:not([class*=color]), 15775 .section-title-col-dark-text .use-section-text-color :not(.white-text) h2:not([class*=color]), 15776 .section-title-col-dark-text .use-section-text-color :not(.white-text) h3:not([class*=color]), 15777 .section-title-col-dark-text .use-section-text-color :not(.white-text) h4:not([class*=color]), 15778 .section-title-col-dark-text .use-section-text-color :not(.white-text) h5:not([class*=color]), 15779 .section-title-col-dark-text .use-section-text-color :not(.white-text) h6:not([class*=color]), 15780 .section-title-col-dark-text .use-section-text-color :not(.white-text) i:not(.read-more-icon):not([class*=color]) { 15781 color: #4a4a4a; 15782 } 15783 15784 @media (min-width: 768px) { 15785 div.content-left-sm { 15786 text-align: left; 15787 } 15788 15789 div.content-left-sm h1, 15790 div.content-left-sm h2, 15791 div.content-left-sm h3, 15792 div.content-left-sm h4, 15793 div.content-left-sm h5, 15794 div.content-left-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 15795 .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-left-sm h1:first-child, 15796 div.content-left-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 15797 .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-left-sm h2:first-child, 15798 div.content-left-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 15799 .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-left-sm h3:first-child, 15800 div.content-left-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 15801 .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-left-sm h4:first-child, 15802 div.content-left-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 15803 .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-left-sm h5:first-child, 15804 div.content-left-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 15805 .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-left-sm h6:first-child, 15806 div.content-left-sm h6, 15807 div.content-left-sm p, 15808 div.content-left-sm img { 15809 margin-left: 0; 15810 margin-right: auto; 15811 text-align: left; 15812 } 15813 15814 div.content-left-sm .icon { 15815 margin-left: 0; 15816 margin-right: auto; 15817 } 15818 15819 div.content-center-sm { 15820 text-align: center; 15821 } 15822 15823 div.content-center-sm h1, 15824 div.content-center-sm h2, 15825 div.content-center-sm h3, 15826 div.content-center-sm h4, 15827 div.content-center-sm h5, 15828 div.content-center-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 15829 .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-center-sm h1:first-child, 15830 div.content-center-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 15831 .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-center-sm h2:first-child, 15832 div.content-center-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 15833 .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-center-sm h3:first-child, 15834 div.content-center-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 15835 .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-center-sm h4:first-child, 15836 div.content-center-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 15837 .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-center-sm h5:first-child, 15838 div.content-center-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 15839 .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-center-sm h6:first-child, 15840 div.content-center-sm h6, 15841 div.content-center-sm p, 15842 div.content-center-sm img, 15843 div.content-center-sm [data-type=group] { 15844 text-align: center; 15845 margin-left: auto; 15846 margin-right: auto; 15847 } 15848 15849 div.content-center-sm .icon, 15850 div.content-center-sm img { 15851 margin-left: auto; 15852 margin-right: auto; 15853 text-align: center; 15854 } 15855 15856 div.content-right-sm { 15857 text-align: right; 15858 } 15859 15860 div.content-right-sm h1, 15861 div.content-right-sm h2, 15862 div.content-right-sm h3, 15863 div.content-right-sm h4, 15864 div.content-right-sm h5, 15865 div.content-right-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, 15866 .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-right-sm h1:first-child, 15867 div.content-right-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, 15868 .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-right-sm h2:first-child, 15869 div.content-right-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, 15870 .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-right-sm h3:first-child, 15871 div.content-right-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, 15872 .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-right-sm h4:first-child, 15873 div.content-right-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, 15874 .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-right-sm h5:first-child, 15875 div.content-right-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, 15876 .widget_block > .wp-block-group > .wp-block-group__inner-container div.content-right-sm h6:first-child, 15877 div.content-right-sm h6, 15878 div.content-right-sm p, 15879 div.content-right-sm img, 15880 div.content-right-sm [data-type=group] { 15881 margin-right: 0; 15882 margin-left: auto; 15883 text-align: right; 15884 } 15885 15886 div.content-right-sm .icon { 15887 margin-right: 0; 15888 margin-left: auto; 15889 } 15890 } 15891 15892 @-webkit-keyframes per-column-not-rendering { 15893 from { 15894 opacity: 0; 15895 } 15896 15897 to { 15898 opacity: 1; 15899 } 15900 } 15901 15902 @keyframes per-column-not-rendering { 15903 from { 15904 opacity: 0; 15905 } 15906 15907 to { 15908 opacity: 1; 15909 } 15910 } 15911 15912 @media (max-width: 767px) { 15913 .cols-border-between div.col-xs-1 { 15914 border-right-width: 1px; 15915 border-right-style: solid; 15916 border-right-color: #228ae6; 15917 } 15918 } 15919 15920 @media (max-width: 767px) and (min-width: 768px) { 15921 .cols-border-between div.col-xs-1 { 15922 padding-left: 40px; 15923 padding-right: 40px; 15924 } 15925 } 15926 15927 @media (max-width: 767px) { 15928 .cols-border-between div.col-xs-1:nth-of-type(12n) { 15929 border-right: transparent; 15930 } 15931 } 15932 15933 @media (max-width: 767px) { 15934 .cols-border-between div.col-xs-1:last-of-type { 15935 border-right: transparent; 15936 } 15937 } 15938 15939 @media (max-width: 767px) { 15940 .cols-border-between div.col-xs-2 { 15941 border-right-width: 1px; 15942 border-right-style: solid; 15943 border-right-color: #228ae6; 15944 } 15945 } 15946 15947 @media (max-width: 767px) and (min-width: 768px) { 15948 .cols-border-between div.col-xs-2 { 15949 padding-left: 40px; 15950 padding-right: 40px; 15951 } 15952 } 15953 15954 @media (max-width: 767px) { 15955 .cols-border-between div.col-xs-2:nth-of-type(6n) { 15956 border-right: transparent; 15957 } 15958 } 15959 15960 @media (max-width: 767px) { 15961 .cols-border-between div.col-xs-2:last-of-type { 15962 border-right: transparent; 15963 } 15964 } 15965 15966 @media (max-width: 767px) { 15967 .cols-border-between div.col-xs-3 { 15968 border-right-width: 1px; 15969 border-right-style: solid; 15970 border-right-color: #228ae6; 15971 } 15972 } 15973 15974 @media (max-width: 767px) and (min-width: 768px) { 15975 .cols-border-between div.col-xs-3 { 15976 padding-left: 40px; 15977 padding-right: 40px; 15978 } 15979 } 15980 15981 @media (max-width: 767px) { 15982 .cols-border-between div.col-xs-3:nth-of-type(4n) { 15983 border-right: transparent; 15984 } 15985 } 15986 15987 @media (max-width: 767px) { 15988 .cols-border-between div.col-xs-3:last-of-type { 15989 border-right: transparent; 15990 } 15991 } 15992 15993 @media (max-width: 767px) { 15994 .cols-border-between div.col-xs-4 { 15995 border-right-width: 1px; 15996 border-right-style: solid; 15997 border-right-color: #228ae6; 15998 } 15999 } 16000 16001 @media (max-width: 767px) and (min-width: 768px) { 16002 .cols-border-between div.col-xs-4 { 16003 padding-left: 40px; 16004 padding-right: 40px; 16005 } 16006 } 16007 16008 @media (max-width: 767px) { 16009 .cols-border-between div.col-xs-4:nth-of-type(3n) { 16010 border-right: transparent; 16011 } 16012 } 16013 16014 @media (max-width: 767px) { 16015 .cols-border-between div.col-xs-4:last-of-type { 16016 border-right: transparent; 16017 } 16018 } 16019 16020 @media (max-width: 767px) { 16021 .cols-border-between div.col-xs-6 { 16022 border-right-width: 1px; 16023 border-right-style: solid; 16024 border-right-color: #228ae6; 16025 } 16026 } 16027 16028 @media (max-width: 767px) and (min-width: 768px) { 16029 .cols-border-between div.col-xs-6 { 16030 padding-left: 40px; 16031 padding-right: 40px; 16032 } 16033 } 16034 16035 @media (max-width: 767px) { 16036 .cols-border-between div.col-xs-6:nth-of-type(2n) { 16037 border-right: transparent; 16038 } 16039 } 16040 16041 @media (max-width: 767px) { 16042 .cols-border-between div.col-xs-6:last-of-type { 16043 border-right: transparent; 16044 } 16045 } 16046 16047 @media (max-width: 767px) { 16048 .cols-border-between div.col-xs-12 { 16049 border-right-width: 1px; 16050 border-right-style: solid; 16051 border-right-color: #228ae6; 16052 } 16053 } 16054 16055 @media (max-width: 767px) and (min-width: 768px) { 16056 .cols-border-between div.col-xs-12 { 16057 padding-left: 40px; 16058 padding-right: 40px; 16059 } 16060 } 16061 16062 @media (max-width: 767px) { 16063 .cols-border-between div.col-xs-12:nth-of-type(1n) { 16064 border-right: transparent; 16065 } 16066 } 16067 16068 @media (max-width: 767px) { 16069 .cols-border-between div.col-xs-12:last-of-type { 16070 border-right: transparent; 16071 } 16072 } 16073 16074 @media (max-width: 767px) { 16075 .cols-border-between div.col-xs-12 { 16076 border-right: none; 16077 border-bottom: 1px solid #228ae6; 16078 } 16079 } 16080 16081 @media (max-width: 767px) { 16082 .cols-separator-between div.col-xs-1 { 16083 position: relative; 16084 } 16085 } 16086 16087 @media (max-width: 767px) and (min-width: 768px) { 16088 .cols-separator-between div.col-xs-1 { 16089 padding-left: 40px; 16090 padding-right: 40px; 16091 } 16092 } 16093 16094 @media (max-width: 767px) { 16095 .cols-separator-between div.col-xs-1:after { 16096 background: #228ae6; 16097 content: ""; 16098 display: block; 16099 height: 90%; 16100 position: absolute; 16101 right: 0; 16102 top: 5%; 16103 width: 1px; 16104 -webkit-backface-visibility: hidden; 16105 -webkit-transform: translateZ(0); 16106 transform: translateZ(0); 16107 -webkit-animation-name: per-column-not-rendering; 16108 animation-name: per-column-not-rendering; 16109 -webkit-animation-duration: 0.1s; 16110 animation-duration: 0.1s; 16111 } 16112 } 16113 16114 @media (max-width: 767px) { 16115 .cols-separator-between div.col-xs-1:nth-of-type(12n):after { 16116 background: transparent; 16117 } 16118 } 16119 16120 @media (max-width: 767px) { 16121 .cols-separator-between div.col-xs-1:last-of-type:after { 16122 background: transparent; 16123 } 16124 } 16125 16126 @media (max-width: 767px) { 16127 .cols-separator-between div.col-xs-2 { 16128 position: relative; 16129 } 16130 } 16131 16132 @media (max-width: 767px) and (min-width: 768px) { 16133 .cols-separator-between div.col-xs-2 { 16134 padding-left: 40px; 16135 padding-right: 40px; 16136 } 16137 } 16138 16139 @media (max-width: 767px) { 16140 .cols-separator-between div.col-xs-2:after { 16141 background: #228ae6; 16142 content: ""; 16143 display: block; 16144 height: 90%; 16145 position: absolute; 16146 right: 0; 16147 top: 5%; 16148 width: 1px; 16149 -webkit-backface-visibility: hidden; 16150 -webkit-transform: translateZ(0); 16151 transform: translateZ(0); 16152 -webkit-animation-name: per-column-not-rendering; 16153 animation-name: per-column-not-rendering; 16154 -webkit-animation-duration: 0.1s; 16155 animation-duration: 0.1s; 16156 } 16157 } 16158 16159 @media (max-width: 767px) { 16160 .cols-separator-between div.col-xs-2:nth-of-type(6n):after { 16161 background: transparent; 16162 } 16163 } 16164 16165 @media (max-width: 767px) { 16166 .cols-separator-between div.col-xs-2:last-of-type:after { 16167 background: transparent; 16168 } 16169 } 16170 16171 @media (max-width: 767px) { 16172 .cols-separator-between div.col-xs-3 { 16173 position: relative; 16174 } 16175 } 16176 16177 @media (max-width: 767px) and (min-width: 768px) { 16178 .cols-separator-between div.col-xs-3 { 16179 padding-left: 40px; 16180 padding-right: 40px; 16181 } 16182 } 16183 16184 @media (max-width: 767px) { 16185 .cols-separator-between div.col-xs-3:after { 16186 background: #228ae6; 16187 content: ""; 16188 display: block; 16189 height: 90%; 16190 position: absolute; 16191 right: 0; 16192 top: 5%; 16193 width: 1px; 16194 -webkit-backface-visibility: hidden; 16195 -webkit-transform: translateZ(0); 16196 transform: translateZ(0); 16197 -webkit-animation-name: per-column-not-rendering; 16198 animation-name: per-column-not-rendering; 16199 -webkit-animation-duration: 0.1s; 16200 animation-duration: 0.1s; 16201 } 16202 } 16203 16204 @media (max-width: 767px) { 16205 .cols-separator-between div.col-xs-3:nth-of-type(4n):after { 16206 background: transparent; 16207 } 16208 } 16209 16210 @media (max-width: 767px) { 16211 .cols-separator-between div.col-xs-3:last-of-type:after { 16212 background: transparent; 16213 } 16214 } 16215 16216 @media (max-width: 767px) { 16217 .cols-separator-between div.col-xs-4 { 16218 position: relative; 16219 } 16220 } 16221 16222 @media (max-width: 767px) and (min-width: 768px) { 16223 .cols-separator-between div.col-xs-4 { 16224 padding-left: 40px; 16225 padding-right: 40px; 16226 } 16227 } 16228 16229 @media (max-width: 767px) { 16230 .cols-separator-between div.col-xs-4:after { 16231 background: #228ae6; 16232 content: ""; 16233 display: block; 16234 height: 90%; 16235 position: absolute; 16236 right: 0; 16237 top: 5%; 16238 width: 1px; 16239 -webkit-backface-visibility: hidden; 16240 -webkit-transform: translateZ(0); 16241 transform: translateZ(0); 16242 -webkit-animation-name: per-column-not-rendering; 16243 animation-name: per-column-not-rendering; 16244 -webkit-animation-duration: 0.1s; 16245 animation-duration: 0.1s; 16246 } 16247 } 16248 16249 @media (max-width: 767px) { 16250 .cols-separator-between div.col-xs-4:nth-of-type(3n):after { 16251 background: transparent; 16252 } 16253 } 16254 16255 @media (max-width: 767px) { 16256 .cols-separator-between div.col-xs-4:last-of-type:after { 16257 background: transparent; 16258 } 16259 } 16260 16261 @media (max-width: 767px) { 16262 .cols-separator-between div.col-xs-6 { 16263 position: relative; 16264 } 16265 } 16266 16267 @media (max-width: 767px) and (min-width: 768px) { 16268 .cols-separator-between div.col-xs-6 { 16269 padding-left: 40px; 16270 padding-right: 40px; 16271 } 16272 } 16273 16274 @media (max-width: 767px) { 16275 .cols-separator-between div.col-xs-6:after { 16276 background: #228ae6; 16277 content: ""; 16278 display: block; 16279 height: 90%; 16280 position: absolute; 16281 right: 0; 16282 top: 5%; 16283 width: 1px; 16284 -webkit-backface-visibility: hidden; 16285 -webkit-transform: translateZ(0); 16286 transform: translateZ(0); 16287 -webkit-animation-name: per-column-not-rendering; 16288 animation-name: per-column-not-rendering; 16289 -webkit-animation-duration: 0.1s; 16290 animation-duration: 0.1s; 16291 } 16292 } 16293 16294 @media (max-width: 767px) { 16295 .cols-separator-between div.col-xs-6:nth-of-type(2n):after { 16296 background: transparent; 16297 } 16298 } 16299 16300 @media (max-width: 767px) { 16301 .cols-separator-between div.col-xs-6:last-of-type:after { 16302 background: transparent; 16303 } 16304 } 16305 16306 @media (max-width: 767px) { 16307 .cols-separator-between div.col-xs-12 { 16308 position: relative; 16309 } 16310 } 16311 16312 @media (max-width: 767px) and (min-width: 768px) { 16313 .cols-separator-between div.col-xs-12 { 16314 padding-left: 40px; 16315 padding-right: 40px; 16316 } 16317 } 16318 16319 @media (max-width: 767px) { 16320 .cols-separator-between div.col-xs-12:after { 16321 background: #228ae6; 16322 content: ""; 16323 display: block; 16324 height: 90%; 16325 position: absolute; 16326 right: 0; 16327 top: 5%; 16328 width: 1px; 16329 -webkit-backface-visibility: hidden; 16330 -webkit-transform: translateZ(0); 16331 transform: translateZ(0); 16332 -webkit-animation-name: per-column-not-rendering; 16333 animation-name: per-column-not-rendering; 16334 -webkit-animation-duration: 0.1s; 16335 animation-duration: 0.1s; 16336 } 16337 } 16338 16339 @media (max-width: 767px) { 16340 .cols-separator-between div.col-xs-12:nth-of-type(1n):after { 16341 background: transparent; 16342 } 16343 } 16344 16345 @media (max-width: 767px) { 16346 .cols-separator-between div.col-xs-12:last-of-type:after { 16347 background: transparent; 16348 } 16349 } 16350 16351 @media (max-width: 767px) { 16352 .cols-separator-between div.col-xs-12:after { 16353 display: block !important; 16354 background: #228ae6; 16355 height: 1px; 16356 width: 100%; 16357 top: auto; 16358 left: 0; 16359 bottom: 0; 16360 } 16361 } 16362 16363 @media (min-width: 768px) and (max-width: 1023px) { 16364 .cols-border-between div.col-sm-1 { 16365 border-right-width: 1px; 16366 border-right-style: solid; 16367 border-right-color: #228ae6; 16368 } 16369 } 16370 16371 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16372 .cols-border-between div.col-sm-1 { 16373 padding-left: 40px; 16374 padding-right: 40px; 16375 } 16376 } 16377 16378 @media (min-width: 768px) and (max-width: 1023px) { 16379 .cols-border-between div.col-sm-1:nth-of-type(12n) { 16380 border-right: transparent; 16381 } 16382 } 16383 16384 @media (min-width: 768px) and (max-width: 1023px) { 16385 .cols-border-between div.col-sm-1:last-of-type { 16386 border-right: transparent; 16387 } 16388 } 16389 16390 @media (min-width: 768px) and (max-width: 1023px) { 16391 .cols-border-between div.col-sm-2 { 16392 border-right-width: 1px; 16393 border-right-style: solid; 16394 border-right-color: #228ae6; 16395 } 16396 } 16397 16398 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16399 .cols-border-between div.col-sm-2 { 16400 padding-left: 40px; 16401 padding-right: 40px; 16402 } 16403 } 16404 16405 @media (min-width: 768px) and (max-width: 1023px) { 16406 .cols-border-between div.col-sm-2:nth-of-type(6n) { 16407 border-right: transparent; 16408 } 16409 } 16410 16411 @media (min-width: 768px) and (max-width: 1023px) { 16412 .cols-border-between div.col-sm-2:last-of-type { 16413 border-right: transparent; 16414 } 16415 } 16416 16417 @media (min-width: 768px) and (max-width: 1023px) { 16418 .cols-border-between div.col-sm-3 { 16419 border-right-width: 1px; 16420 border-right-style: solid; 16421 border-right-color: #228ae6; 16422 } 16423 } 16424 16425 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16426 .cols-border-between div.col-sm-3 { 16427 padding-left: 40px; 16428 padding-right: 40px; 16429 } 16430 } 16431 16432 @media (min-width: 768px) and (max-width: 1023px) { 16433 .cols-border-between div.col-sm-3:nth-of-type(4n) { 16434 border-right: transparent; 16435 } 16436 } 16437 16438 @media (min-width: 768px) and (max-width: 1023px) { 16439 .cols-border-between div.col-sm-3:last-of-type { 16440 border-right: transparent; 16441 } 16442 } 16443 16444 @media (min-width: 768px) and (max-width: 1023px) { 16445 .cols-border-between div.col-sm-4 { 16446 border-right-width: 1px; 16447 border-right-style: solid; 16448 border-right-color: #228ae6; 16449 } 16450 } 16451 16452 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16453 .cols-border-between div.col-sm-4 { 16454 padding-left: 40px; 16455 padding-right: 40px; 16456 } 16457 } 16458 16459 @media (min-width: 768px) and (max-width: 1023px) { 16460 .cols-border-between div.col-sm-4:nth-of-type(3n) { 16461 border-right: transparent; 16462 } 16463 } 16464 16465 @media (min-width: 768px) and (max-width: 1023px) { 16466 .cols-border-between div.col-sm-4:last-of-type { 16467 border-right: transparent; 16468 } 16469 } 16470 16471 @media (min-width: 768px) and (max-width: 1023px) { 16472 .cols-border-between div.col-sm-6, 16473 .cols-border-between .post-comments .navigation div.prev-posts, 16474 .post-comments .navigation .cols-border-between div.prev-posts, 16475 .cols-border-between .post-comments .navigation div.next-posts, 16476 .post-comments .navigation .cols-border-between div.next-posts { 16477 border-right-width: 1px; 16478 border-right-style: solid; 16479 border-right-color: #228ae6; 16480 } 16481 } 16482 16483 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16484 .cols-border-between div.col-sm-6, 16485 .cols-border-between .post-comments .navigation div.prev-posts, 16486 .post-comments .navigation .cols-border-between div.prev-posts, 16487 .cols-border-between .post-comments .navigation div.next-posts, 16488 .post-comments .navigation .cols-border-between div.next-posts { 16489 padding-left: 40px; 16490 padding-right: 40px; 16491 } 16492 } 16493 16494 @media (min-width: 768px) and (max-width: 1023px) { 16495 .cols-border-between div.col-sm-6:nth-of-type(2n), 16496 .cols-border-between .post-comments .navigation div.prev-posts:nth-of-type(2n), 16497 .post-comments .navigation .cols-border-between div.prev-posts:nth-of-type(2n), 16498 .cols-border-between .post-comments .navigation div.next-posts:nth-of-type(2n), 16499 .post-comments .navigation .cols-border-between div.next-posts:nth-of-type(2n) { 16500 border-right: transparent; 16501 } 16502 } 16503 16504 @media (min-width: 768px) and (max-width: 1023px) { 16505 .cols-border-between div.col-sm-6:last-of-type, 16506 .cols-border-between .post-comments .navigation div.prev-posts:last-of-type, 16507 .post-comments .navigation .cols-border-between div.prev-posts:last-of-type, 16508 .cols-border-between .post-comments .navigation div.next-posts:last-of-type, 16509 .post-comments .navigation .cols-border-between div.next-posts:last-of-type { 16510 border-right: transparent; 16511 } 16512 } 16513 16514 @media (min-width: 768px) and (max-width: 1023px) { 16515 .cols-border-between div.col-sm-12 { 16516 border-right-width: 1px; 16517 border-right-style: solid; 16518 border-right-color: #228ae6; 16519 } 16520 } 16521 16522 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16523 .cols-border-between div.col-sm-12 { 16524 padding-left: 40px; 16525 padding-right: 40px; 16526 } 16527 } 16528 16529 @media (min-width: 768px) and (max-width: 1023px) { 16530 .cols-border-between div.col-sm-12:nth-of-type(1n) { 16531 border-right: transparent; 16532 } 16533 } 16534 16535 @media (min-width: 768px) and (max-width: 1023px) { 16536 .cols-border-between div.col-sm-12:last-of-type { 16537 border-right: transparent; 16538 } 16539 } 16540 16541 @media (min-width: 768px) and (max-width: 1023px) { 16542 .cols-border-between div.col-sm-12 { 16543 border-right: none; 16544 border-bottom: 1px solid #228ae6; 16545 } 16546 } 16547 16548 @media (min-width: 768px) and (max-width: 1023px) { 16549 .cols-separator-between div.col-sm-1 { 16550 position: relative; 16551 } 16552 } 16553 16554 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16555 .cols-separator-between div.col-sm-1 { 16556 padding-left: 40px; 16557 padding-right: 40px; 16558 } 16559 } 16560 16561 @media (min-width: 768px) and (max-width: 1023px) { 16562 .cols-separator-between div.col-sm-1:after { 16563 background: #228ae6; 16564 content: ""; 16565 display: block; 16566 height: 90%; 16567 position: absolute; 16568 right: 0; 16569 top: 5%; 16570 width: 1px; 16571 -webkit-backface-visibility: hidden; 16572 -webkit-transform: translateZ(0); 16573 transform: translateZ(0); 16574 -webkit-animation-name: per-column-not-rendering; 16575 animation-name: per-column-not-rendering; 16576 -webkit-animation-duration: 0.1s; 16577 animation-duration: 0.1s; 16578 } 16579 } 16580 16581 @media (min-width: 768px) and (max-width: 1023px) { 16582 .cols-separator-between div.col-sm-1:nth-of-type(12n):after { 16583 background: transparent; 16584 } 16585 } 16586 16587 @media (min-width: 768px) and (max-width: 1023px) { 16588 .cols-separator-between div.col-sm-1:last-of-type:after { 16589 background: transparent; 16590 } 16591 } 16592 16593 @media (min-width: 768px) and (max-width: 1023px) { 16594 .cols-separator-between div.col-sm-2 { 16595 position: relative; 16596 } 16597 } 16598 16599 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16600 .cols-separator-between div.col-sm-2 { 16601 padding-left: 40px; 16602 padding-right: 40px; 16603 } 16604 } 16605 16606 @media (min-width: 768px) and (max-width: 1023px) { 16607 .cols-separator-between div.col-sm-2:after { 16608 background: #228ae6; 16609 content: ""; 16610 display: block; 16611 height: 90%; 16612 position: absolute; 16613 right: 0; 16614 top: 5%; 16615 width: 1px; 16616 -webkit-backface-visibility: hidden; 16617 -webkit-transform: translateZ(0); 16618 transform: translateZ(0); 16619 -webkit-animation-name: per-column-not-rendering; 16620 animation-name: per-column-not-rendering; 16621 -webkit-animation-duration: 0.1s; 16622 animation-duration: 0.1s; 16623 } 16624 } 16625 16626 @media (min-width: 768px) and (max-width: 1023px) { 16627 .cols-separator-between div.col-sm-2:nth-of-type(6n):after { 16628 background: transparent; 16629 } 16630 } 16631 16632 @media (min-width: 768px) and (max-width: 1023px) { 16633 .cols-separator-between div.col-sm-2:last-of-type:after { 16634 background: transparent; 16635 } 16636 } 16637 16638 @media (min-width: 768px) and (max-width: 1023px) { 16639 .cols-separator-between div.col-sm-3 { 16640 position: relative; 16641 } 16642 } 16643 16644 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16645 .cols-separator-between div.col-sm-3 { 16646 padding-left: 40px; 16647 padding-right: 40px; 16648 } 16649 } 16650 16651 @media (min-width: 768px) and (max-width: 1023px) { 16652 .cols-separator-between div.col-sm-3:after { 16653 background: #228ae6; 16654 content: ""; 16655 display: block; 16656 height: 90%; 16657 position: absolute; 16658 right: 0; 16659 top: 5%; 16660 width: 1px; 16661 -webkit-backface-visibility: hidden; 16662 -webkit-transform: translateZ(0); 16663 transform: translateZ(0); 16664 -webkit-animation-name: per-column-not-rendering; 16665 animation-name: per-column-not-rendering; 16666 -webkit-animation-duration: 0.1s; 16667 animation-duration: 0.1s; 16668 } 16669 } 16670 16671 @media (min-width: 768px) and (max-width: 1023px) { 16672 .cols-separator-between div.col-sm-3:nth-of-type(4n):after { 16673 background: transparent; 16674 } 16675 } 16676 16677 @media (min-width: 768px) and (max-width: 1023px) { 16678 .cols-separator-between div.col-sm-3:last-of-type:after { 16679 background: transparent; 16680 } 16681 } 16682 16683 @media (min-width: 768px) and (max-width: 1023px) { 16684 .cols-separator-between div.col-sm-4 { 16685 position: relative; 16686 } 16687 } 16688 16689 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16690 .cols-separator-between div.col-sm-4 { 16691 padding-left: 40px; 16692 padding-right: 40px; 16693 } 16694 } 16695 16696 @media (min-width: 768px) and (max-width: 1023px) { 16697 .cols-separator-between div.col-sm-4:after { 16698 background: #228ae6; 16699 content: ""; 16700 display: block; 16701 height: 90%; 16702 position: absolute; 16703 right: 0; 16704 top: 5%; 16705 width: 1px; 16706 -webkit-backface-visibility: hidden; 16707 -webkit-transform: translateZ(0); 16708 transform: translateZ(0); 16709 -webkit-animation-name: per-column-not-rendering; 16710 animation-name: per-column-not-rendering; 16711 -webkit-animation-duration: 0.1s; 16712 animation-duration: 0.1s; 16713 } 16714 } 16715 16716 @media (min-width: 768px) and (max-width: 1023px) { 16717 .cols-separator-between div.col-sm-4:nth-of-type(3n):after { 16718 background: transparent; 16719 } 16720 } 16721 16722 @media (min-width: 768px) and (max-width: 1023px) { 16723 .cols-separator-between div.col-sm-4:last-of-type:after { 16724 background: transparent; 16725 } 16726 } 16727 16728 @media (min-width: 768px) and (max-width: 1023px) { 16729 .cols-separator-between div.col-sm-6, 16730 .cols-separator-between .post-comments .navigation div.prev-posts, 16731 .post-comments .navigation .cols-separator-between div.prev-posts, 16732 .cols-separator-between .post-comments .navigation div.next-posts, 16733 .post-comments .navigation .cols-separator-between div.next-posts { 16734 position: relative; 16735 } 16736 } 16737 16738 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16739 .cols-separator-between div.col-sm-6, 16740 .cols-separator-between .post-comments .navigation div.prev-posts, 16741 .post-comments .navigation .cols-separator-between div.prev-posts, 16742 .cols-separator-between .post-comments .navigation div.next-posts, 16743 .post-comments .navigation .cols-separator-between div.next-posts { 16744 padding-left: 40px; 16745 padding-right: 40px; 16746 } 16747 } 16748 16749 @media (min-width: 768px) and (max-width: 1023px) { 16750 .cols-separator-between div.col-sm-6:after, 16751 .cols-separator-between .post-comments .navigation div.prev-posts:after, 16752 .post-comments .navigation .cols-separator-between div.prev-posts:after, 16753 .cols-separator-between .post-comments .navigation div.next-posts:after, 16754 .post-comments .navigation .cols-separator-between div.next-posts:after { 16755 background: #228ae6; 16756 content: ""; 16757 display: block; 16758 height: 90%; 16759 position: absolute; 16760 right: 0; 16761 top: 5%; 16762 width: 1px; 16763 -webkit-backface-visibility: hidden; 16764 -webkit-transform: translateZ(0); 16765 transform: translateZ(0); 16766 -webkit-animation-name: per-column-not-rendering; 16767 animation-name: per-column-not-rendering; 16768 -webkit-animation-duration: 0.1s; 16769 animation-duration: 0.1s; 16770 } 16771 } 16772 16773 @media (min-width: 768px) and (max-width: 1023px) { 16774 .cols-separator-between div.col-sm-6:nth-of-type(2n):after, 16775 .cols-separator-between .post-comments .navigation div.prev-posts:nth-of-type(2n):after, 16776 .post-comments .navigation .cols-separator-between div.prev-posts:nth-of-type(2n):after, 16777 .cols-separator-between .post-comments .navigation div.next-posts:nth-of-type(2n):after, 16778 .post-comments .navigation .cols-separator-between div.next-posts:nth-of-type(2n):after { 16779 background: transparent; 16780 } 16781 } 16782 16783 @media (min-width: 768px) and (max-width: 1023px) { 16784 .cols-separator-between div.col-sm-6:last-of-type:after, 16785 .cols-separator-between .post-comments .navigation div.prev-posts:last-of-type:after, 16786 .post-comments .navigation .cols-separator-between div.prev-posts:last-of-type:after, 16787 .cols-separator-between .post-comments .navigation div.next-posts:last-of-type:after, 16788 .post-comments .navigation .cols-separator-between div.next-posts:last-of-type:after { 16789 background: transparent; 16790 } 16791 } 16792 16793 @media (min-width: 768px) and (max-width: 1023px) { 16794 .cols-separator-between div.col-sm-12 { 16795 position: relative; 16796 } 16797 } 16798 16799 @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) { 16800 .cols-separator-between div.col-sm-12 { 16801 padding-left: 40px; 16802 padding-right: 40px; 16803 } 16804 } 16805 16806 @media (min-width: 768px) and (max-width: 1023px) { 16807 .cols-separator-between div.col-sm-12:after { 16808 background: #228ae6; 16809 content: ""; 16810 display: block; 16811 height: 90%; 16812 position: absolute; 16813 right: 0; 16814 top: 5%; 16815 width: 1px; 16816 -webkit-backface-visibility: hidden; 16817 -webkit-transform: translateZ(0); 16818 transform: translateZ(0); 16819 -webkit-animation-name: per-column-not-rendering; 16820 animation-name: per-column-not-rendering; 16821 -webkit-animation-duration: 0.1s; 16822 animation-duration: 0.1s; 16823 } 16824 } 16825 16826 @media (min-width: 768px) and (max-width: 1023px) { 16827 .cols-separator-between div.col-sm-12:nth-of-type(1n):after { 16828 background: transparent; 16829 } 16830 } 16831 16832 @media (min-width: 768px) and (max-width: 1023px) { 16833 .cols-separator-between div.col-sm-12:last-of-type:after { 16834 background: transparent; 16835 } 16836 } 16837 16838 @media (min-width: 768px) and (max-width: 1023px) { 16839 .cols-separator-between div.col-sm-12:after { 16840 display: block !important; 16841 background: #228ae6; 16842 height: 1px; 16843 width: 100%; 16844 top: auto; 16845 left: 0; 16846 bottom: 0; 16847 } 16848 } 16849 16850 @media (min-width: 1024px) { 16851 .cols-border-between div.col-md-1 { 16852 border-right-width: 1px; 16853 border-right-style: solid; 16854 border-right-color: #228ae6; 16855 } 16856 } 16857 16858 @media (min-width: 1024px) and (min-width: 768px) { 16859 .cols-border-between div.col-md-1 { 16860 padding-left: 40px; 16861 padding-right: 40px; 16862 } 16863 } 16864 16865 @media (min-width: 1024px) { 16866 .cols-border-between div.col-md-1:nth-of-type(12n) { 16867 border-right: transparent; 16868 } 16869 } 16870 16871 @media (min-width: 1024px) { 16872 .cols-border-between div.col-md-1:last-of-type { 16873 border-right: transparent; 16874 } 16875 } 16876 16877 @media (min-width: 1024px) { 16878 .cols-border-between div.col-md-2 { 16879 border-right-width: 1px; 16880 border-right-style: solid; 16881 border-right-color: #228ae6; 16882 } 16883 } 16884 16885 @media (min-width: 1024px) and (min-width: 768px) { 16886 .cols-border-between div.col-md-2 { 16887 padding-left: 40px; 16888 padding-right: 40px; 16889 } 16890 } 16891 16892 @media (min-width: 1024px) { 16893 .cols-border-between div.col-md-2:nth-of-type(6n) { 16894 border-right: transparent; 16895 } 16896 } 16897 16898 @media (min-width: 1024px) { 16899 .cols-border-between div.col-md-2:last-of-type { 16900 border-right: transparent; 16901 } 16902 } 16903 16904 @media (min-width: 1024px) { 16905 .cols-border-between div.col-md-3 { 16906 border-right-width: 1px; 16907 border-right-style: solid; 16908 border-right-color: #228ae6; 16909 } 16910 } 16911 16912 @media (min-width: 1024px) and (min-width: 768px) { 16913 .cols-border-between div.col-md-3 { 16914 padding-left: 40px; 16915 padding-right: 40px; 16916 } 16917 } 16918 16919 @media (min-width: 1024px) { 16920 .cols-border-between div.col-md-3:nth-of-type(4n) { 16921 border-right: transparent; 16922 } 16923 } 16924 16925 @media (min-width: 1024px) { 16926 .cols-border-between div.col-md-3:last-of-type { 16927 border-right: transparent; 16928 } 16929 } 16930 16931 @media (min-width: 1024px) { 16932 .cols-border-between div.col-md-4 { 16933 border-right-width: 1px; 16934 border-right-style: solid; 16935 border-right-color: #228ae6; 16936 } 16937 } 16938 16939 @media (min-width: 1024px) and (min-width: 768px) { 16940 .cols-border-between div.col-md-4 { 16941 padding-left: 40px; 16942 padding-right: 40px; 16943 } 16944 } 16945 16946 @media (min-width: 1024px) { 16947 .cols-border-between div.col-md-4:nth-of-type(3n) { 16948 border-right: transparent; 16949 } 16950 } 16951 16952 @media (min-width: 1024px) { 16953 .cols-border-between div.col-md-4:last-of-type { 16954 border-right: transparent; 16955 } 16956 } 16957 16958 @media (min-width: 1024px) { 16959 .cols-border-between div.col-md-6 { 16960 border-right-width: 1px; 16961 border-right-style: solid; 16962 border-right-color: #228ae6; 16963 } 16964 } 16965 16966 @media (min-width: 1024px) and (min-width: 768px) { 16967 .cols-border-between div.col-md-6 { 16968 padding-left: 40px; 16969 padding-right: 40px; 16970 } 16971 } 16972 16973 @media (min-width: 1024px) { 16974 .cols-border-between div.col-md-6:nth-of-type(2n) { 16975 border-right: transparent; 16976 } 16977 } 16978 16979 @media (min-width: 1024px) { 16980 .cols-border-between div.col-md-6:last-of-type { 16981 border-right: transparent; 16982 } 16983 } 16984 16985 @media (min-width: 1024px) { 16986 .cols-border-between div.col-md-12 { 16987 border-right-width: 1px; 16988 border-right-style: solid; 16989 border-right-color: #228ae6; 16990 } 16991 } 16992 16993 @media (min-width: 1024px) and (min-width: 768px) { 16994 .cols-border-between div.col-md-12 { 16995 padding-left: 40px; 16996 padding-right: 40px; 16997 } 16998 } 16999 17000 @media (min-width: 1024px) { 17001 .cols-border-between div.col-md-12:nth-of-type(1n) { 17002 border-right: transparent; 17003 } 17004 } 17005 17006 @media (min-width: 1024px) { 17007 .cols-border-between div.col-md-12:last-of-type { 17008 border-right: transparent; 17009 } 17010 } 17011 17012 @media (min-width: 1024px) { 17013 .cols-border-between div.col-md-12 { 17014 border-right: none; 17015 border-bottom: 1px solid #228ae6; 17016 } 17017 } 17018 17019 @media (min-width: 1024px) { 17020 .cols-separator-between div.col-md-1 { 17021 position: relative; 17022 } 17023 } 17024 17025 @media (min-width: 1024px) and (min-width: 768px) { 17026 .cols-separator-between div.col-md-1 { 17027 padding-left: 40px; 17028 padding-right: 40px; 17029 } 17030 } 17031 17032 @media (min-width: 1024px) { 17033 .cols-separator-between div.col-md-1:after { 17034 background: #228ae6; 17035 content: ""; 17036 display: block; 17037 height: 90%; 17038 position: absolute; 17039 right: 0; 17040 top: 5%; 17041 width: 1px; 17042 -webkit-backface-visibility: hidden; 17043 -webkit-transform: translateZ(0); 17044 transform: translateZ(0); 17045 -webkit-animation-name: per-column-not-rendering; 17046 animation-name: per-column-not-rendering; 17047 -webkit-animation-duration: 0.1s; 17048 animation-duration: 0.1s; 17049 } 17050 } 17051 17052 @media (min-width: 1024px) { 17053 .cols-separator-between div.col-md-1:nth-of-type(12n):after { 17054 background: transparent; 17055 } 17056 } 17057 17058 @media (min-width: 1024px) { 17059 .cols-separator-between div.col-md-1:last-of-type:after { 17060 background: transparent; 17061 } 17062 } 17063 17064 @media (min-width: 1024px) { 17065 .cols-separator-between div.col-md-2 { 17066 position: relative; 17067 } 17068 } 17069 17070 @media (min-width: 1024px) and (min-width: 768px) { 17071 .cols-separator-between div.col-md-2 { 17072 padding-left: 40px; 17073 padding-right: 40px; 17074 } 17075 } 17076 17077 @media (min-width: 1024px) { 17078 .cols-separator-between div.col-md-2:after { 17079 background: #228ae6; 17080 content: ""; 17081 display: block; 17082 height: 90%; 17083 position: absolute; 17084 right: 0; 17085 top: 5%; 17086 width: 1px; 17087 -webkit-backface-visibility: hidden; 17088 -webkit-transform: translateZ(0); 17089 transform: translateZ(0); 17090 -webkit-animation-name: per-column-not-rendering; 17091 animation-name: per-column-not-rendering; 17092 -webkit-animation-duration: 0.1s; 17093 animation-duration: 0.1s; 17094 } 17095 } 17096 17097 @media (min-width: 1024px) { 17098 .cols-separator-between div.col-md-2:nth-of-type(6n):after { 17099 background: transparent; 17100 } 17101 } 17102 17103 @media (min-width: 1024px) { 17104 .cols-separator-between div.col-md-2:last-of-type:after { 17105 background: transparent; 17106 } 17107 } 17108 17109 @media (min-width: 1024px) { 17110 .cols-separator-between div.col-md-3 { 17111 position: relative; 17112 } 17113 } 17114 17115 @media (min-width: 1024px) and (min-width: 768px) { 17116 .cols-separator-between div.col-md-3 { 17117 padding-left: 40px; 17118 padding-right: 40px; 17119 } 17120 } 17121 17122 @media (min-width: 1024px) { 17123 .cols-separator-between div.col-md-3:after { 17124 background: #228ae6; 17125 content: ""; 17126 display: block; 17127 height: 90%; 17128 position: absolute; 17129 right: 0; 17130 top: 5%; 17131 width: 1px; 17132 -webkit-backface-visibility: hidden; 17133 -webkit-transform: translateZ(0); 17134 transform: translateZ(0); 17135 -webkit-animation-name: per-column-not-rendering; 17136 animation-name: per-column-not-rendering; 17137 -webkit-animation-duration: 0.1s; 17138 animation-duration: 0.1s; 17139 } 17140 } 17141 17142 @media (min-width: 1024px) { 17143 .cols-separator-between div.col-md-3:nth-of-type(4n):after { 17144 background: transparent; 17145 } 17146 } 17147 17148 @media (min-width: 1024px) { 17149 .cols-separator-between div.col-md-3:last-of-type:after { 17150 background: transparent; 17151 } 17152 } 17153 17154 @media (min-width: 1024px) { 17155 .cols-separator-between div.col-md-4 { 17156 position: relative; 17157 } 17158 } 17159 17160 @media (min-width: 1024px) and (min-width: 768px) { 17161 .cols-separator-between div.col-md-4 { 17162 padding-left: 40px; 17163 padding-right: 40px; 17164 } 17165 } 17166 17167 @media (min-width: 1024px) { 17168 .cols-separator-between div.col-md-4:after { 17169 background: #228ae6; 17170 content: ""; 17171 display: block; 17172 height: 90%; 17173 position: absolute; 17174 right: 0; 17175 top: 5%; 17176 width: 1px; 17177 -webkit-backface-visibility: hidden; 17178 -webkit-transform: translateZ(0); 17179 transform: translateZ(0); 17180 -webkit-animation-name: per-column-not-rendering; 17181 animation-name: per-column-not-rendering; 17182 -webkit-animation-duration: 0.1s; 17183 animation-duration: 0.1s; 17184 } 17185 } 17186 17187 @media (min-width: 1024px) { 17188 .cols-separator-between div.col-md-4:nth-of-type(3n):after { 17189 background: transparent; 17190 } 17191 } 17192 17193 @media (min-width: 1024px) { 17194 .cols-separator-between div.col-md-4:last-of-type:after { 17195 background: transparent; 17196 } 17197 } 17198 17199 @media (min-width: 1024px) { 17200 .cols-separator-between div.col-md-6 { 17201 position: relative; 17202 } 17203 } 17204 17205 @media (min-width: 1024px) and (min-width: 768px) { 17206 .cols-separator-between div.col-md-6 { 17207 padding-left: 40px; 17208 padding-right: 40px; 17209 } 17210 } 17211 17212 @media (min-width: 1024px) { 17213 .cols-separator-between div.col-md-6:after { 17214 background: #228ae6; 17215 content: ""; 17216 display: block; 17217 height: 90%; 17218 position: absolute; 17219 right: 0; 17220 top: 5%; 17221 width: 1px; 17222 -webkit-backface-visibility: hidden; 17223 -webkit-transform: translateZ(0); 17224 transform: translateZ(0); 17225 -webkit-animation-name: per-column-not-rendering; 17226 animation-name: per-column-not-rendering; 17227 -webkit-animation-duration: 0.1s; 17228 animation-duration: 0.1s; 17229 } 17230 } 17231 17232 @media (min-width: 1024px) { 17233 .cols-separator-between div.col-md-6:nth-of-type(2n):after { 17234 background: transparent; 17235 } 17236 } 17237 17238 @media (min-width: 1024px) { 17239 .cols-separator-between div.col-md-6:last-of-type:after { 17240 background: transparent; 17241 } 17242 } 17243 17244 @media (min-width: 1024px) { 17245 .cols-separator-between div.col-md-12 { 17246 position: relative; 17247 } 17248 } 17249 17250 @media (min-width: 1024px) and (min-width: 768px) { 17251 .cols-separator-between div.col-md-12 { 17252 padding-left: 40px; 17253 padding-right: 40px; 17254 } 17255 } 17256 17257 @media (min-width: 1024px) { 17258 .cols-separator-between div.col-md-12:after { 17259 background: #228ae6; 17260 content: ""; 17261 display: block; 17262 height: 90%; 17263 position: absolute; 17264 right: 0; 17265 top: 5%; 17266 width: 1px; 17267 -webkit-backface-visibility: hidden; 17268 -webkit-transform: translateZ(0); 17269 transform: translateZ(0); 17270 -webkit-animation-name: per-column-not-rendering; 17271 animation-name: per-column-not-rendering; 17272 -webkit-animation-duration: 0.1s; 17273 animation-duration: 0.1s; 17274 } 17275 } 17276 17277 @media (min-width: 1024px) { 17278 .cols-separator-between div.col-md-12:nth-of-type(1n):after { 17279 background: transparent; 17280 } 17281 } 17282 17283 @media (min-width: 1024px) { 17284 .cols-separator-between div.col-md-12:last-of-type:after { 17285 background: transparent; 17286 } 17287 } 17288 17289 @media (min-width: 1024px) { 17290 .cols-separator-between div.col-md-12:after { 17291 display: block !important; 17292 background: #228ae6; 17293 height: 1px; 17294 width: 100%; 17295 top: auto; 17296 left: 0; 17297 bottom: 0; 17298 } 17299 } 17300 17301 .contact-form-wrapper { 17302 text-align: center; 17303 } 17304 17305 .contact-form-wrapper select, 17306 .contact-form-wrapper textarea { 17307 resize: none; 17308 -webkit-appearance: none; 17309 -moz-appearance: none; 17310 appearance: none; 17311 } 17312 17313 .contact-form-wrapper textarea { 17314 min-height: 180px; 17315 height: 180px; 17316 min-width: 100%; 17317 max-width: 100%; 17318 overflow: auto; 17319 } 17320 17321 .contact-form-wrapper .mdc-text-field--invalid .wpcf7-form-control-wrap, 17322 .contact-form-wrapper .mdc-text-field--focused .wpcf7-form-control-wrap { 17323 display: block; 17324 width: 100%; 17325 white-space: nowrap; 17326 } 17327 17328 .contact-form-wrapper .mdc-text-field--invalid .wpcf7-form-control-wrap .wpcf7-not-valid-tip, 17329 .contact-form-wrapper .mdc-text-field--focused .wpcf7-form-control-wrap .wpcf7-not-valid-tip { 17330 position: absolute; 17331 top: -0.5em; 17332 } 17333 17334 .contact-form-wrapper input[type=submit] { 17335 height: auto; 17336 font-family: "Roboto"; 17337 font-size: 0.875rem; 17338 color: #ffffff; 17339 background-color: #228ae6; 17340 border-radius: 4px; 17341 min-width: 7rem; 17342 padding: 0.55rem 20px; 17343 font-weight: 500; 17344 letter-spacing: 1px; 17345 text-align: center; 17346 text-decoration: none; 17347 cursor: pointer; 17348 display: inline-block; 17349 line-height: 40px; 17350 border: 2px solid #228ae6; 17351 vertical-align: middle; 17352 -webkit-appearance: none; 17353 margin-bottom: 0.875rem; 17354 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); 17355 margin: auto; 17356 height: auto; 17357 display: block; 17358 margin-bottom: 0px; 17359 line-height: 1.2rem; 17360 text-transform: uppercase; 17361 } 17362 17363 .contact-form-wrapper input[type=submit] i { 17364 position: relative; 17365 top: 1px; 17366 margin: 0 2px; 17367 } 17368 17369 .contact-form-wrapper input[type=submit]:hover { 17370 outline: none; 17371 text-decoration: none; 17372 color: #ffffff; 17373 background-color: #50a2eb; 17374 border-color: #50a2eb; 17375 } 17376 17377 .contact-form-wrapper input[type=submit]:disabled, 17378 .contact-form-wrapper input[type=submit]:disabled[disabled], 17379 .contact-form-wrapper input[type=submit].disabled { 17380 cursor: default; 17381 font-style: normal; 17382 color: rgba(255, 255, 255, 0.7); 17383 background-color: rgba(34, 138, 230, 0.7); 17384 border-color: rgba(34, 138, 230, 0.7); 17385 padding: 0.55rem 20px; 17386 } 17387 17388 .contact-form-wrapper input[type=submit]:disabled:hover, 17389 .contact-form-wrapper input[type=submit]:disabled[disabled]:hover, 17390 .contact-form-wrapper input[type=submit].disabled:hover { 17391 color: #ffffff; 17392 } 17393 17394 .contact-form-wrapper input[type=submit] .button-icon { 17395 font-size: 1.5em; 17396 margin-right: 0.25em; 17397 vertical-align: middle; 17398 } 17399 17400 @media (min-width: 768px) { 17401 .contact-form-wrapper input[type=submit] { 17402 margin-left: auto; 17403 margin-right: 0; 17404 } 17405 } 17406 17407 .contact-form-wrapper form { 17408 margin-top: 0px; 17409 margin-bottom: 0px; 17410 display: flex; 17411 flex-wrap: wrap; 17412 } 17413 17414 .contact-form-wrapper form[class*=wpcf7-] p { 17415 width: 100%; 17416 } 17417 17418 .contact-form-wrapper form[class*=wpcf7-] p .mdc-text-field { 17419 display: flex; 17420 } 17421 17422 .contact-form-wrapper form[class*=wpcf7-] p:last-of-type { 17423 margin-bottom: 0px; 17424 } 17425 17426 .contact-form-wrapper div.wpcf7-validation-errors, 17427 .contact-form-wrapper .wpcf7-response-output[role=alert] { 17428 background-color: #ff8066; 17429 border: none; 17430 color: #ffffff; 17431 font-size: 0.77em; 17432 padding: 5px 10px; 17433 margin: 2em 0 1em; 17434 } 17435 17436 .contact-form-wrapper .wpcf7-mail-sent-ok[role=alert] { 17437 background-color: #3F464C; 17438 } 17439 17440 .contact-form-wrapper div.wpcf7 .ajax-loader { 17441 background-color: rgba(255, 255, 255, 0.86); 17442 background-position: center; 17443 background-repeat: no-repeat; 17444 border-radius: 100%; 17445 display: block; 17446 height: 32px; 17447 margin-left: 13px; 17448 margin-top: -38px; 17449 pointer-events: none; 17450 position: absolute; 17451 transition: all 0.4s; 17452 width: 32px; 17453 } 17454 17455 .contact-form-wrapper span.wpcf7-not-valid-tip { 17456 color: #d60808; 17457 font-size: 14px; 17458 font-weight: 600; 17459 display: block; 17460 } 17461 17462 @media (min-width: 768px) { 17463 .contact-form-wrapper { 17464 text-align: left; 17465 } 17466 17467 .contact-form-wrapper.inline-info form[class*=wpcf7-] p .mdc-text-field { 17468 display: inline-flex; 17469 } 17470 17471 .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(1), 17472 .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(2) { 17473 display: block; 17474 width: 50%; 17475 max-width: 50%; 17476 } 17477 17478 .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(3), 17479 .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(4), 17480 .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(5) { 17481 width: 100%; 17482 } 17483 17484 .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(3) > div, 17485 .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(4) > div, 17486 .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(5) > div { 17487 width: 100%; 17488 } 17489 17490 .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(4) { 17491 margin-top: 40px; 17492 } 17493 17494 .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(1) { 17495 padding-right: 15px; 17496 } 17497 17498 .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(2) { 17499 padding-left: 15px; 17500 } 17501 17502 .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(2):after { 17503 clear: both; 17504 } 17505 } 17506 17507 .contentswap-effect { 17508 position: relative; 17509 } 17510 17511 .contentswap-effect .initial-image img { 17512 display: block; 17513 margin: 0; 17514 width: 100%; 17515 max-width: none; 17516 } 17517 17518 .contentswap-effect .overlay { 17519 position: absolute; 17520 width: 100%; 17521 height: 100%; 17522 top: 0; 17523 left: 0; 17524 opacity: 0; 17525 z-index: 1; 17526 } 17527 17528 .contentswap-effect .swap-inner { 17529 position: absolute; 17530 top: 0; 17531 left: 0; 17532 width: 100%; 17533 height: 100%; 17534 z-index: 2; 17535 opacity: 0; 17536 } 17537 17538 .contentswap-effect.visible .overlay, 17539 .contentswap-effect:hover .overlay, 17540 .contentswap-effect.hover .overlay { 17541 opacity: 0.7; 17542 } 17543 17544 .contentswap-effect.visible .swap-inner, 17545 .contentswap-effect:hover .swap-inner, 17546 .contentswap-effect.hover .swap-inner { 17547 opacity: 1; 17548 } 17549 17550 /** Progressbar */ 17551 17552 .progressline { 17553 width: 100%; 17554 position: relative; 17555 } 17556 17557 .progressbar { 17558 width: 100%; 17559 margin-top: 35px; 17560 margin-bottom: 25px; 17561 background-color: #f5f5f5; 17562 } 17563 17564 .progressbar:before, 17565 .progressbar:after { 17566 content: none; 17567 } 17568 17569 .proggress { 17570 height: 8px; 17571 width: 10px; 17572 background-color: #3498db; 17573 } 17574 17575 .counterText { 17576 position: absolute; 17577 left: 15px; 17578 top: 0; 17579 margin-top: 10px; 17580 font-weight: 500; 17581 color: #54617A; 17582 } 17583 17584 .percentCount { 17585 position: absolute; 17586 top: 0; 17587 right: 15px; 17588 margin-top: 10px; 17589 font-weight: 500; 17590 color: #54617A; 17591 } 17592 17593 .circle-counter { 17594 position: relative; 17595 } 17596 17597 .circle-counter circle { 17598 stroke-dashoffset: 0; 17599 stroke: transparent; 17600 stroke-width: 4px; 17601 } 17602 17603 .circle-counter .circle-svg { 17604 position: relative; 17605 z-index: 0; 17606 width: 100%; 17607 border-radius: 100%; 17608 max-height: none; 17609 display: block; 17610 -webkit-transform: rotateZ(-90deg); 17611 transform: rotateZ(-90deg); 17612 } 17613 17614 .circle-counter .circle-bar { 17615 stroke-dashoffset: 301.6px; 17616 } 17617 17618 .circle-counter .circle-content { 17619 position: absolute; 17620 top: 50%; 17621 width: 100%; 17622 -webkit-transform: translateY(-50%); 17623 transform: translateY(-50%); 17624 left: 0px; 17625 z-index: 1; 17626 text-align: center; 17627 } 17628 17629 [data-countup]:before { 17630 display: block; 17631 content: attr(data-max-computed); 17632 visibility: hidden; 17633 height: 0px; 17634 overflow: hidden; 17635 } 17636 17637 .materialis-google-maps { 17638 min-height: 400px; 17639 } 17640 17641 iframe.materialis-frame-map { 17642 width: 100%; 17643 height: 100%; 17644 display: block; 17645 } 17646 17647 .materialis-gallery dl, 17648 .materialis-gallery dt, 17649 .materialis-gallery a, 17650 .materialis-gallery img { 17651 margin-bottom: 0px; 17652 display: block; 17653 width: 100%; 17654 } 17655 17656 .materialis-gallery dt a { 17657 display: block; 17658 overflow: hidden; 17659 } 17660 17661 .materialis-gallery.captions-enabled dl { 17662 position: relative; 17663 } 17664 17665 .materialis-gallery.captions-enabled .gallery-caption { 17666 position: relative; 17667 z-index: 1; 17668 width: 100%; 17669 margin: 0; 17670 padding: 0.5rem 1rem; 17671 background-color: #2b2d42; 17672 color: #ffffff; 17673 font-size: 0.9rem; 17674 box-sizing: border-box; 17675 display: block; 17676 } 17677 17678 .pricing-featured { 17679 position: relative; 17680 z-index: 1; 17681 } 17682 17683 .content-section .woocommerce.in-section ul.products { 17684 margin-bottom: 0px; 17685 } 17686 17687 .content-section .woocommerce.in-section ul.products li.product { 17688 margin: 1rem 0; 17689 } 17690 17691 .content-section .woocommerce.in-section ul.products li.product .ope-woo-card-item > .woocommerce-loop-product__link { 17692 width: 100%; 17693 } 17694 17695 .content-section .woocommerce.in-section ul.products li.product .ope-woo-card-item .ope-woo-card-content .ope-woo-card-content-categories .woocommerce-loop-product__link { 17696 display: none; 17697 } 17698 17699 .content-section .woocommerce.in-section ul.products li.product .ope-woo-card-item .ope-woo-card-footer .button.add_to_cart_button { 17700 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); 17701 } 17702 17703 .content-section .woocommerce.in-section ul.products li.product .ope-woo-card-item .ope-woo-card-footer .button.add_to_cart_button i.mdi { 17704 color: #ffffff; 17705 } 17706 17707 .content-section .woocommerce.in-section ul.products li.product .contentswap-effect { 17708 overflow: hidden; 17709 } 17710 17711 .content-section .woocommerce.in-section ul.products li.product .contentswap-effect .initial-image { 17712 transition: all 0.2s linear; 17713 } 17714 17715 .content-section .woocommerce.in-section ul.products li.product .contentswap-effect .overlay { 17716 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.9) 100%); 17717 opacity: 1; 17718 } 17719 17720 .content-section .woocommerce.in-section ul.products li.product .contentswap-effect:hover .initial-image { 17721 -webkit-transform: scale(1.1); 17722 transform: scale(1.1); 17723 } 17724 17725 .content-section .woocommerce.in-section ul.products li.product .contentswap-effect:hover .overlay { 17726 opacity: 0.75; 17727 } 17728 17729 .content-section .button.woo-see-all-products { 17730 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); 17731 margin-top: 3rem; 17732 } 17733 17734 .content-section a.link { 17735 margin-bottom: 1rem; 17736 } 17737 17738 .content-section div > img:last-child { 17739 margin-bottom: 0px; 17740 } 17741 17742 .lightbox-video { 17743 background-position: center; 17744 background-size: cover; 17745 min-height: 280px; 17746 } 17747 17748 .lightbox-video.lightbox-video-tall { 17749 min-height: 400px; 17750 } 17751 17752 .overflow-hidden { 17753 overflow: hidden; 17754 } 17755 17756 .border-large { 17757 border-width: 10px; 17758 border-style: solid; 17759 border-color: #ffffff; 17760 } 17761 17762 .border-medium { 17763 border: 5px solid #ffffff; 17764 } 17765 17766 .inner-shadow { 17767 box-shadow: inset 0px 0px 10px rgba(189, 189, 189, 0.4); 17768 } 17769 17770 .content-placeholder-p { 17771 padding: 80px 20px; 17772 background: rgba(255, 255, 255, 0.54); 17773 text-align: center; 17774 text-transform: uppercase; 17775 font-weight: bold; 17776 font-size: 0.8em; 17777 color: #000000 !important; 17778 max-width: 80%; 17779 margin: auto; 17780 } 17781 17782 @media (min-width: 768px) { 17783 .overlap-left-large, 17784 .overlap-x-large { 17785 margin-left: -30%; 17786 } 17787 17788 .overlap-right-large { 17789 margin-right: -30%; 17790 } 17791 } 17792 17793 [class*=border-color] { 17794 border: 2px solid; 17795 } 17796 17797 [class*=border-top-color] { 17798 border-top-width: 2px; 17799 border-top-style: solid; 17800 } 17801 17802 .border-color1 { 17803 border-color: #228ae6; 17804 } 17805 17806 .border-color2 { 17807 border-color: #fa5252; 17808 } 17809 17810 .border-color3 { 17811 border-color: #82c91e; 17812 } 17813 17814 .border-color4 { 17815 border-color: #fab005; 17816 } 17817 17818 .border-color5 { 17819 border-color: #7950f2; 17820 } 17821 17822 .border-color6 { 17823 border-color: #e64980; 17824 } 17825 17826 .border-color-black { 17827 border-color: #000000; 17828 } 17829 17830 .border-color-white { 17831 border-color: #ffffff; 17832 } 17833 17834 .white-text { 17835 color: #ffffff; 17836 } 17837 17838 .dark-text { 17839 color: #4a4a4a; 17840 } 17841 17842 .social-icons-group a { 17843 opacity: 0.8; 17844 transition: all 0.15s; 17845 } 17846 17847 .social-icons-group a i { 17848 color: #bdbdbd; 17849 transition: color 0.15s; 17850 } 17851 17852 .social-icons-group a:hover { 17853 opacity: 1; 17854 } 17855 17856 /*Language Switcher START*/ 17857 17858 /* 17859 ul.materialis-language-switcher { 17860 display: inline-block; 17861 list-style: none; 17862 margin-left: 0px; 17863 padding: 0px; 17864 -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); 17865 -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); 17866 box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); 17867 } 17868 17869 div.materialis-language-switcher li { 17870 display: none; 17871 } 17872 17873 ul.materialis-language-switcher img { 17874 width: 18px; 17875 } 17876 17877 .materialis-language-switcher { 17878 display: none; 17879 } 17880 17881 li.ellipsis:not(.pll-mobile-menu-item) + li.ellipsis.pll-mobile-menu-item { 17882 margin-top: 20px; 17883 } 17884 17885 li.ellipsis.pll-mobile-menu-item .leaf { 17886 vertical-align: middle; 17887 display: inline-block; 17888 } 17889 17890 17891 div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li.ellipsis a img, 17892 li.ellipsis.pll-mobile-menu-item img { 17893 vertical-align: baseline; 17894 display: inline-block; 17895 margin-right: 10px; 17896 } 17897 17898 17899 @media only screen and (min-width: 768px) { 17900 */ 17901 17902 .materialis-language-switcher.after-menu { 17903 background-color: #ffffff; 17904 border-radius: 4px 0px 0px 4px; 17905 right: 0px; 17906 position: fixed; 17907 top: 80px; 17908 display: inline-block; 17909 z-index: 10000; 17910 list-style: none; 17911 margin-left: 0px; 17912 padding: 0px; 17913 box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); 17914 margin-bottom: 0; 17915 } 17916 17917 .materialis-language-switcher.after-menu select { 17918 display: block; 17919 margin: 10px 10px; 17920 background-position: right 20px bottom 16px; 17921 border: none; 17922 } 17923 17924 ul.materialis-language-switcher.after-menu > li { 17925 display: none; 17926 float: left; 17927 padding: 14px 8px; 17928 font-size: 0px; 17929 line-height: 0px; 17930 } 17931 17932 ul.materialis-language-switcher.after-menu > li.current-lang { 17933 display: block; 17934 } 17935 17936 ul.materialis-language-switcher.after-menu.hover > li, 17937 ul.materialis-language-switcher.after-menu:hover > li { 17938 display: block; 17939 } 17940 17941 ul.materialis-language-switcher.after-menu span { 17942 display: none; 17943 } 17944 17945 [class*=wp-block] { 17946 max-width: 1232px; 17947 margin: 40px auto; 17948 } 17949 17950 .wp-block-image { 17951 text-align: center; 17952 } 17953 17954 .wp-block-image img { 17955 text-align: center; 17956 } 17957 17958 17959 /*# sourceMappingURL=style.css.map*/